Eat Well

UX | Eat Healthy App (Case study)

The case study was to design for a service called Eat Well. Unlike many other cooking and recipe apps, this service takes a more scientific approach. The challenge was to work in the following way.

  1. Customers send in blood samples.
  2. Record basic information about themselves.
  3. The service recommends recipes and diet changes to improve health and cognitive ability based on the output from Eat Well’s AI.


Portfolio

iOS

research

The expectation of this case study

  • Geared for 18-35 year olds who are interested in nutrition, but do not know a lot about it.
  • Design a recommended recipe page for one of Eat Well’s customers based on the data outputted from the AI below and the recipe details.
  • The goal of this page is to show the customer the recipe and why it’s recommended, while making it easy to understand.
  • Explain how the customer gets to this page.
  • Assume the page will be viewed on a desktop screen size.
  • Use your creative freedom to design with any content you see fit.

Curveball

  • Now this is for a body builder wants to see more granular information, how would you account for this?
  • We found this statistic that people aren’t liking their diet changes, how would you allow someone to edit or customize this page?
  • The person now has diabetes and has different dietary impacts, would this impact your design?
  • This recipe is now for dogs.

Outline

  1. Persona
  2. User research
  3. Competitive analysis
  4. Process diagram
  5. Sitemap
  6. Design kit
  7. Low-Mid fidelity prototype
  8. High fidelity prototype
  9. Conclusion

Persona

After talking to five people along the interview process, I looked for patterns and organized them using post-it notes and analyzed them. I then consolidated them into one main persona - Sam Olson. A single professional who is interested in a new way of eating to take better care of himself with a longevity mindset.

research

User research

My research showed some of their common paths of finding recipes for their day-to-day meals with the objective of cooking and eating healthy.

research

Competitive analysis

As a part of my research I perform competitive analysis to learn about the products and systems already available in the market first to learn about their products and their features.

I went through review sites and app stores to understand the market. Although there are many on the subject of cooking and recipes, very few exist that utilizes biological samples and take a scientific approach towards customizing one's diet.

research

After gathering 15 different apps I narrowed down to 10, then to four. I highlighted the most important information I learned, strengths and weaknesses as well as unique features they might be using. Findings sparked improvement ideas toward process flows and prototypes. Here is a comparison map with numbers to evaluate their merit.

Comparison chart

research

Process diagram

I started the brainstorming process by creating high level flows. I then began refinding the flow based on the HMW questions, generated many different ideas, then continued down that path until there were lots of branch ideas to choose from.

High view

The diagram shows different entryways to the main custom “Breakfast pulled pork tacos” page. If a health insurance company was affiliated to Eat Well service, users could be notified there and land on the custom menu page directly. Email or text could be other ways by which the user will be notified of this custom menu being available and lead Sam Olson to the page.

research

Close up left

If the user does not have an account created and is not logged in, marketing materials could be displayed on the home page as well as other pages. Upon logging in with an account the entire app could be customized.

research

Close up right

research

Sitemap

High view

research

Close view

research

Design kit

This design kit has design elements used for consistency and appropriate themes when building the app. It successfully demonstrates the vibrant and clean look I was striving for. It took a little time to set up but saved a lot of the prototyping time.

research

Low fidelity prototype

High level

research

Close view

I strove for a clean look and simple experience. To do that, AI would need to understand what Sam would be wanting and aptly present them. For example, on the home page we want to study his search behavior and recommend an appropriate breakfast menu during the morning time, or dinner during the evening time, so Sam can just get on the app and find what he is looking for at a whim.

research

High fidelity prototype

Eat Well prototype  (Figma)

research

research

research

research

research


Conclusion

This was a quick design case study that served the purpose of envisioning what a scientific approach to healthy eating apps might look like. Here are the takeaways.

  • Features, layout, and customization were found useful.
  • People quickly grasped and thought they’d be able to search and find.
  • Some concepts still might need polishing but this should be viable.
  • Other categories such as Meal plan, Learn, and Pantry could be envisioned next.