Gina Zhang
GZ

Overview

Nutri is an AI-powered scale that recognizes food as it is being weighed, helping users easily track nutrition and macros in the kitchen. Built on TinyML developed at MIT, Nutri runs food-recognition models locally on low-power hardware without relying on the cloud or a phone. I helped design the scale, embedded interface, and companion app as one integrated system, which went on to receive a 2022 Red Dot Award for Design Concept.

The things that made this project difficult:

  • AI had not been popularized yet, so the idea of bringing a machine learning experience into your home was foreign to most people.
  • A kitchen device has to earn its counter space or it ends up lost somewhere in a drawer.
Nutri demo video

The problem

The standard workflow needs a scale, a nutrition label, a calculator, and a notebook. With Nutri you turn on the scale, cook, and the tracking happens on its own.

Current user journey

Five line drawings in a row: gather a scale, calculator, notebook and nutrition label; weigh the food; find its nutrition facts; calculate the serving; write each value down

Ideal user journey

Three line drawings in a row: turn on your scale; the camera recognizes food as you weigh it; the nutrition value is recorded automatically on the scale and the phone

Research

We interviewed four primary users and pulled from secondary sources to map out how people track their food. We built two personas, a Type 1 diabetic and a gym enthusiast. We chose them because both groups already track their diet closely and already own food scales, and a new product is an easier sell when it fixes a process people are stuck doing anyway. Three insights came out of the research.

01

The scale has to work alone for simple tasks. Sometimes you just want a weight, no sign-in, no phone.

02

The hardware and software experience together is the reason to buy. Cooking cannot slow down for tracking.

03

Users give a lot of data and get little back. The app has to return more than it takes.

Persona sheet for Sarah, 24, a graphic designer with Type 1 diabetes: goals, concerns and a photo of her weekly meal prep
Persona sheet for Josh, 33, a project manager and gym enthusiast: goals, concerns and a photo of his meal prep containers
Journey map of a typical meal-prep week for a Type 1 diabetic, eight stages from planning to reflection with pain points under each
Journey map of a typical meal-prep week for a gym enthusiast, eight stages from planning to reflection with pain points under each

The market

Smart food recognition already exists in industrial settings, but there are no consumer products tackling this space.

Two-by-two market map, simple to smart across and consumer to industrial down: consumer food scales cluster at the simple end, industrial recognition systems at the smart end, and the smart-consumer quadrant is marked as the gap

Tiny ML

Running the AI on the device instead of the cloud or the phone made the scale cheap, private, and self-sufficient.

Panel titled Tiny ML for Food Detection: object detection, differences within one object such as a peeled banana, and a visual wake that stops recording when no food is in view, beside the scale with a bowl of berries

Scenario mapping

Before designing the hardware or UI, we mapped out some of the most common cooking scenarios a scale runs into: from-scratch baking, half-scratch pasta, meal prep, premade food. Each scenario got its own screen flow, and those flows drove both the interface and the hardware.

Hand-drawn screen flows for six cooking scenarios, one per row: baking from scratch, pasta from scratch, whole ingredients, meal prep, meal prep with protein, and premade food, each a chain of small scale sketches with notes

The scale

The camera arm folds flat so the scale stores like a cutting board. The camera angle is fixed so the shot is right every time. A light shows when food is in view, and the glass top wipes clean.

Two white Nutri scales on a grey counter: one open with the camera arm raised and a bowl of berries on its glass top, one folded flat in front with the arm lying across the base
Open and folded
The same two scales seen from above, halved tomatoes on the open scale beside its screen and the folded scale below it
Open and folded from above
Close-up of one corner of the scale where the folded camera arm meets the edge of the glass top
Camera tucked into notch
Close-up of the on-scale screen showing a tomato recognized at 114.23 g with its nutrition facts, a Submit button, and UNIT and power/tare glyphs printed on the glass
On scale screen

Prototypes

3D printed prototype parts of the scale which we used for user testing and for filming a usage video.

Flat lay of 3D printed scale parts on a white ground: the top shell with its screen cutout and UNIT and power/tare marks, the bottom shell with ribs and screw bosses, a printed camera arm with its pin, a flat base plate, a grey plate with a window for the load cell, and three arm sections
A person taking the folded scale out of an upper kitchen cabinet, next to a stack of plates
Easy to store
A person chopping peppers at a kitchen counter with a salmon fillet on the scale beside the cutting board
Intuitive prepping
Over-the-shoulder view of a person checking the Nutri dashboard on their phone, the scale with salmon on it on the counter behind
App tracks dietary health.

