How Can You Add a Recipes in Noom

Re-designing Noom's psychology-based weight loss app.

OVERVIEW

This project was a re-blueprint exercise for an interview with Airbnb. The claiming was to place a meaningful problem inside whatever existing digital mobile product and then reimagine and re-design a solution.

ROLE

Product Designer / Interviewee

twelvemonth / timeline

2020 - v days

What is Noom—

Noom is a weight loss app designed by behavioral psychologists. Its mission is to "help people everywhere lead healthier lives through behavior change." Noom helps people lose weight for the long run and focuses on making tangible, sustainable lifestyle shifts rather than encouraging farthermost styles of eating.

The app, which costs a minimum of $45 per month, allows you to…

• Generate a personalized calorie breakdown based on a series of lifestyle questions, and rail the foods you eat by searching a database of scanning barcodes

• Log exercise, weight, blood pressure level, and blood saccharide

• Receive in-app 1:i health coaching during business hours and stay motivated with interactive manufactures and quizzes

Why did i choose Noom?

• I'd been using Noom for about a week, and although I loved the concept,
  I had some usability issues that I encountered and wanted to tackle.

• On a broader notation: co-ordinate to the CDC, more than 1/3 of American adults are obese. Commercial weight-loss programs totaled ~$3 billion in 2017. Many dieters give upwards long before reaching their goal. Noom, however, tackles weight loss with a proven, psychology-based approach that identifies triggers, changes habits, and provides a long term, lasting weight loss solution. In 2022 it was one of the most Googled diets, with over 45 million users. In a study of 36,000 users, 80% reported weight lost and sixty% of users maintained weight loss.

Noom's Electric current State—

Dwelling Screen & meals

• Simple design with cards and vertical scrolling

• View daily calories and curl back to
  previous days to see daily data

• Add steps, meals, exercise, and access
  daily articles, quizzes, and to-dos

• User complaint: difficult to view daily
  meal overview and add together food to meals

Calculation Food

• Find "Log Your Meals" on home screen amongst
  listing of to-dos, click on repast, search for nutrient,
  scan a food's barcode, or find an already
  created dish, and and then hit "done" to finish

• User complaint: no ability to view colors associated
  with the foods without having to add each food;
  no ability to edit dishes

food units

• To input food, choose between "easy units" or "more"

• Easy units are quick units to add catered towards food items

• User complaint: units not e'er catered well

• Accessing "more" brings y'all to a sliding ruler that
  allows you to toggle between different units

• User complaint: difficulty switching betwixt dissimilar
  units because numbers on the ruler self adjust

exercise & health

• To add together an exercise, users must go to the domicile screen,
  find "Do More than" (likewise features option to counterbalance in, find
  Noom recipes, take claret pleasure, and claret glucose),
  then select from a short list of curated exercises

• User complaint: no search option, limited list of practise options, and lists inaccurate calories burned for many exercises

Experiencing technical difficulties? Click hither .

Design Procedure

01 trouble identification

• User Research

• Competitive Analysis

• Affinity Diagramming

02 ideation

• Persona Creation

• Design Principles

• User Menses

03 Creation

• Sketches/Wireframes

• UI Design

• Interactive Prototype

01

Problem Identification—

User Research | Competitive Analysis | Affinity Diagramming

// User Research —

Methods

• Survey: Created a survey and posted it onto the
  Noom Reddit folio; gathered 53 responses

• Online Feedback: Looked at Apple tree App Store and TrustPilot comments with constructive feedback (4 stars and below)

• Interviews: Interviewed a current user (friend who
  uses the app) to gather more in-depth responses

• Personal User Testing: Downloaded the app and began
  a 14-mean solar day free trial of the Noom Salubrious Weight Program

Inquiry Synthesis

Major Pain Points

• "Neat philosophy, bad UX"

• Inefficient and inaccurate food tracking

• Limited and inaccurate food database

• Limited and inaccurate exercise tracking

• Lack of customizability

• Coaching is lacking

• Groups experience out of sync

• Lack of Android functions

• No desktop version

Noom's Differentiating Features

• Neat articles and quizzes

• Adept focus on accountability

• Based in psychology

• Informative and motivating

• Sense of customs/support

//Competitive Assay —

Methods

1. Survey: The Google forms survey that I created included
   2 questions regarding competitive analysis:

   1. "Have y'all used any other weight loss apps?
   If yes, what were they?"

   2. "If you lot've used other apps, how does Noom compare?"

• Secondary Inquiry: I conducted secondary research around competing apps and the pros and cons of using Noom vs. these competitor apps

• User Testing: I downloaded and tested out MyFitnessPal, LoseIt!, FitBit, Google Health, LifeSum, and 8Fit

Analysis

Noom

