Redesign for a Fitness App
Conqur - a wearable-based athletic performance tracker for sportspersons
ROLE:
Product Designer
TOOLS:
Adobe XD, Photoshop, Figma
DURATION:
8 Weeks
COMPANY:
Netrin Sports Technologies Pvt. Ltd.
TEAM:
Research Development Lead and myself
DELIVERABLES:
UX Audit, Competitive Analysis, Personas, Journey Mapping, Information Architecture, Low-High Fidelity Prototypes, UI Kit
OVERVIEW:
Netrin’s Conqur is a wearable fitness product that quantifies your body's physiological and motion parameters using a chest wearable. Typically used by sportspersons like players, coaches, managers, etc. to enhance their performance and consistency, the app analyses the body's stress, sleep, activity, and recovery levels into quantified metrics.
While the app was in its alpha version, feedback from users helped define the complexity of the service at hand. From collecting health data and guiding users through the session experience to finally presenting all these metrics, the app experience was close to being was overwhelming and daunting for the users. It was at this point that I was brought in, to re-design for a Beta version of the app with a more intuitive session experience.
PROBLEMS:
SOLUTIONS:
-
The overall session experience - from collecting, analysing to providing data - was at times confusing and demanding for the users.
-
Users slacked on inputting their activities during a session, which is a crucial requirement for the algorithm's success.
-
While users were presented with a variety of complex health metrics and pie charts at the end of a session, they didn't know how to act upon it.
-
Redesigned and reprioritized the entire information architecture and navigation for a faster, simplified and seamless session experience.
-
Reduced the clicks per task and simplified the log-in process for activitiesies to make it less daunting.
-
Smarter visualization of health data and reports for easier understanding and assimilation by users.
DESIGN PROCESS:
Coloured circles indicate my areas of involvement in the entire process.
RESEARCH:
-
To start with, I conducted a UX audit of the app's alpha version, to understand the product's performance in terms of usability, clarity and efficiency. I used the device through a few sessions, trying to simulate the environment of an athlete to my best. Considering that I was entirely new to using wearable technology of this kind ( like many of the target users), I was able to provide a fresh and unbiased perspective of how the usage journey felt.
-
I then created User personas of the product's target users - the athletes, coaches, trainers, and training agencies. Though the user testing had been done before I was brought in, I was able to accumulate and gather detailed feedback from the larger team at Netrin. Creating these personas helped me understand the unique needs, goals, and preferences of different categories of users. For example, while a trainer
-
I also created a User journey map for the personas using feedback from user testing. By visually mapping out the key interactions, feelings, motivations, and experiences in the usage journey, I could better understand and empathize with the user to provide a more nuanced, holistic, and human-centered redesign.
-
I also did a Competitive analysis of other wearable-based fitness applications in the market like Firstbeat, Suunto, Humon, etc. This gave me an idea of existing conventions and market trends in the user experience for such healthcare and fitness apps. While many of these apps would have faced similar challenges as us, it was interesting to try and identify how they may have overcome them, considering that these products have been in the market for longe.
KEY INSIGHTS:
PROS
CONS:
-
The dark mode is not helpful when the app is being used outdoors ( during training, etc).
-
Overall lack of clarity, hierarchy, and distinct prioritization of actions in the session journey.
-
While the whole session journey works with a lot of metrics, they lacked efficient visualizations for the user to easily understand and work with.
-
Logging in activities, which is an important requirement to generate accurate results, turned out to be a dauntingly long and complex task due to its elaborate nature.
-
While the reports generated provided a lot of numerical data and pie charts, users were confused about "What Next?" - How do they make sense of so much data and process it into actionable advice?
-
Live ECG displayed on the Home Screen attracted a lot of awe and attention.
-
Users liked that they were receiving not just relative inputs but exact, quantified, and personalized numbers about their health. This seemed to encourage more trust in the science and service.
DEFINE:
After conducting my user research, I was able to identify key areas of intervention that were of immediate priority in the redesign. I identified 3 key task streams that the redesign would focus on: 1. Pre-Session (Logging In and entering body metrics) 2. During Session (Logging in activities and syncing the wearable) 3. Post Session (Viewing session report). While each stream had its own unique problems, the primary focus of the redesign remained on reducing the cognitive load and time involved for the user. This framework along with the user insight collected thus far, would guide design decisions moving forward. The product's algorithm had also evolved, allowing us to incorporate certain new features like the Quick Recovery Test in the redesign.
How could the product be redesigned for a faster, simpler, and more seamless session experience?
IDEATE:
To accommodate all these insights, we understood that mere surface-level fixes weren't going to solve the root cause problem. I believed that we needed to clear the slate and entirely redefine the information architecture to establish a clear hierarchy within the app for the user to seamlessly navigate.
LOW FIDELITY PROTOTYPES
Final Prototype
PRE-SESSION
The final redesign simplified the login process, by splitting the actions into multiple screens and guiding the user sequentially so as to not overwhelm the user on just one screen. Fom bringing in a calendar for entering the date of birth and nesting the terms and conditions to using visuals and indicating height-weight data, we have reduced the cognitive load and clicks per task for the user.
A modular onboarding experience aided by more visuals
Home screen that contains a distict and clear visual hierarchy of actions to be taken during a session
DURING-SESSION
Once the user wears the device and starts a session, they primarily make use of the home screen. The 3 key actions to be taken during a session are priotised and placed together - 1. Start/Stop a session 2. Syn device 3. Log Activity. Device information is displayed distictly make sure the user always keeps an eye on it. Details about each of these tasks have been designed with careful consideration of visual hierachy, to keep the experience as seamless and simple as possible. A larger section of the screen has ben used to show live ECG, step count and heart rate to keep the users engaged.
DURING SESSION - ACTIVITY LOG
We also drastically reduced the clicks per task to log in an activity to make the process faster and less cumbersome for the users. Considering that user has to log in every activity - from and sleeping tp what kind of excercise they do - simplyifying this action was crucial in the redesign. More icons and visual calenders were used to add in this process.
Faster and efficient activity log in process with fewer clicks per task
POST-SESSION
Once the session's complete, the user is provided with a report on their overall health and individual parameters of sleep, stress, activity and recovery. Through smart visualizations of icons, pie charts and graphs aided by contextual explanations, the user is provided both quantitative and qualitative insights on how their health is. This way, the user is provided not just the metrics but also an understanding of what's working and what's not in their body, to help them improve their performace. A cumulative graph and calender also compare and provide access to previous reports.
Both qualitatively and quantitatively insightful report
POST SESSION - SETTINGS
The Settings section was also elaborately designed with new additional features to handle both mobile app and the wearables settings.
A settings section with additional features to change the app and device settings
DARK & LIGHT MODE
The UI was designed was a trendy Neomorphic palette in both a dark and light mode to suit both indoor and outdoor training sessions.
Dark and Light mode
PROTOTYPE VIDEO
