From both external research and internal Jawbone studies, it has been shown that food logging on weight loss. However, food logging remains an infrequently used feature—both through the UP app and through partner apps. Instead of encouraging users to log constantly, we set out to create an experience that intermittently baselines a user’s diet to provide more targeted diet coaching from Smart Coach in order to help users lose weight.
Me: Project Design Lead
Worked with: Senior Content Strategist, Product Manager, iOS engineer, Android engineer, platform engineer, Data Analyst
User experience, health research, content strategy, visual design, A/B experimentation
End to end design of a new application of an existing feature. Also applied a new visual design language to the experience.
Building on a system
The high level goal of my recent work has been to help UP users lose weight more effectively. In the realm of food logging, we had several hypotheses around how to most effectively provide diet advice. A previous experiment tried to simplify logging food to make it easy to evaluate a user's long term eating habits. Food Missions takes a different approach by asking users to create a baseline by recording detailed food consumption over only three days.
Smart Coach Today I Wills
At the beginning of the project, we defined that the delivery method for this experience would be through our existing Today I Will feature. Today I Wills are specific challenges from Smart Coach triggered by user behaviors and patterns. For example, if your bedtime is inconsistent on the weekends, Smart Coach will suggest a bedtime to help keep you on track. In addition to sleep, there are Today I Wills for steps, water logging, and fiber consumption. The challenge I faced with Food Missions was to incorporate a longer term and less numerically focused goal into this existing framework.
Problems to solve
What's a meal?
All current Today I Wills use measurable metrics like number of steps, hours of sleep, and ounces of water consumed to measure if a user has completed their goal. The brief for this project simply required that a user log "all their meals for the day." My challenge: how could we create a measurable metric for a person's daily food consumption? After some research and iteration, I decided that a full day of logging would be a certain number of calories based on that user's BMR (basal metabolic rate).
We asked a group of 10 Jawbone users to log all their meals for 4 consecutive days. After running a quick analysis of their data, we determined a user's calorie goal would be 70% of their recommended daily calorie intake.
Today I Will... Again?
Until now, Today I Wills were only run for 24 hour periods. This experiment was the first time we would be introducing the idea of a multi-day "mission" that would string three consecutive daily challenges together. If the user successfully completed the three day mission, they would be eligible for special content insights provided by Smart Coach. I worked with a content strategist to determine how to best communicate this new functionality.
A new look
I took this opportunity to apply the design team's new visual design language to the experience. My hope was to create a new design that could be systematically implemented across all Today I Will types.
Data and research
- Currently, only about 17% of active UP users log food regularly.
- To incentivize users to log food for even this short duration, we will use the ‘SMART’ goals framework, by attempting to set a Specific, Measurable, Attainable, Rewarding, and Time-bound food logging goal for the user.
- The Today I Will Feature has been shown to positively motivate users to change behavior. For steps, accepting a Today I Will makes users 35% more likely to hit their goal.
Experience Pain Points
Only 34% of people check their Today I Will detail screen. The "See your progress" CTA on the Today I Will card is very subtle, so my hypothesis was that it wasn't obvious enough to users that they could tap on the card to go to another screen.
Data and progress are not clearly visualized on the detail screen. The hierarchy of the information presented makes it hard to focus on the goal at hand. The old design also combines data visualization within an icon, which can be confusing for some users.
Because the general structure of the Today I Will feature is already in place, I didn't need to spend too much time iterating on the experience through wireframes. I mostly explored what content and modules we could show in the new design.
After establishing a basic flow, I quickly fell into solving how to arrange the screen's elements in a way that communicated the most important priorities to the user. The upper (green) area of the screen is focused on food logged for that current day. Below the fold, the user can see their progress over the course of the larger experience.
Part of the new design (see below) meant that we needed a new success state visualization. I worked off of some existing food illustration work done by another design team member to create celebratory imagery for this food-related experience. These are some of my illustration iterations.
The final experience
The user is presented with the opt-in card. If they accept, they will be asked to log their meals for the next three days.
On Day 2 they they will continue to log their meals. If they don't log enough calories, they'll still be encouraged to log for the third day.
Day 3 & 4
If a user successfully completes all three days, they will be given special insights from Smart Coach about their eating habits.
Solving pain points through visual design
Opting-in and accessing a Today I Will
I redesigned the offer cards to have clearer, more obvious CTA's. I also incorporated some subtle animaitons to help the transition from the opt-in card to the in-progress card feel more obvious.
I moved the add food CTA to below the data visualization to make it more obvious and in-line with the food record.
Your progress module
Food missions are the first multi-day Today I Will. I created the "Your Progress" module to show the user how much time was left in the current day and how successful the user had been over the course of the entire mission.
If a user logs enough food for the day, the Today I Will screen celebrates their success. I finalized the illustration, added a little celebratory confetti, and worked with our content strategist to create motivational messaging in the UI content.
Providing a reward
If a user successfully completes all three days of logging, they are eligible for special insights based on their eating habits. These insights use individual user data to inform and educate them on how they've eaten over the past three days and tips on what they could do in the future. I worked with my content strategist to research what information would be most useful to users trying to lose weight. We focused on tips for keeping calorie consumption under control and thinking about macronutrients, particularly fat.
Systematic design solutions
A cross-platform feature
Food missions was built on both Android and iOS. While the visual design and branding of the experience remains largely the same, the design differs slightly to be appropriate for each platform.
Future proof, systematic design
As I designed the new look and feel for Today I Wills, I kept in mind a systematic approach so that we might be able to apply it to other Today I Will types. Here are some mock-ups for what a Today I Will might look like for steps, sleep, etc.
A/B Test Setup
Control: Users that have a weight loss goal and have made an account within the last week will receive the stats quo experience.
Treatment: Users that have a weight loss goal have made an account within the last week will be offered the 3 day Food Mission.
The test is currently running.
Analysis results coming soon!