Strong Tracker

The Challenge

• The current tracker is using outdated UI.
• The customers don’t understand some of the features offered in the app, so we needed to make the product more comprehensive.
• Create workouts visually consistently.
• The previous design team made several assumptions about features and usability, and none of it was validated.

The project

Redesign a new fitness tracker using our unique design system. Identify what features are essential for the user and introduce these features while improving the overall user.

Wireframes

User Testing: Round 1

Using invisionapp.com and usertesting.com, I started a small test using a wireframe prototype to classify what our user’s needs are.

Feedback

• The new features were well received, users see value on them and say they would pay extra to have these added it to the current experience.
• Overall, interphase was a bit busy and confusing.
• Tracking progress, editing, and deleting workouts needs to be simplified.
• Creating workouts seems too complicated.
• Emotionally, users feel like they can trust the product, yet they perceive as the app is lacking “identity.” 

Pivoting

Once I recognize the user’s needs, I revisit previous work and create new mocks using Sketch. I also removed unnecessary UI elements (while keeping the ones that matter), simplifying the user experience, and worked on visual elements and content that would convey trust and authority, setting us as the experts in the field.

Now, we need to test the most current version with the latest mocks containing the new component.

Interface analysis

User Testing: Round 2

Using invisionapp.com and usertesting.com, we are validating ideas, and testing if we improved comprehension and user emotions around using the app. 

Feedback

• A better understanding of interphase flow.
  • Huge win!
• Most users trusted us more because of the cohesive message and overall visuals.
  • Happy with results here, but we are planning on introducing other elements to help the brand to align better with there to keep improving trust.

Conclusion

After finding all usability mistakes through testing, I began designing the final screens in Sketch. Using the design system components and guidelines, I started creating mobile displays first.

I am especially proud of the graphs and workout breakdowns. Making sure our users understand how to use the app, simplify their experience, and being transparent about what features included are our number one priority.