ColorFit
Your time to get healthy is now.
A GUI product to help you make healthier choices.
UX Design | Animation | Hooked Model
Project Goal
The aim of the ColorFit app is to help you develop a healthy eating habit by keeping track of what and how much you eat.
It encourages you by giving you a cheat meal as a reward for achieving your goal.
Problem Statement
With the current fast-paced lifestyle, it is hard to take conscious efforts to maintain or improve your health. We don't know what we are giving our body most of the time we eat because it is hard to know the exact nutritional values of that food.
Developing a habit is something with takes consistency and dedication and hence developing the habit of eating healthy is
very difficult.
For this, we need a platform which will make this habit-building process for a healthy lifestyle easy and effortless.
How Might We..
Design a habit-forming application to help user make healthy food choices and develop a healthier lifestyle
Approach
The application follows HOOKED framework, helpful in designing habit-forming products.
Storyboard
This storyboard will help us better understand what are the problems the users face, what triggers them to use this application, and what keeps them invested in it.
MoSCoW Analysis
MoSCoW analysis is a method used to prioritize and filter out the important features for the application which will be relevant to it's USP.
MUST HAVE
1. Set a goal
2. Nutritional Intake Graph
3. Rewards
4. Preference selection
5. Track my meals
6. Login
SHOULD HAVE
1. BMI Calculator
2. My Rewards
COULD HAVE
1. Compare your progress
2. Visit your nutritionist
3. Visit your coach
4. Success stories
WON'T HAVE
1. Negative points
2. Failure stories
Site Flow
After prioritizing the features, it is time to determine how will they fit in together and what will be the flow of the application.
Risky Assumption Metrix
I created a 2x2 risky assumption matrix that had 'features that I am sure will work' on the left of the X-axis and the 'features that I am not sure will work or not' on the right of the X-axis while the Y-axis has 'devastating if the features won't work' at the top and 'not a big deal if features won't work' at the bottom.
.jpg)
From the Risky Assumption Matrix, I found out the three riskiest assumptions which can be devastating for the concept of my product. The three riskiest assumptions were:
1. The cheat meal reward will make people invest more in the app
2. Add all your food intake for every meal to track your progress
3. People care about micro-nutrients as much as calorie intake
The riskiest of them was "People will add all the data of their food intake for every meal to track your progress."
Market Engagement Hypothesis (MEH)
The statement I chose for the MEH was "People will add all the data of their food intake for every meal to track your progress."
XYZ Hypothesis- 65% of the users will add the data of every meal to track their progress
xyz Hypothesis- 65% of the users will add at least 70% of the total data of every meal to track their progress
Pretotyping Experiment
I chose the Pinocchio pretotyping method to test the xyz hypothesis. I created a mockup of the "Add food items" page and asked people to use it for some time. I gave them the print of the mockups and asked them to stick it on the back of their phone and pretend to use it after every meal. This helped me understand whether people actually use it.
Analysis
58% of the total users were consistent in adding at least 55% of the data of every meal they had.
Users did not find the camera option useful.
More infographics than text.
Low fidelity wireframes
User Testing
-
Add bottom navigation for important pages instead of just using the hamburger menu
-
Give 'back' and 'home' button
-
Remove unnecessary pages
-
Improve navigation
Moodboard
Adobe XD Prototype
