Nutrireality | Interactive surfaces + VR health assistant

Tools | Figma, Adobe Illustrator, After Effects, and Photoshop

  • Jonah Goode :

    Wireframing, Design Research, Brand Identity, UI/UX Design for Virtual Reality Screens, and the Nutritionist’s (Elle) design

    Grace Rai :

    Design Research, Wireframing, UI/UX Design for both the Table and Virtual Reality Screens, VR Video Mockup

    Diana Garza :

    Design Research, Wireframing, UI/UX Design for the Table

    Jenna Singletary :

    Design Research, Wireframing, UI/UX Design for the Table, Table Video Mockup

Team Members

Jonah Goode, Grace Rai, Diana Garza, Jenna Singeltary

Duration

2 Months | Fall 2022

Technology

Vive Virtual Reality | Interactive Surface Projections

About Nutrireality

NutriReality uses VR, Interactive Surfaces, and Genetic Testing to provide a personalized exercise and nutrition plan all based on the user's genetic code. With our virtual nutritionist, Elle, you can easily understand your risk for diseases and medical conditions such as risks for heart attacks or the development of diabetes. Our user interface allows input for dietary restrictions such as gluten-free, vegan, and nut allergies. In addition, Nutrireality has developed an interactive surface projector that allows you to cook alongside Elle with step-by-step instructions and content-aware scans of your surface to determine the weight of ingredients and portion sizes.

Problem

Health is extremely personal, what works wonders for one person will be a complete waste of time for another. We neglect to realize that our genes significantly affect our appetite, metabolism, food cravings, body fat distribution, and even stress tendencies. Not getting the health results you work so hard for can be frustrating and many lose their motivation to work on themselves all together.

How we solved it

Nutrireality connects with users through interactive technology, helps them gain a better understanding of Nutrigenomics, and guides them through their personalized physical wellness plan in an simple and empathetic way.

Logo Animation

Introduction Video

Initial Problem

For most people, genes play a secretly significant role in their physical health including appetite, metabolism, food cravings, body fat distribution, and stress tendencies. 

Some folks don’t know their genes might be at fault, which might cause loss of motivation, confusion and unhealthy habits.

What’s Nutrigenomics?

Nutrigenomics testing identifies a patient's genetic protein variations to identify sites of metabolic weakness. It focuses on the relationship between our genes and nutrition.

Nutrigenomics provides ideal ways of achieving weight loss, disease prevention, and athletic performance.

User Personas

AJ Davis

23 year old male student

AJ has always been relatively healthy but wishes he knew more about health and fitness to help him gain confidence with his physical appearance. AJ has always wanted to try out diet plans and stick to a workout schedule but feels like he does not have the knowledge to pick a well balanced diet and finds gym environments to be overwhelming. After hearing about a personalized nutrition and exercise plan, AJ decided to give NutriReality a try knowing this will help him achieve his goals at a quicker rate with the guidance he needs.

Rina George

35 year old female educator

Rina has always enjoyed exercising and planning her weekly meals but is frustrated from not seeing physical changes. She also finds herself with an unfulfilled appetite and constant low energy from following an extreme calorie deficit diet. After various workout and diet plans, Rina is still determined to achieve her wellness goals but is not quite sure what to try next. 

Luckily, after researching new methods, she stumbled upon NutriReality, a personalized nutrition and exercise plan. Rina is eager to learn how her genes have been affecting her lifestyle and is excited to see new changes.

Empathy Maps

Aj thinks “I don’t know where to start, this is overwhelming..” He hopes his motivation can withstand a few more awkward gym trips.

Aj feels worried about being consistent and making healthy food that actually tastes good and doesn’t make him feel sluggish the next morning.

Aj says “I always see these nice-looking workouts on Instagram but I can never figure out how to make sure my form is right so I don’t hurt myself. It's a little embarrassing."

Aj has to hope that maybe he can find a diet that’s not a “one size fits all” situation and search through review after review of health apps in the app store.

Rina thinks exercising isn’t affecting her since she doesn’t see any changes. She thinks maybe she isn’t looking in the right place.

Rina feels that maybe exercising or dieting isn’t for her. However, she also feels like there might still be some hope.

Rina says “I just feel like maybe I’m not doing the right exercises or diets.” and “I still want to give this a try but don’t know where to look.”

Rina has to look online for more resources as another chance to give fitness and dieting another try.

How might we…?

We can…

So what did we learn?

After interviewing potential users and developing our user personas, we have found three consistent issues:

First, we noticed a demand for personalized content in both diet and exercise. Making food that is appealing for the user while also meeting the nutritional requirements based on their activity level to help achieve their health goals. 

Second, users depend on caffeine to give them a quick burst of energy instead of going for a meal that would provide a slow, consistent release of energy to last until lunch.

Finally, users had a history of exercise and diet that favored quick, temporary results with little regard for sustainable health and wellness.

What are our Touch points?

Artificially intelligent health nutritionist: Elle!

A virtual reality program that lets you interact with Elle and ask any questions you have from your results to what you should have for dinner tonight.

An interactive cooking table that allows users to view their saved recipes from the virtual reality program along with cooking alongside it.

FLOW CHARTS

FLOW CHARTS

So how did we do it?

Key Interactive Surface: Low Fidelity Wireframes

Saved Recipes

Here, users can access the recipes they saved from the VR application.

Startup Screen

The startup screen that you see when you load up the table.

Cooking Progress Screen

This is where users can begin cooking with the table's assistance.

Key Virtual Reality: Low-Fidelity Wireframes

This is the startup screen when you open the VR application. Here Elle will meet our returning users or introduce herself to new ones!

Home Screen

Here, users can see step-by-step instructions for their workout along with a how-to video with Elle to insure proper form.

Workout Information

Meal Selection

Users can access different meal options catered explicitly to them while keeping up with health goals without risking overworking a weakened immune system or worsening a chance for heart attacks.

Final Outcomes

Below are videos to guide you through the user journey of each section.

Virtual Reality- Viewing your results

Selecting “results” under the profile tab will show the user-specific enzymes found in the user’s DNA and how they affect their body. Elle can suggest alternatives to ineffective exercises or foods to better equip users in their health journey. 

Virtual Reality- Meal Selection

Users can access different meal options catered explicitly to them while steering them away from harmful habits. There are options for saving a recipe for later review or sending it directly to the interactive projector to start cooking.

Here users can learn from and perform alongside workouts with Elle. These exercises will be chosen with the user’s risks and goals in mind, For example, a user with a risk for developing heart disease will be recommended less cardio-heavy routines.

Virtual Reality- Workout Selection

Interactive Surfaces- Saved Recipe Selection

Here we can find our user’s favorite recipes they’ve selected from Elle. They are able to adjust the recipe by selecting how many they are cooking for, as well as additional dietary restrictions their guest might have, the recipe will automatically adjust and suggest alternatives to accommodate.

Interactive Surfaces- Cooking Progress

As users are cooking, the projection device mounted above the surface can monitor the weight and sizes of ingredients based on size and quantity so users can easily and efficently create delicious meals.

Final Figma

Reflection

Despite its many challenges, this is, by far, one of my favorite projects that I got to work on. I was fascinated by how far technology has come and being able to design for it opened a whole new world of possibilities. I will admit, trying to record our interactive table was difficult in the school’s library, we ended up having to cover the screen with a large piece of butcher paper to eliminate the glare of the bright lights. Other than that, if I had more time for this project I would explore holographic projection with Elle so that users could more freely exercise without the use of VR headsets.