What lives where

The on-scale screen does weighing, recognition, confirm, and save, and the optional app does the rest. The one overlap is Live Scale, a real-time view of the scale inside the app for when you're multitasking or a large pot blocks the screen.

Render of the scale with its on-scale screen next to four phone screens from the app: live scale, dashboard, food log and profile

Designing the app

Major features of the app include dashboard, meal logging, recommendations, and personal assistant.

Information architecture tree of the app: app setup and home at the top, then profile, food logging calendar, dashboard, live scale, add food and educational resources, each branching into its contents
Information architecture
Pen sketches of phone screens: two versions of the add-meal flow from meal type to food item, four sign-in page options, a health test flow, and two dashboard layouts with calorie and macro rings
Screen sketches
Ten grey mid-fidelity wireframes in two rows, each labelled: sign in and sign up, profile, dashboard, food calendar, meal in detail, add meal pages one to three, live scale, and additional resources
Mid fidelity prototype
Splash screen: the Nutri wordmark over a blurred photo of the scale, with sign up and sign in buttons
Sign up
Onboarding question 3 of 5: what are your primary nutrition goals, with weight management and dietary pattern options
Onboarding
Profile screen: a progress bar for profile completeness, then personal information, health status, nutritional preferences, activity level and preferences
Personalize profile
Dashboard screen titled My Food Diary: a calorie ring at 1350 of 2000, three macronutrient rings, then today's meals
Dashboard
Food Log screen: a month calendar with the current day highlighted, then the day's breakfast items with calories
Meal Calendar
Lunch detail screen: calories against the daily target, macronutrients and micronutrients with progress bars, then the meal's items
Meal detail
Live Scale screen: a camera view of a salad bowl on the scale with a recognition box, 30.76 g Italian dressing, tare and unit buttons, and its nutrients
Live Scale
Add a Meal screen: breakfast, lunch, dinner and snack options with an illustration of a person juggling fruit
Manual add a meal
Add Meal screen: a meal type dropdown set to lunch, a photo of a chicken salad, and its food items with delete and save buttons
Manual add meal items
Food Item screen: a photo of grilled chicken breast, its name, amount 598.4 and unit grams, with delete and save buttons
Food item
Resources screen titled Nutrition For You: recipe articles, videos, recommended products and community support
Additional resources tailored to you
Nutri Assist chat screen: a greeting from the assistant and suggested questions about logging meals, viewing progress, syncing data and customizing goals
Nutri Assist

Feedback and next steps

I user tested the high-fidelity version, and the feedback fell into three categories. The project wrapped before we could act on these, so they stand as the direction a next version would take.

Data visualization

The circular charts were hard to read and progress was not glanceable.

Hierarchy

Too many accent colors competing, so the most important number did not stand out.

Personalization

Users need to get more than they give.

Red Dot Boards

In the end, tracking a meal went from five steps to almost none. You just cook and the scale does the rest. This project was a recipient of the 2022 Red Dot Award in the concept category.

Red Dot submission board 1 of 5: Nutri, nutrition tracking simplified, with the hero render and the problem, technology and opportunity
The five boards submitted to Red Dot
Board 2 of 5: our audience and the standard five-step food scale workflow against the three-step Nutri workflow
Board 3 of 5: our technology, tiny ML, and what it detects
Board 4 of 5: effortless nutrition tracking, accurate ingredient recognition, and the app
Board 5 of 5: understanding the Nutri kitchen scale, callouts for the camera, light, screen and glass cover, and how to use it

Main takeaways

A collection of thoughts and challenges throughout the project.

AI ethics

In health products, AI suggestions need real testing before release, and users should still be able to think without the AI, the way you should still be able to drive even if you own an autonomous car.

Data translation

Information hierarchy and visual hierarchy decide whether people understand their own data.

Test early and often

Low-fidelity digital prototypes were the fastest way to work out how the hardware and software fit together.

Two white Nutri scales on white: one open with the camera arm raised, halved tomatoes on its glass top and the screen reading 114.23 g, one folded flat beside it

More Work

NUTRI AI KITCHEN SCALE — Gina Zhang