GAINS
WORKOUT APP Samuel Fu Jared Knapp Tiffany Soohoo
Objectives: -User Friendly -Aesthetically Designed -Works with iOS -Personal Health -Tracks Workouts -Pinpoints Weaknesses -Shows Progress -Customizable
Solution Creating an APP that focuses on personalized workouts for weightlifting that makes it easy for the user to keep track of
User Scenerios The Daily Workout Users
The WEight loss Users
The body builder Users
LOW AXIETY
HIGH AXIETY
The Daily Workout Users
GO TO GYM
ENTER GYM
CHECK PROGRESS
GETS STARTED
FIRST EXERCISE
RECORD DATA
CHECK NEXT EXERCISE
CONTINUES
Use a calender to keep track of the different workouts for each day
Graph that show the progress of the different body weight and cardio workouts
Can take pictures and show the pictures Graph that shows your bodyweight progress
First POP Prototype
Overview
ht
erview
rview
Overview
Body weight
Progress Pictures
+ cardio
Body Weight
weight
Calender
Photos
Overview
cardio
Body Weight
Photos
Calender
Overview
Body Weight
Photos
+
+ Dumbells
45
Calender
Overview
weight
Body Weight
cardio
Photos
+
+
Dumbells
Workout Distance
+
Time
Muscle Group
weight
cardio
+
Workout Distance Time Body Weight
Photos
Calender
Overview
Body Weight
Photos Calender
Overview
Body Weight
Photos
User Testing
Conclusions of testing 1) user friendly 2) focused too much on spelling errors 3) wanted simple visual design 4) confused about why cardio 5) found graphs useful
Storyboard Scenerio
Heading to the gym to begin workout.
Enters the Gym at around 8:00 A.m.
Sets up the machine.
Next workout is tricep Pullups.
Record progress and check next workout.
Uses the cable files for his chest workout.
iOS GUIDELINES Clear font Typefaces Negative space Simple graphic layout Camera layout Photo gallery slide Calendar List Small icons Terminology Hierarchy Navigation bar Tab bar Themed colors- highlights Don’t distract Color contrast Information from other sources Graphs Know destination
Gains App
Calendar
Overview
Body weight
Photos
Workouts
Weight graph
Body weight Graph
Picture Progress
Add workouts
Exercises
Add Exercises
Camera
Simple backbutton with accent color
List different things with a simple gray line to break it up
Used the “+� sign to add more
Simple navigation bar with one accent color
Final Visual Design Style Guide Mood/Style
Color Palette
Energetic Sporty Clean Fun Happy Motivated organized simple
Typography Helvetica Neue Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()_+{}[]:”<>?;’,./ archive abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()_+}{:”<>?;’,./
Logo
icons