DietWave, an app calculates the calorie and provides healthy suggestions, helps user to form a diet habit.
People who cares their body weight and eager to create diet plan.
Obesity rates have been a serious problem in the United States, and the rate of body mass index (BMI) increase approximately doubled during the pandemic compared to a pre-pandemic period.
Cooking your own meals reduces the intake of excess calories and is a good choice for dieters. The random mix of rich ingredients within a certain range of calories also ensures nutritional balance.
Drinking water can help you eat less and lose weight, especially if you drink it before a meal. It also boosts the body's metabolism and accelerates fat burning.
For choosing the right direction, I did a research of two competitors. Diet and MyPlate have comprehensive design experience in the features of calorie and food, and I perfected DietWave by comparing their design and information architecture.
Diet is an app to create a personalized meal plan to lose weight quickly and naturally. Lack of usability and accessibility, half of functions are hide in profile page, and two pages in navigation bar are less important for user to count calorie information.
MyPlate is an app to help people to lose weight and improve nutrition combination. It has Calorie Tracker to check food and exercise on iPhone, and Apple Watch. For some of users don't need fitness features, and work out.
Comparing the two competitors, they have common pro on meal plan feature.
I decide to simplify the process of DietWave, and combine the features, such as
the MEAL PLAN, CALORIE COUNT and the weight count and water statistics.
"Do you always pay attention to the changes in your body shape?"
"Do you roughly calculate your daily calorie intake?"
"Do you take care of the combination of each meal?"
“Do you know what the calorie deficit is?”
Busy bee, 8-10 hours work per day.
These health-conscious young people don't have a lot of time to work out, but can afford to make a simple lunch or dinner.
Brandon is a contract lawyer in San Francisco, and his busy schedule prevents him from having a time to work out. He works an average of 10 hours a day.
He was very distressed about his current body shape and wanted to find a healthy diet to control his daily calorie intake. Brandon doesn't have a clear understanding of the calories in each food, it's also hard to keep himself from eating junk food. So diet plan is his "last hope".
Brandon is feeling unsatisfied of himself in the mirror.
Tons of work prevent him from going to gym.
Beside lack of exercise, he also like eating junk food.
He decides to get rid of the junk food.
He downloads DietWave to achieve goals.
Daily check the food and calories intake on DietWave.
Considering how much and how long information the users will capture in one page,
I kept one page content without scrolling, which not only demystify structure,
but improve flow of usability, making the layers of each page progress logically.
A calorie is a unit of energy, with 1 cal = 4.184 joules.
A calorie deficit is when consuming fewer calories than burning.
Our body receives energy from what we eat and drink and spends this energy to perform every function essential to keep us alive, like breathing, digestion, blood circulation, etc.
I added croissant to calorie deficit design, because 210 calories are equal to one croissant, which helps users quantify calories intuitively.
Users can click the small triangle buttons to select each meal, including breakfast, lunch, dinner and snacks. Users not only see the calories for each meal, but also add food after selecting.
Click "Edit" from Launch analysis page, click food avatar, users can edit each food name, type and quantity with different units.
Based on the amount of food added by the user, DietWave automatically calculates the total number of calories for a lunch.
Click on "Nutrition" to view the nutrition data for lunch and the ratio of carbohydrates, protein and fat. Nutrition is also evaluated below.
Simply enter users' weight and submit it, after which it will be updated to connect to the weight scale using Bluetooth and automatically download the data.
I choose warm colors because orange and yellow stimulate the user's passion for weight loss, and these two colors also represent food and calories, and the saturation of orange reduce the user's appetite.
After designing this project I realized that my knowledge about diet eating has grown a lot and learned how to experiment with user interaction through the help of Boohee Tech. I also learned to reduce anxiety and cut out useless steps as a designer when there is a strong demand from the target audience.
Next step I will add more features in DietWave to expand the target audience.