Homebody app on several smart phone screens

Overview

UX goals

By April of 2020 people realized that they needed to bring their workout routines home. This app was designed with them in mind. In the first phase of this project we will only focus on the on-boarding process for Homebody.

Create an on-boarding process that is short, easy, and focused.

Avoid information overload – give the user just the right amount of information to make them want to use HomeBody to reach their fitness goals.

UX constraints

This project came with the following constraints. I will be addressing them in multiple design solutions.

On-boarding Process only
Solution must be for a native mobile app
Create free account with email and password

My role

As Designer for my project, I was involved in the entire process, including the overall strategy, user research, website hierarchy and visual designs.

User research

**Affinity mapping**

To begin I started by understanding my target audience and their pain points. This came in the form of user interviews. Using affinity mapping I was able to identify the following common issues users were facing:
**Motivation**
**Consistency**
**Space**
**Difficulty Levels**
**Workout Techniques**

Highlighted quotes from user research

“Im not sure if I’m doing it right””

“Finding the right level of difficulty takes a lot of trial and error”

“I need a way to stay motivated”

“I give up if I feel like I don’t have a clear path to my goals”

Competitive analysis

In order to get a better understanding of how competitors handle their onboarding I downloaded some direct and indirect competitor apps. (see figure below)

I quickly realized that direct competitors like Aaptiv and Daily Burn were not allowing users to have access to the content without signing up first - the first screen when you launch the app is the log in screen. Users have no idea what they are signing up for or if the product will live up to the promises.

Key Points to bring into design solutions:

1. Ask questions up front - I want users to feel like they have control from the moment they open the app by asking specific questions to help them make the most of their time.

2. Provide free content - Outside of Youtube, there was no other direct competitor that offers free content

3. Keep it short - Most competitors have a very short onboarding process

4. Address the market gap of providing free content without commitment

Visual designs

Carousel

Using the carousel design opportunity to use the benefit oriented approach remind the user why they downloaded the app to begin with.

These three screens will only appear for first time users, and can be skipped at any point to allow the user to feel like they have control early on on the experience.

Onboarding quiz

To ensure HomeBody is able to provide the best solution, there are certain data points that need to be collected up front. I wanted to use this opportunity to introduce the overall experience to the user, but keeping the questionnaire short and easy. There is always an option to skip the questionnaire.

Each question addresses key pain points identified in the user research. Users can always change their preferences later in the user profile settings.

Log in prompt

To address the constraints of creating an account, I designed the log in/sign up screens that are required before the user is able to access the content.

To give incentive I included a free trial pop over which allows access to the app for 14 days without commitment and without providing credit card information. We want users to know we are willing to take the risk for them to experience how much HomeBody can change their fitness life without asking for a financial commitment upfront.

User flow

The user flow below shows how users can use the skip the onboarding carousel or questionnaire and be directed straight to the sign up screen.

Usability testing

I conducted a usability test with 5 participants to validate the assumptions made during the ideation process.

Test plan:

Goals:

Is the intro carousel helpful/informational?
1. Yes overall users liked the carousel & tone of the copywriting
2. “The app doesn’t feel intimidating”
3. “Pictures of people make me feel welcomed”
4. Do users understand the questions in the questionnaire??
Demographics:
1. Female, male, non-binary
2. 18 - 50 years old
3. Location USA
Scenario:
1. You are have been stuck at home quarantined for the last several weeks but you would like to retain some sort of workout routine to help keep you you track with your fitness goals. Your friend recommended the HomeBody fitness app so you decided to download it and give it a try. This is your first time opening up the app.
2. Discovery questions:
  1. How old are you?
  2. How often do you work out?
  3. What types of videos do you watch to work out?
  4. How do you find work out content?

Test findings

100% of users completed the onboarding carousel & found the images “inspiring” "

80% of users completed the questionnaire

Highlights:

100% of users would like more options in the questionnaire - they found the options to be somewhat limiting.

Iterating on the original questions and design I added more options for each question and an option to “add more” which will allow a free form write in.