top of page
Client
Class project
Role
Research, UI/UX design, Motion
When
Spring 2019, Interaction Design
Project Brief
For those who just start training and want to keep body fit, most of them do not know what to do or what to start with exactly. Through a series of researches, I designed an application which could be used on multiple platforms such as iOS, watch OS and tv OS. And the application could help users especially on-boarding users know what to do in the very beginning, and gradually establish a lifestyle of keeping body fit.
Tools
01 - Overview
1. 10 Days Target Achieved
When users achieved 10 Days, 20 Days, 30 Days...etc targets, they will get a bonus from the system and feel encouraged. Meanwhile, when users finished every day's training mission, they could check out other friends' training status, which could be another impetus for them to keep the body fit.
2. 2 Weeks Target Achieved
When users achieved 1 Week, 2 Weeks, 3 Weeks targets...etc, they will get a bonus from the system. The bonus is a little bit different from those of 10 Days, 20 Days, but also the users could feel encouraged.
3. Apple TV OS Version
When users use Apple TV to finish every day's mission, users could feel like they are engaging in an interesting game. At the same time, the statistics could be synchronized onto the data cloud.
4. Apple Watch OS Version
Users could also use Apple Watch to achieve every day's training target, especially when they do not want to hold mobile phones in their hands.
02 - Define the problem
Everyone wants to be healthy. As for this, lots of fitness application came out to assist people to keep their body fit. These applications' functions are variable, which could let people feel confused about making a choice. So, what problems could people have about keeping fit, or with the numerous fitness applications?
03 - Research
1. Try Out An Existing Training Plan
Although as the training plan showing on the right, every exercise program is arranged as groups, it is still not quite explicit for one to identify what should him/her to do step by step, week by week.
For me who is an on-boarding user? When I look at these plan sheets, I could feel a little bit overwhelmed that there are too many programs waiting for me to accomplish. I could be afraid of doing exercises.
2.1 Current Apps
Too many choices. Users could be confused and have no idea which to choose. Lack of competing modes, users might feel boring & easy to give up.
2.2 Pain Points
-
Information not explicit & organized
-
Persistence will decrease as time goes by.
-
Too boring, should have some fun while training
3. Interview
I have interviewed 3 people. One is beginner, one has 3 months experience of training and one has about 1 year of keeping fit. Mainly I’ve asked 2 questions--
Q1. What is your biggest problem now when you are keeping fit?
Q2. How often do you go to the gym? What’s your motivation to go have training?
4. Fly-On-The-Wall Observation
When one of my friends first entered the gym, he just had no idea what to do the first, which made him feel a little bit embarrassed, frustrated & confused.
04 - The Problem Is?
Beginner
Eager to get fitness, but has no determination & how to get started.
Active User
Have no passion for continuing training.
Reinvigorated User
Afraid of unable to get back to the tracks before.
Target User
I will mainly focus on beginners, to encourage them to get started and let keeping fit be their lifestyles.
05 - Goals
1. Get Started
Let beginners get involved in doing exercises. Starting from encouraging them to do some basic level program.
3. Feel Relaxed
When users use the app, they could not feel that they are being forced to do exercises. What I want to do is to let users feel free and relax when they are using the app.
2. Love Fitness
Establish a beginner friendly system for users which could let them begin to love training when they use the app, and make it be one of their habits.
06 - Behavioral Persona
Jack
​
22 Years Old
Male
College Student
​
“I want to keep fit, but often, I have no idea how to start.”
Jack’s personal goal is to build up a habit of keeping fit. What he needs is a flexible schedule according to his calendar & meanwhile, a product which could give him small goals that easy to accomplish.
Mostly, whether to do some exercises depends on Jack’s feeling & time schedule. Once he made himself to build up a habit of keeping fit, but he failed.
6.1 Pain Points
No clear goals to start with. There are too many similar programs given by current fitness apps, which could make people feel confused when making choices.
6.2 Actions
Try out small goals & fitness games. Get interested in doing exercises. Willing to do more gradually.
07 - Journey Map
08 - User Story
Stressed User
Mike
21-year-old
College student
As a stressed college student, due to my heavy homework, I want to get started to live a healthy life & be energetic again.
Busy User
Vanessa
29-year-old
Programmer
As a programmer, every day, I need to tackle with dozens of works. All I want is a product which could encourage me to no longer being kept by busy work & meanwhile not to occupy much spare time of mine.
Reinvigorated User
Stan
28-year-old
Professor of a college
As an occupied user, I want to try a higher level of training programs, which could help me to have a better body shape & push me forward.
09 - User Flow
10 - Competitive Analysis
What Design Patterns I Would Intend to Redesign Are
1. Slide to Choose
Adjusting Text Size(iOS)
Very Smooth & Intuitive
2. Timer
Mi Fit
The Timer On the Left Corner Is Simple but No Emotionalized
3. Bonus
Keep
Users Would Feel Encouraged by the Illustration
Competitive Apps
1. Slide to Choose
Daikin App & An Education App
Responsive Animations
2. Timer
​Keep
The Green Progress Bar is Simple and Intuitive
3. Bonus
2 Kinds of Fitness Apps
Vivid Illustrations
11 - Sketches
12 - Wireframes
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
13 - Mood Boards & Style Boards
First Visual Direction - Havana
​
Due to the app which I am designing is a fitness app, so I want it to be energetic and enthusiastic.
1. Mood Boards
​
Keywords
Cozy
Zealous
Lively
Boisterous
Vital
Exuberant
Jubilant
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
2. Style Boards
​
Keywords
Illustrations
Colorful geometrics
Lively animations
3. Color Palette & Typeface
4. First Version of Havana
Second Visual Direction - Reykjavik
​
Adversely, the capital of Iceland - Reykjavik, could represent refresh & cool, which could also let users feel jubilant and very relaxed when using the app.
1. Mood Boards
​
Keywords
Cool
Refreshing
Brisk
Invigorating
Chilly
Homey
Clean
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
2. Style Boards
​
Keywords
Bland
Large white area
Low saturation
3. Color Palette & Typeface
4. First Version of Reykjavik
14 - Iteration
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
Make A Choice
According to the current design tendency & my personal inclination, I made a decision that I would apply Reykjavik style on my design.
15 - Final Color Palette, Fonts & Icons
16 - User Stories & Sketches of tv OS & watch OS Version
Jane
Female
29 Years Old
A Programmer of A Start-up Company
After a whole day’s hard working, Jane goes back to home and feels like she has been seated for a whole day. She does not want to open her mobile phone anymore, but she still wants to do some exercises to relax and keep her body fit. So, she opens Apple TV and signs in to Fit Starter. She finds out that her friends have already finished their targets of the day which are being shown on the right side of the TV. She determines she could not fall back so she follows the animated instruction to finish today’s target, which just takes her 7 minutes. After finishing today’s target, Jane feels very relaxed and fulfilled.
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.
Stuart
Male
21 Years Old
College Student
Stuart just bought an Apple Watch and he downloaded Fit Starter as soon as he got his Apple Watch. When it is time to have noon break, Stuart goes back to his dorm. He thinks it is also a good time to finish the day’s target of Fit Starter. But one thing he cares about before is that he needed to keep holding his phone in his hand in order to follow the instructions displayed on his phone till the end of finishing the day’s target. Now he could just open the app on his Apple Watch, and easily start the day’s target, follow the animated instructions on his watch, and feel relaxed.
Final (All pages)
THANKS FOR WATCHING!
You May Also Interested
 |  |  |
|---|---|---|
 |  |  |
 |
bottom of page