Physio
Meet Physio—your all-in-one fitness companion for every body. More than a workout app, Physio offers personalized training, form correction, and lifestyle motivation to help you stay active and build lasting healthy habits. Whether you're a beginner or a gym pro, Physio guides you with expert workouts and holistic wellness support. Say goodbye to inactivity and hello to a stronger, healthier you with Physio.
Challenge
Our team was tasked with creating an app that addresses a pressing societal concern through the lens of UI/UX design principles. Together, we identified a crucial issue: the growing epidemic of sedentary lifestyles affecting people across all demographics. Recognizing the urgent need for change, we collaborated to develop a solution that promotes movement and well-being.
Solution
Our collective response is Physio, a comprehensive workout app designed to help users of all fitness levels overcome inactivity and embrace a healthier lifestyle. Through teamwork, we designed Physio to offer personalized workout plans, real-time form correction, and motivational tools, empowering users to prioritize their physical well-being. By combining our skills and ideas, we created an app that fosters a culture of activity and long-term vitality.
Design Process
Discover
Define
Ideate
Prototype (lo-fi) & Test
Prototype (hi-fi) & Test
Secondary Research:
To learn about the broader context of the problem we identified we conducted secondary research. The current fitness app landscape lacks real-time interactive feedback, hindering users' ability to correct form instantly. While platforms like Peloton offer extensive exercise libraries, they lack personalized form correction. This gap underscores the need for an accessible app that provides immediate feedback while fostering a safe workout environment for all.
DISCOVER
Task Analysis:
From our secondary research, we were able outline key tasks and the activities that users have to complete to solve the problem or achieve the goal. The task flow diagram provided us a birds eye view of the of the problem, enabling us to focus on the design for the tasks and activities that support user goals.
DEFINE
Storyboard:
We created a storyboard to illustrate the context in which the users completed the tasks and activities to achieve their goal.
The storyboard allowed us to notice subtle details and identify areas of the user's interaction with the product that required focus in our design
Susan, a 42-year-old full-time teacher and mother, faces the challenge of incorporating physical activity into her busy schedule after her doctor's warning about her weight. With a desire to prioritize her health and fitness without the expense of a personal trainer, Susan seeks a convenient and affordable solution to get in shape at home.
Technology:
In order to address the problem of a secondary lifestyle, we chose to incorporate a TV and a sensor camera that is one almost all phones, in our system. We chose to do this because both pieces of technology are the most easily accessible to users.
User Flow:
Through several iterations, we designed the ideal steps users would follow to complete a common task with the proposed solution. As shown in the user flow diagram below, we wanted to keep the process simple and easy to use while offering unique aspects to the users time on the app. Some unique features include being able to workout with friends or by yourself while collecting your progress that is easily visible to the user. Our number one priority, besides keeping our user happy and healthy, is our users privacy. We assure this by automatically setting users accounts on private and protecting all data that is collected.
IDEATE
Sketches:
After finalizing our user flow, we sketched our concept and explored various aspects of user interaction by visualizing them.
Wireframes:
We iteratively developed the wireframes.
Home
Discover
Progress
Connect
Create an Account
Workout Screens
LO-FI PROTOTYPE AND TEST
Evaluation: The initial version of the wireframes were reviewed by 10 peer UX designers. Each evaluator received a
clear overview of the problem statement, proposed solution, user flow diagram, and wireframes to help them
understand the context.
These findings were then incorporated into the final version of the wireframes as shown the figures below:
Heuristic Evaluation:
A new set of 3 UX designers conducted a heuristic evaluation of the first version of the hi-fi prototype.
TEST OF FIRST ITERATION OF HI-FI PROTOTYPE
After reading the feedback from our peers, we found a lot of useful information that we can implement into our app. We’ve already begun to do so, and will continue to improve. We had a decent amount of comments regrading user control and freedom and efficiency of use. We have already begun to make changes regarding the comments such as making sure all the screens scroll/ work and that interactions run smoothly. We’ve made a plan to continue improving other concerns that were mentioned in our feedback, such as improving the consistency and starts of popup, text colors, and buttons. We also also want to make the flows easier to use and help users recover from mistakes, so we plan to implement back buttons.
Interactive Prototype
The wireframes were then further developed into interactive prototypes.