OVERVIEW

Fitbit is a wearable technology that can track people’s daily calorie burn, heart rate, steps taken, sleep quality, reminders, and menstrual health. The redesign focuses on helping people struggling with obesity.

 
 

PROBLEM

  • Unclear Information Hierarchy
    Currently, the design layout of the dashboard is too long, and the time it takes to make an action increases with too many choices - Hick’s Law

  • Not Enough Engaging in Social Contents
    People don't share much about their exercise routines or progress in the Fitbit community

  • Unable to View User’s Health Tracker Database
    A clear tracking screen to view the user’s entire health database when doctors ask for the user’s past medical history or recent health experience

  • Unclear Information on Weight Loss
    Users gain information on weight loss from many online sources but what information is accurate for the particular users? Weight loss advertisements on social media can be incorrect.

SOLUTION

  • Gaming Technique
    Make the interface more user-friendly by using gaming techniques to make people feel “excited when reaching their goals or create a feeling of awareness when over-consumed”

  • Clear Information Hierarchy
    Make the design clear for users to log their daily activity more efficiently

  • Positive Social Content
    Encourage people to be active on Fitbit’s social content to learn more about ways to weight loss and obtain a healthy body

  • Onboarding Weight Loss Knowledge
    By giving users the basic knowledge about their goal by giving onboarding survey of why they are using Fitbit (for this case, weight loss)

 
 

This is Lauren

Lauren is a 50 years old working woman who has been tested that she is obese since 2015. She works in the Financial Department. She has been trying different kinds of diets to lose weight (going to the gym, trying to cut her calorie intake, not eating, etc) but has never been successful. Lauren heard from a friend that Fitbit can track people’s daily calorie burns and decided to give Fitbit a chance.

Let’s see if the redesign of Fitbit app can assist in reaching her goal.

 
 

1.

Create a feeling of awareness when over-consumed

What kind of chart will make people want to consume less calorie intake?

  • The “central circle” display shows the amount of calorie the user need to burn for today

  • By logging your calorie intake on the same screen that displays your “calories to burn” can give the user better decision-making when it can show the warning signs when over-consumed.

 
 

2.

Create a feeling of reward when reaching the daily goal

What kind of chart will make people want to keep burning?

  • The progress bar below the stories was inspired by my gaming experience with World of Warcraft. Gamers would obtain a new power when the experience bar is full. I recreated from the gamer’s mindset towards this experience.

  • By giving the user the feeling of reward when reached the progress bar is full and reach a new experience.

 
 

3.

Create a social presence for positive influence on ways for a healthier lifestyle

What kind of experience has persuaded people to engage in healthy activities?

  • Inspired by Instagram stories, it is a great way to give people a social experience of producing healthy content that would motivate people to exercise often, have healthy eating and focus on wellness

 
 

4.

Create personalization visual data notes for health tracking

What kind of organizational presentation can help people keep track of their health process?

  • Through user research, I realized through a calendar view, can give users a better understanding of their progress

  • By tracking the user’s daily progress, the app can easily estimate the user’s current state and how far it’s going to take to reach their goal

 

Try it Out

↓

Process

Competitive Analysis

There are three wellness apps for iWatch, do we really need that many? do users actually use all 3 apps? How often do users use these apps? Can we combine them into one?

  • “I am surprised Fitbit only needs charging once a week, I charge my iWatch every day when I am asleep” - Chloe (McDonald Worker)

  • “I’ve only opened the app when I first bought iWatch, now I just track my progress on the iWatch” - Jonathan (Facebook Engineer)

People don’t even open their apps to track progress because the screen on the iWatch is big enough and there is a gap in the knowledge people need to know about the power of Fitbit. Since my mission here is to redesign the mobile app interface, I shift it from tracking daily progress from watch to mobile screen.

User Research

what kind of information do people want to see during their progress?

  • calorie intake screen

  • how many calories left to burn

  • total calories burnt from start to now

  • average calorie burn per day

  • days took to lose 1kg

Before designing the interface, I’ve asked users to track their daily progress on excel to take the time to see what are the essential numbers people would want to see during the one-month health tracking progress

 

Sketching Solutions

  • key functions (dashboard/logging, social, discover, profile/setting)

  • Hick’s Law on the dashboard display

  • increase social engagement

 

Design Decisions

A/B User Testing Findings are

  • 2x faster when completing a task

  • clearer information hierarchy

  • applying Hick’s Law on the mobile app

Dashboard Version I

Dashboard Version II

Dashboard Final Design

 

Accessibility Check

For all the projects I do, I would do an accessibility check for color blinds, to make sure that the design also works for people with disability

 Please message me if you would like to know more about this project.