Product design
Fructose counter app
The fructose counter app is designed to help people with a fructose intolerance to find out how much fructose they eat every day and how much they can tolerate.
The app counts the fructose and glucose content in the foods eaten throughout the day (similar to how a diet app counts calories).
To do this, the user can enter the individual foods in the meals and thus count the stored fructose values.
The app is my own idea and is currently in the interview and test phase.
Tools:
Adobe XD, Miro, Flutterflow
Challenges
The app should not only record the values, but also provide an overview of compatibility.
The user should be able to determine their own threshold value and record the symptoms.
The user should be able to enter their own foods and their fructose values.
Goals
The user should be able to enter the food eaten quickly and easily.
The user should gain a better awareness and control over their intolerance.
The user should keep track of what they have eaten and how much fructose the food contains.
Project phases
Analysis
The target users are people with a severe fructose intolerance who want to use the app permanently or during the fasting phase (the two-week fructose fast).
User analysis
It is important for users to get an overview of how much fructose they consume, how much they can tolerate and what they can eat without discomfort. They want to finally be able to eat more freely and carefree and enjoy their lives again.
The target users will have already tried many internet forums and apps on this topic and read a lot about it. A lack of time and stress often mean that the target group does not eat consciously and cannot get their fructose intolerance under control.
Device usage:
Users use Android and iPhone
The app will initially only be available for Android
Competitor analysis
The competitors are the apps “Frag Inga” and “Histamine, Fructose und Co.” Both apps offer lists of foods in which the fructose/glucose values are listed. The foods are divided into compatible and incompatible foods. Both apps offer the option of marking favorites and rating the foods yourself.
The app “Histamine, Fructose and Co” has a very detailed list of the individual foods. It also has good support with quick assistance.
Both apps contradict each other when it comes to food tolerance. There are also some differences in the values and neither app offers the option of recording the fructose values or foods.
Product analysis
The new app offers the option of entering the food eaten and calculating the fructose and glucose. This gives the user a precise overview of the fructose consumed daily. The comparative value enables them to better assess their fructose intolerance.
Strategy and concept
Final strategy question:
Based on the analyses, I have worked out a final strategy question:
How do I conceive and design the app so that the user can quickly and easily count and evaluate their daily fructose values?
Actions and functions
In this step, I have listed all the actions and steps a user would need to take to record their food and symptoms.
In a brainstorming session, I collected ideas for possible functions and divided them into Must Have, Should Have and Nice to Have.
Must Have: Food search, food input, …
Should Have: symptoms, mood, weekly overview, …
Nice to Have: Community forum, QR code scanner, recipes, …
User Flows
I have created a user flow for each of the individual actions in the functions to ensure that I don’t forget any important steps.
With a user flow, an action is divided into individual intermediate steps and decision options. This creates a process that the user has to go through in a digital product in order to achieve a result.
Structur Map
In Miro, I created an overview of the individual views and functions and then connected them in a structure map.
This gave me the initial basis for building the app and I was able to talk to some programmers about the implementation and the effort involved.
Prototype development
Wireframes
Before developing a user interface design, I built the entire app with wireframes. It is, so to speak, a draft of the individual pages and functions. This allowed me to plan which elements were needed and where they should be placed.
Click dummy tests and optimization
I used a click dummy to test and optimize the processes. This allowed me to make sure that all actions and information were structured logically and comprehensibly.
UI design
After the initial tests and optimization of the wireframes, we moved on to the development of a UI design.
Colors
Writings
Icons
Registration
Home screen
Food list
Enter meals
Enter symptoms
Conclusion
The app provides users with a precise overview of the fructose they have eaten and their symptoms. The app is currently still in a test and interview phase. I want to make sure that users find all the important actions and functions in the app that they need to get their intolerance under control.