PUSH MOBILE APP

PUSH is an app-enabled wearable fitness device that tracks and analyzes your strength performance at the gym.

 UX DESIGN | UI DESIGN | VISUAL DESIGN

ABOUT PUSH

PUSH is a Toronto-based sport technology startup that aims to help amateur and pro athletes optimize their training. I design PUSH's all digital products including mobile apps, SaaS web platform, and tablet-specific team application, from early stage information architecture to high fidelity user interface. 

 

CREATING A NEW EXPERIENCE FOR FITNESS WEARABLES

PUSH Band analyzes lifting motion and provides velocity and power output for each rep of the exercise. While the PUSH Band offered cost-effective alternative for training facilities to measure velocity and power, we wanted to bring that technology towards to all levels of athletes, and even to general consumers who are data-driven but have no access to expensive testing equipments. I designed the app that works with PUSH Band to translate the captured data to insightful, actionable feedback that even tells users when to change the weight, or even when to stop based on their movements.

experience.jpg

INSPIRATION

In day to day training, athletes have always wondered how much weight and how many reps that they need to do, in order to make fastest improvement while not getting fatigued or injured. We discovered the training method called Velocity Based Training, which allows athletes to know when to lift more or stop, by measuring how fast that they are moving. However, this information was only available through high-end testing tool that cost thousands of dollars per unit. 

DEFINING INTERACTIONS & WIREFRAMING

Through field observation, in-facility testing and usability testing with various stages of our both physical and software prototypes, I could revisit all the touchpoints of the user journey for different training scenarios. One of the insights that I've learned through implementing our prototypes to real athletes training was that almost all of them interacted mostly with the band even though app provided the insights and recommendation. As a result, I shifted the messaging and recommendation towards to the coach and trainer with dynamic one-page UI that shows relevant information when athletes press the band to start or stop the exercise, so that coach and trainer can intervene at the right time with quality feedback/instruction to the athlete.

wireframes.jpg

FINAL TOUCH

Refining UI is a series of micro-iterations and incremental improvements. Since the app works with the hardware that sees heavy physical usage, I designed simple and uncluttered views that take users through workouts with least amount of in-app interactions through the actual workout, and it transitions to more robust workout summary once the workout was over. 

uis.jpg
push_train.jpg
 

GETTING STARTED

Home screen was designed to be as seamless as possible before users get to press the band to start working out because almost of all of our users already had a specific flow in mind (or was given a specific routine from trainer/coach). Primary buttons are oversized considering reduced motor skill after lifting weights. 

 
 

REVIEW & FEEDBACK

Some of the most frequent questions after each set/exercise were "How did I do?" "What should I do next?". Review screen answers those questions by visualizing feedback of last set and show recommended weight & reps based on their performance.

push_review.jpg
 
progress.jpg
 

PROGRESS

Progress tracker allows users to see the big picture of their routine - we originally restricted users to follow the routine in chronological order, but in physical world majority of users needed the flexibility to jump around. Have you ever had someone else took over the squat rack when you're doing circuit?

 
 

WORKOUT SUMMARY

When Review screen focuses on analyzing quality of each set, Summary page provides snapshot of the entire workout by aggregating volume of the workout.  

summary.jpg