eND-To-End app

UX research

Interaction Design

Ui design

Usability testing

Branding

An over the shoulder look at a woman's phone with a strength tracking app on the screen.An over the shoulder look at a woman's phone with a strength tracking app on the screen.

Overview

MY ROLE

UX RESEARCH
INTERACTION DESIGN
UI DESIGN
USABILITY TESTING

NOTE: I am not employed by adidas. This case study showcases a theoretical project using adidas products as content examples.

BACKGROUND

I strength train at a powerlifting gym, and I have a hard time tracking my PRs. There are three main lifts in powerlifting: Squat, Bench, and Deadlift. Tracking PRs for these lifts is essential to build strength. Most people rely on their memory. However, I can not count the times I have heard a fellow gym mate say, “Is that the most reps I’ve done at that weight!?” And since I have difficulty tracking MY rep PRs, I wondered if anyone else had found a solution.

OPPORTUNITY

Through interviews, a survey, and competitive analyses, I discovered that members of my powerlifting community use various tools, but there wasn’t one that fit all of their needs entirely.

Solution

I designed a comprehensive app for strength athletes to track their personal record data over time.

  • how many meals are included in their day
  • errors made when adding food to the diary
  • multiple nutrition goals for different days
  • the exact increment of water to track
A mockup of a an app on several mobile phones.

How did I land on this solution?

RESEARCH GOAL

Understand how strength athletes track their progress and see if there is room for improvement.

RESEARCH METHODOLOGIES

USER SURVEY
USER INTERVIEWS
COMPETITIVE ANALYSIS

constraints

  • My biggest constraint was working primarily within a single community. I do not know how much the problem exists for other powerlifters and strength athletes outside this local community.
  • I did not have the chance to consult with a developer to see if all the features included in my solution are feasible.

RESEARCH OBJECTIVES

  • How do strength athletes set goals?
  • What methodologies do strength athletes use to keep sight of a goal?
  • What does progress in the gym look like for strength athletes?
  • What kinds of landmarks or personal records are important to track?
  • How do athletes currently track their PRs(personal records)?
  • How important is it for strength athletes to share their goals and progress with others?
  • Do strength athletes track PRs differently that they make in competitions vs in the gym?

Research

Strength athletes have many tools at their disposal, but none of them solve all of their needs.

Survey

I collected 25 survey responses from my network. One significant insight from the survey was that all but three used multiple tools to complete the task of tracking their progress, and there were 22 unique combination combinations.

Competitive analyses

I was curious about all the tools mentioned in the survey, so I made a slide deck to list the pros and cons.

An infographic showing different combinations of tools to track PRs.An infographic showing different combinations of tools to track PRs.

Lifters use video to analyize lifts and as an easy reference later on.

user interviews

Using the survey results, I recruited six interview participants. All participants focus on strength goals primarily over aesthetics and health, and five are competitive powerlifters. These interviews revealed frustrations with tracking progress, and several common themes stood out.

  • People wanted to track their progress over a long period. (and be reminded of how far they have come)
  • Many powerlifters film their lifts to check their form, provide proof that they performed the lift, share their achievements with others on social channels, and sometimes look back at how their lifting has changed over time.
  • Participants wish it was easier to reference the numbers, dates, and video footage in one place.
  • Getting strong takes time; sometimes, the results aren’t easy to see day-to-day. Several interview participants said they sometimes are hard on themselves after a rough workout. However, reflecting on form improvements, consistency, and factors such as being busy at work helped them stay positive and motivated.
A pie chart showing 5/6.

5 of 6 participants compete

A pie chart showing 100%.

All participants wish they could see how their data adds up over time

A pie chart showing 4/6.

4 of 6 participants regularly film their lifts

Meet Chelsea

Chelsea is a 28-year-old gifted with strength and has been Powerlifting for two years.

Personas

I knew my primary user was a competitive Powerlifter, but I found so much variation in actions and attitudes during my interviews that I made three personas. Later, I mostly referenced my primary persona, Chelsea, but also often questioned, “How would Miguel or Amber interpret this feature?”

A graphic representing the persona Chelsea.A graphic representing the persona Chelsea.
A graphic representing the persona Miguel.A graphic representing the persona Miguel.
A graphic representing the persona Amber.A graphic representing the persona Amber.

How might we help strength athletes visualize their progress over time?

Focusing on competitive powerlifters who film their lifts helped guide the format and features of the app.

Improving Chelsea's record-tracking experience.

Storyboards

I created a before and after storyboard to help sort out what features I needed in the app. I focused on the scenario of a lifter who had just finished a set of squats. She immediately questions if she has ever lifted that weight for that many reps. Knowing it is a PR gives her confidence and drive to keep lifting.

A storyboard about a powerlifter.A storyboard about a powerlifter.
A storyboard about a powerlifter.A storyboard about a powerlifter.

A tool that is easy to navigate in a busy gym environment.

site map

