top of page

Gamifying food tracking

Content strategy/design  |  UX writing

Summary

Teladoc Health needed a better way for members to track food for Livongo programs like Weight Management, Diabetes Prevention, Diabetes Management and Hypertension Management. I worked with design, product, clinical and coaching partners to create a new experience called Food Insights, which lets members set calorie, macro- and micronutrient targets. As members add food throughout the day, a calculation tool synthesizes their entries into quantified nutritional values. This helps them quickly see which foods keep them in range of their targets or knock them out of balance. I led a naming exercise with an external creative agency, produced all UX writing for the designs and oversaw the creation of supporting educational articles.

A screenshot of the manage food insights page on a mobile device, with a header image, intro text and settings to track calories and micronutrients.
A screenshot of the Food page where Teladoc Health members can track their calories, macro- and micronutrients breakdown. A wheel chart shows the daily balance and details below show percentages and totals, with an indicator of which macronutrients are in range.

The challenge

Good nutrition is a core tenant of weight loss, which is fundamental for successful diabetes, hypertension and other comorbidity management. Without guidance, many Teladoc Health members struggle with how to approach weight loss or use available tools in a meaningful way.  Teladoc Health members enrolled in the Weight Management program were not meeting weight-loss standards required by the Centers for Disease Control and Prevention (CDC). This could result in worsening health conditions, reduced quality of life and increased healthcare costs.

 

Our members needed:
  • An easy way to access nutrition information on all types of food they tracked, including common groceries and restaurants

  • To set personalized goals for their weight-loss journey

  • To self-assess and see progress toward goals

  • Guidance and encouragement to keep them on track

Solving this problem would also address client and member feedback about the food logging experience and help the company maintain CDC recognition. If successful, the new Food experience could be scaled to support all of Teladoc Health's chronic condition management programs or general well-being for all members.

The solution

Teladoc Health would integrate with Nutritionix, a robust food database with 800,000+ grocery foods and 180,000+ restaurant foods to choose from. This would make it easier for members to search and select foods with reliable nutrition data.

 

We would also release a calculation tool, with calorie, macro- and micronutrient settings on Android and iOS. This feature synthesizes food entries into quantified nutritional values. The experience included a new visual balancer that empowers members to stay within recommended consumption ranges. 

I wrote all the UX content for the experience. I also oversaw creation of multiple education articles distributed to members through our newsletter and in-app notifications.

 

The names "Food" and "Food Insights" were selected after a multiweek exercise I led with an external creative agency. These were my initial recommendations, but the exercise explored numerous creative alternatives to satisfy internal stakeholders. The ultimate decision and my recommendations were based on:

  • Clarity for members

  • Consistency with other feature name and language patterns

  • Coaching and clinical recommendations to avoid terms like "log" or "logging," which were used in the legacy experience and had negative connotations with eating disorders

A screenshot of the food homepage tile for members who have not yet set up food insights. It includes a title that says, Know your nutrients, and body copy that says, See if you're serving your body the balance of nutrients it needs. A CTA button says, Set up Food Insights.
A screenshot of the food homepage tile for members who have only tracked one meal that week. It includes a title that says, You tracked one meal this week - keep it up!, and body copy that says, Track often to learn more about your eating habits. A CTA button says, Add food. A photo and details from the meal they tracked earlier that week are to the left of the text.
A screenshot of the food homepage tile for members who have not yet tracked food that week. It includes a title that says, What flavors filled your plate this week?, and body copy that says, Tracking is less about what you eat, and more about what you learn. A CTA button says, Add food.
A screenshot of the food homepage tile for members who have tracked multiple meals that week. It includes a title that says, Here’s what you ate this week. A CTA button says, See more. Photos and details from their last-saved meals are included.
I created variants of the homepage Food tile with logic to encourage Food Insights setup and regular food tracking.
A web screenshot of the Food page with a pop-up modal highlighting and directing members to the Manage Food Insights tab. A headline says, New! Track your nutrients. Body copy says, See if you're serving your body the right ingredients for good health. A CTA button says, Get started.
A mini product tour nudges and directs members to set up Food Insights.

I worked closely with my clinical and coaching partners to develop the Food Insights screen and setting options. We wanted to provide guidance that would help members select the correct Food Insights settings for their condition and current health status. For the calorie settings, we created a flow that asks members a series of questions to help them pick an appropriate target. I led many internal discussions and debates about how to clearly define activity levels. My stakeholders preferred language aligned with common industry descriptions, while I recommended plain language. We compromised with something in between. 

A screenshot of the Food Insights screen, with an intro and setting toggles. Options include tracking calories, setting a daily calorie target, tracking sodium and potassium. A link that says, Help me set my target, opens a modal flow.
A screen shot of the flow that helps members select a calorie target. A headline that says, Let's find your calorie target, is followed by 5 questions and the recommended target.
A screenshot of development annotations detailing the different options for the activity question.
I helped my design partner provide annotations for our development team explaining the flow logic.
A screenshot of the food log page, with several meals logged.
A screenshot of the add food screen, with fields populated for broccoli. There is a link to view nutrients.
A screenshot of the Nutrients screen, where members can see the nutritional breakdown of food they've added.
A screenshot of the Food Insights screen, where members can see a visual breakdown of their macronutrients. Calories are displayed at the top with a ring chart showing three out of three stars for keeping carbs, fat and protein in range.

Our competitive analysis of other food tracking tools revealed an opportunity to differentiate our experience by providing a tool to balance nutrients. We sought to create an experience that would gamify the process, by giving members the reward of quick feedback.

 

As members add food through the day, they can use Food Insights to see how their macro- and micronutrients intake changes. A donut chart shows the proportion of carbs to fat and protein. Calories, potassium and sodium totals are displayed as well. The goal is to keep all macronutrients in range of their target and the donut chart evenly balanced. If the member does this, they earn three stars. This gives members context about the nutritional value of each food item they add. Over time, this can lead to habit change as members learn more about which foods to avoid and which keep them in the healthy target range. 

Members can turn off calories but still track nutrients. This supports members who are demotivated by calorie counting, and refocuses all members on the real goal of food tracking — achieving optimal nutrition and better health.

A toast notification that says, Uh-oh! Something went wrong. Your updates couldn't be saved. Try again in a few moments.
A mobile confirmation modal that says, Your Food Insights preferences are set! Your nutrition targets are based on information you provided. We recommend checking with your doctor to make sure these goals are right for you.
A toast notification that says, Your Food Insights preferences are set!
A web screenshot of an inline error on the calorie target that says, you must set a daily calorie target to use this feature.
I provided content for empty states, toast notifications, inline errors and confirmation modals.

The outcome

During the summer, when this experience launched, food tracking generally decreased (-19% for Android and -17 for iOS). We expected to see members input their nutrition data more consistently after the release. Our hypothesis was right!

 

Food tracking increased 11% for Android members and remained steady (no decrease) for iOS members. 
Use of the tool at 60 days post-enrollment for new members increased across three programs (up 2%).

We continue to monitor member feedback and behavior. Soon, we plan to launch AI-supported updates that will make it easier for members to track food.

© 2024 by Natalie O’Neill.

bottom of page