Final presentation (tiffany, sam, jared)

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