Focuses on habit change and long term
sustainable weight loss, more informative
and educational, and more supportive.

Competitors

Have better UI and UX, food tracking
systems, food data bases, and improve
functionality, efficiency, and accurateness.

//Affinity diagramming —

I listed all of the features, grouped them, and used a priority matrix to sort them by level of importance. I then did a round of user testing to come across what users actually felt was important (indicated by bluish dots).

02

Ideation —

Persona Creation | Design Principles | User Period

//Persona —

//Blueprint Principles —

01
Reliable & Trustworthy
Accuracy and dependability are pertinent to engaging users in long-term employ. Ensure that all data, inputs, and outputs are accurate and undecayed.

03
Easy-to-use and Comprehensive
Ensure that the feel is seamless, efficient, and thorough.

02
Customizable
Have the ability to intengrate into different lifestyle choices and wellness goals.

04
Delightful and Fun
Bring joy into an activeness that is usually wearisome
+ tedious

//User Flow —

03

Cosmos

Sketches/ Wireframes | UI | Interactive Prototype

//Sketches —

Domicile Screen Features:

• Overall weight progress & ability to look at progress and info from various perspectives

• Menu bar at lesser to access saved articles, recipes, letters, and home screen

• Hamburger bar at top left for secondary info

• Ability to toggle between food, exercise, and daily to-dos, enabling user to accept a articulate view of and access to information

Tracking Food:

• Calculation food features a split screen that includes favorite foods, saved meals, and recipes on the summit one-half and access to recently added foods on the bottom half

• View color breakdown of a nutrient, meal, and recipe easily without having to add together the nutrient

• Users are also able to add foods by scanning nutrient's barcode

Food and Exercise Profile

• Food and exercise profiles permit user to favorite, add, and view more detailed information; power to build workouts

• User can cull from a wide range of units and has ability to manually add together in an corporeality or add a fraction for easy and quick input

//Final pattern—

Key Features

• The re-pattern allows users to easily access and view
  nutrient and exercise tracking likewise as daily to-dos

• Users tin can view weight and calorie progress as
  well as dig into information from previous days

• Other features include water tracking, journalling,
  and the ability to easily access articles and recipes

• Users can search, favorite, or build exercises

• Users can easily and efficiently add together, edit, and
  requite feedback on foods, meals, and recipes

• Foods, meals, and recipes are colour coded and so users
  tin can make decisions before having to add together them in

• Nutrient profiles gives users the ability to add together foods with the correct measurements easily, favorite the item, and dig into more nutritional information such equally macronutrient breakup

Conclusions & Reflections—

Feedback

I posted the interactive epitome I created in Invision onto Reddit and got a ton of good feedback:

The positives…

"This is great! Information technology would make navigation of the app so much more
userfriendly. I have actually held off on recommending this program
to several folks due to the app layout. The program has been
great for me and then far, simply the app is a miserable experience."

"I similar what OP has washed with the nutrient logging UX,
which is the near frustrating for me right at present."

"This is fantastic. I honey it! I've enjoyed the Noom program
so far, but honestly the app is 80% of the reason I
probably won't renew when my subscription is up."

"I dear the ability to switch between meals while in
the food log. That'southward one of my biggest pet peeves."

The negatives…

• A few users who disliked how prominent
  the weight graph was in the redesign due
  to a focus on the weight, which could be
  de-motivating for some (although some
  people liked seeing progress).

• A user who felt the home screen was too cluttered and also felt that the to-dos and reading material should exist forepart loaded
  on the home screen. I do think that finding
  a way to front load the to-dos would be worthwhile to explore.

Lessons Learned

The elevation ii lessons I learned was to program well and
to get constant feedback and input from users.

• 5 days become past quickly (especially when you lot have other responsibilities to tend to), so creating a good plan volition set up
  you upward for success and prevent you lot from scrambling at the end.

• Introducing user feedback and input throughout the process was central to ensure right problem identification, feature prioritization, and creating a blueprint that non only resolved
  user issues, only also embodied characteristics that
  delighted them and exceeded expectations.

Future Considerations

• If I had more than time I would definitely incorporate the feedback from the Noom subreddit to amend the experience further.

• I'd also build out: the article department (would feature the ability to easily admission articles and filter articles past engagement, topic, or saved articles), the build exercise department (would give users the power to build custom workouts), and the Noom recipe section.

• I'd also want to build out a desktop version & conform Android users every bit well as equally partner with more robust and established food and fettle databases for a wider scope of more accurate and reliable information.

Ideas, insights, and designs are property of Kaycee Xiao. Do non distribute or reproduce without express permission from Kaycee Xiao.

stewartforphopeeks55.blogspot.com

Source: https://www.kayceexiao.com/noom-redesign

Share this post