Google Nest Fit

Instill confidence in home fitness

THE MISSION

The project addresses issues of:
- User Disengagement
-
Unintuitive Feedback
- Lack of Community
in home fitness during COVID lockdown.
(Academic project developed in Google design language)

THE IMPACT

Redefine home fitness to enhance user engagement, feedback efficiency, and workout routines.
5 out of 5 test users affirming its engaging experience.

MY ROLE

Sole UX Designer

Product strategy formulation, user research, developing UX, wireframe, User interface and prototyping, illustration, usability testing.

The Challenges

Exercisers cannot effectively work out at home during lockdown.

Low performance

The fitness screen is not too different from a large TV playing YouTube videos.

Lack feedback

The posture feedback is on human illustration, which isn't intuitive.

Low variety

Most fitness gear is for a single workout like dumbbells, bicycle or string.

Competitor analysis

Disconnection from peers and coaches leads to decreased motivation.

Tonal

- No posture feedback.
- No community or way to connect workout friends.

Tempo

- No posture feedback.
- No community or way to connect workout friends.

Mirror

- No posture feedback.
- Work out with a pool of strangers represneted by names.

Research objective

Discover target users' preferences and identify challenges in sustaining a fitness routine.

Insights - Quatitative research based on 2000 responses

"People are more motivated by a fitness influence"

1. One third engage in low-impact exercise.
2. Weight loss is a primary workout motivator.
3. Half of interviwers prefer working out with 1-2 friends.
4. Barriers to keep a routine are lack of enjoyment and motivation.

Source: Mintel market report on Home Fitness (2021)

Insights - Qualitative research based on 5 interviews

"User frustration due to lack of instruction, motivation and training history data."

1. Users are driven by accomplishment, mental health improvement, and physical changes.
2. Heart rate and immediate fat burn report can help prevent injuries, replenish stamina, and boost user involvement.

Insights - Personas

"Beginners crave variety then specificity.
Pros demand tailored systems for their unique needs."

Persona created based on 5 interviewee's profiles

Introduce Google Nest Fit

My design goal is to create a user-friendly, modern interface that caters to both fitness novices and Pro-trainers, enabling quick information access and personalization for efficiency. To ensure a vibrant and contemporary style, I also crafted unique illustrations.
Design in Figma and animated in AfterEffect.

Onboarding

Select a mode. Then the system retrieves the prior onboarded profile or request new user’s Google account information in order to proceed.

Start training

To join a training, clicking into a fitness influencer's profile or an activity category. User may review the duration, calories burned, and visual course preview before joining the exercise.

Immersive training

During the workout, the user may see his/her progress, posture correction instructions, current intensity, and invite up to 3 others to join the workout.

Customize health data

The configurable health data panel allows user to see only the training data he/she needs.

UX Design Process

Insights - Wireframing

"I want the home page to show only a few of my preferred exercises, chosen based on exercises I've done over time."

1. Users want a quick search function.
2. Difficult to locate the fitness schedule under the PLAN page.
3. Appreciate customizable health data.

Interface Design

After studying Material Design, I extract the color scheme, and font style, as well as designed the Nest Fit logo to fit within the Google property.

Mid-fi to High-fi Prototype

I developed over 30 mid-fidelity prototype screens to depict the interface layout, screen flow, and functionality. For the high-fidelity prototype, I used a light, active visual language to engage users and immerse them in fitness, while maintaining a neutral tone for beginners. I also incorporated Google GUI elements to strengthen visual brand identity.

Context Animation

My role: scripted and created the UI animation in Adobe AfterEffect.
Teammate Son Hoang: created the context animation in Blender.

What I learned - My first time creating user interface animation

I learned to manage animation components effectively, and enhancing my understanding of the transitional dynamics among pages.