Role: UX/ UI Designer/ UX Researcher
Overview
Finding exercise routines for your level can be difficult, especially if you want to try something new.
This responsive web app aims to help people get into an exercise of their choice by holding their hand a bit and providing routines, guides, interactive examples, and info.
Tools
Project Timeline:
01 Empathize
Objective: ‘mySets’ is a fitness app aimed to to save you time by fitting exercise into daily routines. The objective of this app is to motivate people into an exercise routine that suits their level, schedule, interests. The mobile app is designed to encourage people who want to get into an easy routine for physical activities.
Who am I solving for? What is my process?
People who are new or returning to fitness, want to find activities they like, and get into a good routine will be interested in Fitted.
A core goal was to eliminate bias when defining the problem, so I surveyed users who were active and engaged in exercise as well as those who were not but were seeking an on-the-spot solution to get started. This led me to conduct discovery research holistically.
I facilitated about 3 interviews (15min/ person) to get a better understanding of the target audience with the following research goals:
Understand user behavior around using a fitness/ exercise mobile app/ platform
To understand the challenges users face when trying to create a fitness routine/ make time to workout
Discover pain points with existing apps/websites that are in the current market
I began the user interviews by asking questions around what makes this app different such that the users would also understand the differentiating factor about mySets vs any other app in the market. Following this, my strategy was to follow up with questions such as:
How do you maintain a workout routine currently?
What tools do you use day-to-day that are instrumental to your workout regimen?
What challenges do you face?
When do you seek additional help for managing your routine?
What is the main issue you face when looking for a workout routine?
What do you do when you can’t find the information you are looking for?
Why is this important?
Better mood, weight management, reduce risks of illness and learning something new
Saves Time
Saves time by fitting exercise into daily routines
Personalization
Can keep a schedule by tracking progress/ adding sessions to their personal calendar.
Design Process
Throughout the research and design phases, my team and I used the Double-Diamond Process Model. This design process model demonstrates how each part of the design process is iterative and that in order to discover the problem, we needed to first facilitate primary research.
02 Define
How can I ensure that what we create will suit the needs of our target demographic?
Hypothesis
Motivate people into an exercise routine that suits their level, schedule, interests by personalizing their workout preferences and sharing custom statistics through a user-friendly and modern interface.
Increased Productivity
Better mood
Personal Achievments
Achieved weight goals
Lowers Health Risks
Reduces risk of illness and poor health
03 Ideate
What does the solution look and feel like and what are the next steps that need to unfold in order for a user like Rebecca to achieve her goal of getting in shape as a beginner at her own pace while balancing work and her personal life?
How can we make the most of Rebecca's needs to meet the project's primary objectives?
Who are our users?
Our main users include professionals, students and gym rats who are dedicated and committed to creating a workout regimen that is customizes to their needs.
In the user flow, my main focus was on making the process of locating and understanding the UI simple. The instructions for each user action should be concise and clear as should the workout videos. The user should automatically know what to click next because the UI is so straightforward. It was also important to be aware of cognitive load by separating core functions on different screens like having the workout options on one screen and directing users to another screen for the demo videos and stats/ insights about their workout.
04 Prototype
Wireframes and Prototype / Rapid Prototyping The Solution
Onboarding Screen
User signs up for account or logs in and is prompted to select fitness goal.
Home Screen
User is presented with exercise options based on their selected goal(s) and can begin their routine OR watch a demo to understand HOW to do the exercise first.
.png)
User Testing
Upon completion of the first working prototype, we conducted user tests in order to validate my designs. Feedback was necessary for usability, information architecture, user interactions, visual design and personalization aspects.
We reached out to many of the original participants from our interviews in which the participants shared their screens and provided commentary as we asked them to perform six tasks through main scenarios. Below are 2/6 scenarios that we facilitated.
When testing with users, the goals were to:
Gather quick user feedback to design more intuitive experiences.
Value the prototype feedback with the technical architecture in mind (for development purposes)
mySets App Style Guide
App's style components in a visual style guide. It includes all UI elements, logo guidelines, colors, typography, iconography, imagery, and anything else necessary for the project.
A style guide documents all of the visual and UI elements of a brand so that people who work with/on the brand have clear direction on what to do to ensure a consistent visual experience on all brand projects. As a UX designer, consistency is important for the brand to maintain an authentic and professional ethos and users sense inconsistency in a design and can react with non-loyalty and hesitancy to trust the brand.
Creating a visual style guide is an iterative process, and is often seen as a living document that can be updated or edited at any time. This is the case when projects are finished or a task has been done.
© Ariana's Portfolio