Nike

Nike Training Club

BRIEF

Getting in shape can be a challenge, so making exercise fun and engaging is crucial to staying on the right track. Available for free for both Android and iOS devices, including Apple Watch, the Nike Training Club app features a polished collection of visual workouts, hosted by celebrity athletes like Serena Williams. NTC also features month-long structured programs that’ll help you achieve even better results.

THE CHALLENGE

Discover what other users of the application are struggling with and are wishing for, to determine which additional features can be integrated in the app to make the it even more valuable and exciting for the fitness community.

My Role

Research, persona, wireframes, prototyping, usability testing, visual design

Duration

2 weeks

Tools

Sketch

Whimsical

Invision

Research

COMPETITIVE ANALYSIS

My secondary research included a deep dive into similar fitness application to find out which features are overlapping and which stand out. I also looked through the user reviews for each of them to see what people like and dislike the most about them.

competitive analysis

PRIMARY RESEARCH

As I wasn't able to find enough people who use the NTC app for interviewing I used user reviews as a base of my primary research. This proved to be an extremely valuable source of feedback on the application’s shortcomings. I analyzed reviews for NTC on both the iOS App Store and the Android Google Play Store. Although most of the reviews are praising the app for its usefulness and big variety of features, I wanted to learn in more detail what type of issues people were running into, how they were using the app and what they were wishing for. Here is a sample of reviews that represent the most common pain ponts and requests current users have.

reviews
Conclusions from research

After analyzing reviews I’ve come up with the list of main painpoints that users are having and prioritzed them based on the frequency:

  • Unable to build custom workout from the library of individual exercises that are already in the app
  • Unable to see modified/alternative moves for the exercises
  • Unable to note weight used either during or after workout
  • Not enough customization for the plans ( e.g edit and delete a workout)
  • Meal plans are missing
  • Spotify Integration is missing
  • For the predefined plans: Unable to add notes when adding a workout manually

Define

PERSONA

By synthesizing the findings from my research I was able to develop 2 types of persona.

persona 1persona 2

Ideate

SITEMAP

Show the relationship between the content of the site, based on the Card Sorting findings.

sitemap

USER FLOW

After determining the priority features (Create a custom workout, Select an alternative exercise ), I created a user flow to show how the users will navigate the app to use new features.

user flow

SKETCHES

After defining possible user flows, I started sketching screens for the new features.

Create a custom workout

sketches

Select an alternative exercise

sketches

UI KIT

By following the existing branding and style of the app, I created a style guide.

UI kit

PROTOTYPE

I developed the first version of high fidelity mockups for the new features:

  1. Create your custom workout
  2. Choose an alternative for one of the exercises in your workout

Next, I created an interactive prototype using Invision and used it to validate my design solutions.

prototype

Test & Iterate

USABILITY TESTING OBJECTIVES

  1. Gather feedback about what causes confusion or frustration
  2. Learn how users locate the new features
  3. Observe how people use the new features

SYNTHESIZING USABILITY TEST RESULTS

From the insights, I gathered from one-on-one testing I created an affinity map to synthesize all the positive and negative feedback I received and understand what the main successes and pain points are, as well as to define what needs to be improved.

affinity map

ITERATION

Based on the testing results I made changes to the problematic UI screens.

iterationiteration

NEXT STEPS

For next steps, I would test the updated version of the features and iteratively improve the design.