EasyFit



EasyFit - Cover Photo

Background

EasyFit makes the daunting task of starting a healthy lifestyle simple. Aiming to help individuals beginning their fitness journey, EasyFit creates custom exercise routines based on individual preferences and provides access to healthy recipes to ensure its users' success.

Stakeholder Needs

EasyFit needed to feel comfortng and friendly to make its users feel at ease when they open the app at home.

Solution

By allowing the users to create custom fitness profiles (i.e. fitness level, exercise equipment available or lack there-of, custom duration, and set schedules) EasyFit gives its users control of their fitness journey, making them want to use the app again and again.

PRIMARY ROLES

Project Management, Team Leadership, UI Design, User Interviews, Usability Testing

EasyFit Final Design

EasyFit Inferface Designs: Dashboards
EasyFit Inferface Designs: Set Schedule (User Profile)
EasyFit Inferface Designs: Exercise Set
EasyFit Inferface Designs: View Recipes

Research

Empathy Maps
KEY INSIGHTS

Users will need a way to easily develop a habit. They also feel self-conscious and intimidated when they think about going to a gym, but still have a desire to improve their health.

EasyFit Research: Empathy Maps
Feature Comparisons
KEY INSIGHTS

Competitor features fell short in offering users access to customizable fitness and dietary plans for free to their users.

NOTE: Feature comparison is based on intial concep of app. Direction of project changed through development.

EasyFit Research: Feature Comparison
User Interviews
KEY INSIGHTS

Users need to feel motivated and have a workout that is accessible anywhere. Users know that working out improves how they feel overall (physically and mentally). Users didn't respond well to diet plans, as they felt restrictive.

EasyFit Research: User Interviews

Development

Epics and User Stories
KEY INSIGHTS

Users want to feel in control of their schedule in terms of days and duration when they complete a workout. Users need guidance when performing exercises to ensure they do not injure themselves and have proper technique.

EasyFit Research: Epics and User Stories
Workflows: Iteration 1
KEY INSIGHTS

The initial concept for EasyFit allowed customizable workout and diet plans for free. However, the user flow appeared complicated and needed to be narrowed down.

EasyFit Design Process: Workflow (Draft 1)
Workflows: Iteration 2
KEY INSIGHTS

After evaluating the scope of the project, EasyFit narrowed its flow to focus on free customizable workouts for its users. While recipe books would still be available on the free plan, users would need to pay for a customizable diet plan.

EasyFit Design Process: Workflow (Revised)

Design

Wireframes

Based on preliminary sketches and discussion of successful components/components that needed modification, a wireframe standard was created to keep aesthetics consistent across mulitple team members.

EasyFit Design Process: Wireframes
Mood Board and Style Guide

Before adding color to wireframes, the team developed mood boards and style guides. Based on insights learned during research, bright but welcoming colors were chosen to represent EasyFit.

EasyFit Design Process: Style
Applying Style Guides

After inital feedback and the applied use of the style guide, wireframes were updated to make interactions more clear through color, typography, and button shapes.

EasyFit Design Process: Style

Usability Testing

EasyFit was tested using wireframes and high fidelity prototypes.

Discovery 1
PROBLEM

Buttons used to complete certain tasks are not quickly noticeable.

SOLUTION

Create larger buttons and add static bars to keep elements needed to complete tasks visible throughout.

EasyFit Usability Testing: Discovery 1
Discovery 2
PROBLEM

User interaction was unclear, as more text or visual cues are needed to complete tasks.

SOLUTION

Add subtext to include more direction or automatically display helpful tips.

EasyFit Usability Testing: Discovery 2
Discovery 3
PROBLEM

Confusion of carousel navigation within an exercise versus navigation to next exercise.

SOLUTION

Change verbiage of “Next” to "Continue" on the button to progress to the next exercise. Remove carousel arrows and replace with indicator dots designating between exercise demonstration and timer features.

EasyFit Usability Testing: Discovery 3