Runday
Redefining the exercise tracking record experience.
Runday is a mobile platform for users to schedule their daily exercise routine and monitor their progress. This project focused on redesigning the initial screens of the 'Record' feature to enhance the overall user experience.
Introduction
My Role
Product Designer
I worked closely with stakeholders and contributed to the overall design process, including market research, wireframes, and rapid prototyping.
Duration
3 Week Project (Remote)
Understanding the 'Record' Feature
Tools
Figma, Miro, Zoom
Users can monitor their monthly exercise frequency through the stamps they've earned. Below the stamping calendar, they can delve into a detailed analysis of their workout data.
Current Experience
When users tap the record icon in the navigation area, the total record is displayed at the top. However, this can be confusing for users as it is unclear whether the record represents the overall cumulative total or the monthly total of user activities. Additionally, the multiple sections containing workout analyses may overwhelm users.
The current recording experience faces usability issues related to interface texts, with an overload of text on a single screen.
The Challenge & People Problem
The client sought a redesign for specific screens within their existing app, Runday, with a focus on enhancing the usability and user interface (UI) of the 'Record' feature's initial screen to boost user engagement. The overarching objective for Runday was to deliver runners a straightforward and intuitive experience during their exercise routines.
Contents Order
In the initial phase of enhancing the recording experience, we refocused on users and their specific goals when using the 'record' feature.
Visual Hierarchy
Through extensive research and an in-depth analysis of the existing design, we discovered an opportunity to enhance the new design by introducing a more robust hierarchy for a cohesive and structured visual presentation.
Workout Record
To improve the readability of the workout record lists, where excessive text impedes content comprehension, we introduced icons for different workout types and added dividers to introduce a visual graphic element.
This not only fosters a more visually pleasing experience but also establishes a clearer hierarchy for users.
Creating interfaces that are intuitive, visually compelling, and user-centric for an enhanced tracking record experience.
The Design Vision
Our key goals are…✨
Helping users 🏃♀️
Effortlessly monitor their workout history through a streamlined and intuitive interface.
Reducing bounce rate 📱
Enhance the functionality of the workout tracking experience to boost overall user retention.
Helping Runday 💜
Increase user engagement, expand the user base of Runday, and potentially attract additional investment or partnerships.
Research
Identifying Pain Points
Survey participants expressed challenges in monitoring their running records.
We initiated the research phase by sending out the survey to 15+ respondents, aiming to uncover the pain points in the current record monitoring experience. Their responses provided insights into areas we could enhance from their perspective.
Analyzing the UI & UX of Competitors
Competitive analysis revealed distinct design patterns for the tracking record feature adopted by various players in the market.
Examining key players in the market, we found that each app caters to distinct target users, varying according to users' proficiency in running. Runday strategically positions itself for beginner runners. As we delved into our project, we hypothesized that users within this segment would have a regular interest in monitoring their monthly activity frequency to establish a consistent running routine.
Samsung Health : Easy monitoring, tailored for Samsung device users
Nike Run Club : Record monitoring with personalized and minimalistic interfaces
With these products already available, what makes Runday's record monitoring experience unique?
Ideation & Iteration
Interface Iterations
Six usability testing results revealed new insights into the primary objectives of runners when they review their records.
We conducted usability testing with six participants. We asked them to explore the ‘Record‘ page and observed their behavior in navigating interfaces. This session gave us a better understanding of what works and what doesn't.
Key Findings
Wireframes
Defining the structure provided valuable insights into functionality.
We started with this initial framework, where we changed the order of current content to prioritize the stamping area. Initially, we hypothesized that beginners would want to monitor how often they run so that frequency motivates them to run more.
Users can explore their records on a timeline basis by navigating through arrows, with the daily records changing accordingly.
Refining the Structure
Based on our findings, we refined the framework, ultimately solidifying the structure. Our emphasis shifted towards improving the monitoring of records, aiming to enhance the overall user experience by streamlining access to various actions. Additionally, we partnered with a UX writer to enhance the clarity of the copy and content.
Design
The Final Product