I wanted everything to be accessible from a dashboard or homepage. From here, I wanted everything to be surface-level and easy to access since users would often access the app while at the gym getting a workout in.

A graphic showing a site map for an app.

Design

Design process

Squat, Bench, and Deadlift are the most critical lifts, and many lifters track these one-rep maxes by memory. I wanted to start by exploring by pairing these with goal numbers front and center to provide clear motivation.

Giving Powerlifters what they want: The big three (Squat, Bench, Deadlift)

Wireframe sketches

For my initial sketches, I worked on how to provide the most critical information right away. From there, what is the easiest way to quickly find different PRs? I also knew I wanted the user to be able to add a PR from anywhere, so I included a button for that in the main navigation.

Wireframe sketches.

Dashboard 01

Wireframe sketches.

Dashboard 02

Wireframe sketches.

Dashboard 03

Wireframe sketches.

Add a PR entry

Wireframe sketches.

Squat PRs

Deciding which tasks are needed for an MVP.

Lo-Fi Wireframes

I created lo-fi wireframes based on three tasks: checking the training percentage of a training max, adding a PR, and sharing a PR. For the sharing portion, I wrestled with how far to take it. Should the app include a “wall” or “feed” complete with friends’ posts of their PRs?

Lo-fidelity wireframes for an app.

Sharing

Lo-fidelity wireframes for an app.

Adding a pr

Lo-fidelity wireframes for an app.

summary (home screen), Squat Pr screen, training percentages

Building out Hi-Fi Wireframes and a basic Prototype

Hi-Fi wireframes and prototype

With help from my mentor, I steered away from including a news feed. We wanted to keep the PR tracking focus of the app. Instead, I included a way for Lifters to share their PRs on Instagram stories, including a pre-designed template with their numbers.

Hi-fidelity wireframes for an app.

Sharing

Hi-fidelity wireframes for an app.

Squat Prs and training percentages

Hi-fidelity wireframes for an app.

Adding a PR

Hi-fidelity wireframes for an app.

Summary (home screen)

Testing

site map

I wanted everything to be accessible from a dashboard or homepage. From here, I wanted everything to be surface-level and easy to access since users would often access the app while at the gym getting a workout in.

Gut checking with strength athletes.

Usability testing

I performed five usability tests over zoom. Ideally, I would have only recruited Powerlifters. But, I had tight scheduling, so I settled for two powerlifters and three others participating in general strength training. During the test with the powerlifters, I paid particular attention to what they mentioned when navigating the powerlifting-specific elements. For the other three, I focused on their reactions to usability in general.

During the review PR and sharing tasks, several participants reacted with delight.

A highlight from an affinity map - sticky notes with insights from usability testing.

Priority Revisions

Testing and priority revisions

While all participants completed the assigned tasks, I found a few ways to reduce friction points based on their feedback.

A visual of a screen from an app showing it before and after changes.

Overall

I adjusted the colors to reduce visual vibration on the dark colors.

A visual of components from an app showing it before and after changes.

Graph

Make the graph more digestible and provide flexible timeframes.

A visual of a screen from an app showing it before and after changes.

Choosing an exercise

I added a "recent" section to the exercise selection, cutting out the overwhelming list.

A visual of a screen from an app showing it before and after changes.

Choosing an exercise

I created a drop-down to switch between pounds and kilos easily.

A visual of a screen from an app showing it before and after changes.

PR Review screen

I changed the layout of the PR review screen to differentiate it from the entry screen. I included both pounds and kilos and made the bodyweight comparison more prominent.

“It's exciting that there’s different ways to analyze things”

Usability test participant

Creating a look and feel that belongs to a fitness app.

Branding

I was creating this app from scratch, and I needed branding. However, I didn’t want to allocate tons of time to this portion of the project. So I did a quick visual audit of the fitness and strength tracking space, brainstormed names, and quickly sketched out options for a logo. I kept the name straight to the point (LiftTracker) and quickly sketched and refined a wordmark using the same typeface as the rest of the app, Roboto. I knew I wanted to work in dark mode and use a triadic color scheme as a color code throughout the app - using each color to represent a different lift.

A graphic showing a logos and a color palette for the LiftTracker App.

“This seems like a great idea. I have tried a lot of food tracking apps, including Lifesum. It was a really nice app, but ultimately I felt that Lifesum was too rigid.”

Usability test participant

Conclusion

What's next

For this project, I designed a very slimmed-down MVP. While I had plans to include additional features, I did not have time to implement them in this round of design. In the future, I would like to add the calendar so lifters can track how events in their lives influence their PRs, goals, and profile settings, and a version for weightlifters. For example, a weightlifter could track snatch, clean, and jerk instead of squat, bench, and deadlift.

I also was not able to collaborate with any developers. I know there is existing technology to track a bar path, but I don’t know how accurate a depth check feature would be. I would also like to do more user testing around the video analyses.

My next steps include building these features, testing, and iterating. Specifically, I’d like more thorough testing with powerlifters and weightlifters.