ToRide
Empowering novice bikers, our mobile app notifies and motivates users to enjoy their perfect biking conditions.
About
In the ever-evolving landscape of biking apps, we've spotted a golden opportunity that goes beyond the ordinary. Our brainchild, ToRide, isn't just another app—it's a game-changer. We zeroed in on transforming the onboarding journey for casual bikers, prioritizing safety and comfort.
Our approach is grounded in a pragmatic evaluation of the competitive landscape and in candid conversations with users. Avoiding embellishments, the app was developed with features that include personalized notifications for weather and safety, bike ride tracking, and challenges with achievements shareable via SMS.
Duration:
2 week sprint
Role:
UX Researcher & Designer
Methods:
User Interviews | C&C Analysis | Feature Analysis & Prioritization | Usability Testing | Affinity Mapping | Persona Development | Journey Mapping | Sketching | Design Studio | Wireframing | Rapid Prototyping
Tools:
Sketch | InVision | Miro | Keynote | Google Drive | Zeplin
Research
We started by conducting research on competitors within the bike application industry and sorted them based on the apps' target consumers and content on the Competitive Matrix shown below.
Competitive Matrix
In our quest to understand the user landscape, we encountered a common theme among competitors: an obsession with metrics. Speed, distance, calories burned; the hardcore riders reveled in it. Yet, a whisper of opportunity echoed for those just dipping their toes into biking. This discovery marked the genesis of our focus on casual and beginner riders. We recognized an untapped market among those who were just starting to explore the world of biking.
User Insights
We asked 10 users:
Can you tell me about the last time you biked?
What motivates you to ride your bike?
What People Said
“I want to feel comfortable while riding my bike”
“I’m too exhausted to even think about riding my bike after work”
“Last time I road my bike I got caught in the rain”
Key Findings
Derived from insights gathered in interviews with 10 users, we translated their preferences into 'I-statements,' shaping our app's direction and focusing on key features for a more user-centric approach.
Safety
Users want to stay safe while riding.
Comfort
Users want the conditions to be comfortable while bike riding.
Accomplishment
Users feel accomplished when they ride.
Synthesize
Informed by crucial insights derived from user interviews and usability testing, we crafted a persona. This persona serves as a powerful tool, allowing us to deeply empathize with the user and strategically prioritize goals based on their specific needs. The preferences, needs, goals, and frustrations encapsulated in this persona distinctly mirror the lifestyle of our interviewees, ensuring a relatable and user-centric approach in our design process.
Alex’s Problem
Alex started biking as a way to de-stress, but his lack of knowledge regarding safety and comfort is hurting his motivation to ride.
How Might We…
help Alex get started on his bike riding experience and stay motivated while keeping his sense of safety and comfort?
Design
Driven by a user-centric approach, we prioritized Alex's needs by leveraging the insights from our Problem Statement and How Might We question during the ideation phase. Before immersing ourselves in the design studio, we carefully executed a Competitive/Comparative Feature Analysis to discern industry trends and benchmark against existing applications. This strategic synthesis of user insights and competitive analysis not only steered our decision-making process but also ensured that the features we integrated into the application were not just tailored to meet Alex's needs but were also strategically aligned with the broader industry landscape.
Feature Analysis
While competitors leverage push notifications to engage users, they often lack personalized alerts related to weather conditions and potential route safety hazards. Our innovation includes suggesting optimal riding times through push notifications, eliminating the need for users to manually check weather or traffic.
Employing the MoSCoW Feature Prioritization method, we strategically determined the features essential for our Minimum Viable Product. This method facilitated a precise understanding of crucial elements, guiding our team seamlessly into the design studio phase.
Goals
Give riders the information they need before heading out to ride.
Give riders the opportunity connect with other riders.
Keep it simple and casual.
Give riders the ability to look back at rides and share rides with others.
Features
Onboarding to prompt user to personalize their preferred road and weather conditions for notifications
Allow riders to share achievements & routes on social media.
Simple tab bar for easy navigation
Record ride feature
Design Studio
Homepage
Record Ride Page
Mid-Fi Wireframes
Following multiple iterations in the design studio, we progressed to the wireframing stage, incorporating key features:
1. Record bike route
2. Personalized notifications for weather and safety
3. Save route (History)
Usability Testing
Ensuring a user-centered design, we conducted usability tests at every stage of prototyping, a pivotal practice in refining our product. Direct engagement with users yielded valuable insights, guiding us seamlessly through each iteration.
Our focus on testing began with the mid-fidelity clickable prototype, specifically evaluating the general structure of the ToRide app. This approach enabled swift adjustments with minimal effort, streamlining our transition to hi-fidelity mockups.
Mid-Fidelity Usability Testing Results
The results from the mid-fidelity navigation and satisfaction testing indicated a moderate performance. Notably, none of the participants expressed a strong inclination to rate the navigation or overall satisfaction with the ToRide app at a solid 5/5.
Key Takeaways
Problem:
Engagement: Users perceived the app as less engaging.
Motivation: Users identified a lack of motivational elements in the app.
History Page Importance: Users did not find the History Page to be significant.
Notification Visibility: Users encountered difficulty in locating notifications within the app.
Solution:
Homepage Redesign: We opted for a comprehensive redesign of the homepage, enhancing interactivity to actively encourage users to explore various app features.
Activity Tab Addition: An 'Activity' tab was introduced, dedicated to showcasing achievements and challenges.
History Page Reorganization: The History Page was strategically relocated within the Account Page for a more streamlined user experience.
Customize Notifications Enhancement: We implemented a dedicated 'Customize Notifications' tab in the primary navigation, ensuring seamless access and personalized control.
Homepage Redesign
After conducting usability testing, it became evident that Alex sought greater motivation to engage with the app and embark on biking adventures. Recognizing the need for a homepage redesign, we observed that while our app excelled in providing safety notifications, it lacked the motivational spark to inspire action. Our approach involved dissecting motivation into intrinsic and extrinsic factors, recognizing the importance of both.
Drawing inspiration from successful apps like Nike Run, we implemented personalized messages and introduced a dedicated section for initiating rides and exploring new challenges. This strategic shift aimed to strike a balance between ensuring user comfort and providing extrinsic rewards, enhancing the overall user experience.
Onboarding
In addition, we incorporated onboarding pages to warmly welcome first-time users, facilitating an effortless setup of their weather preferences before they dive into the app experience.
Hi-Fidelity Usability Testing Results
Subsequent to the homepage redesign, onboarding implementation, and navigation adjustments, users exhibited increased satisfaction levels and reported enhanced ease of navigation within the app.
What People Said
“The navigation was easy to understand and straight forward.”
“The achievements are colorful and fun.”
“I like that this app will motivate me to ride”
Next Steps
In our next steps, we aim to further improve the first-time user experience by creating an interface that guides users through the app’s main functions during their initial use.
Also, we would like to conduct quantitative research to provide users with wider amount of resources to ensure their comfort and motivation for their bike rides (such as potential new features, addition of different information in their notifications, other motivators, etc.).
And to further improve upon the user experience we would like to enable the application to connect to apple health and develop a companion app for devices such as apple watch.