food journaling
The Photo Food Journal gives users a low touch way to engage with Habit by photo-documenting their dietary habits. It also allows coaches to visualize the user’s habits and call out areas for improvement with respect to the content, quantity and time of each of the meals. Our main objective was to determine the best method for capturing and journaling food photos in the existing app, as well as instruct users on portion sizing.
My contribution as Senior UX/UI designer was to guide the group through a week long design sprint. After our research and user interviews I prototyped the different design directions, tested them with users, and designed the final product.
client
Habit
year
2017
my contribution
product designer
strategy & research
prototyping
user testing
systems thinking
product design
the team
project managers x1
product managers x1
product designers x2
engineers x2
the problem
The Coaches are looking to connect with users between testing and results to provide engaging insights into their coaching journey. Users did not have an engaging, mindful activity that could teach how their plates should look, while getting to know their current eating patterns.
Users needed a tool in which users could quickly snap their latest meal and provide minimal information for feedback from their coach. Reviewing the plate and counting servings is a proven tool for goal setting and improvement.
the process
As a team, we brainstormed potential solutions and possible user flows. We unpacked how we will know if we got this right, how we will know if we failed, and discussed all the different ways how we might teach users about lifestyle changes through food logging. We interviewed current coaching program users about their experience and what they're hoping to achieve. After brainstorming we had a deciding together the flow and design direction the food photo journal should take.
architecture
Our goal was to create a simple user centered design application that could easily upload meal images with critical details for our coaches. We created user flows based on the user stories we created during the design sprint, and moved into some testable wireframes.
hi-fidelity testing
delivered product
The final flow after user testing involved users taking a picture or uploading from their library. They also had the option to leave a note about their meal. But the most important piece of feedback was to add functionality that’ll help the user’s learn about meal portions.
At the end of each day they have the option to reflect on how they day went and any notes they’d like to share with their coach.
lagging can be fun
There are several moments in the flow users noticed a lag as we uploaded their personal information and added to their journal.
I designed a loading animation in Illustrator, animated using After Effects, and built it to work with “Lottie” along with the guidance of our engineering team.