SynQ

Connecting Runners, One Stride at a Time

client
University of Washington
role
End-to-End UX Designer
duration
2024 (10 Weeks)
team
2 UX Designers, 2 UX Researchers

At a glance

Revolutionising running experiences by combining users' personal running goals with social connections, to enhance motivation, build lasting friendships and encourage an active lifestyles. This project is in collaboration with four diverse and talented creatives. My contributions throughout the end-to-end Human Centered Design project focused on reimagining runners experience. Together, we developed an innovative solution that integrates user insights with thoughtful design, resulting in features that create a sense of community and personal growth for runner.

My Impact

As the UX Designer, I transformed user insights into intuitive interactions, enhancing motivation, engagement, and community in the running experience. Through research, prototyping, and testing, I designed solutions that seamlessly balance personal goals with social connection.

The Challenge

While many runners seek companionship to boost motivation and enjoyment, finding the right running partner can be a challenge. Logistical barriers, such as scheduling conflicts and pace differences, often prevent meaningful connections. Additionally, compatibility extends beyond running ability—interpersonal factors like conversation styles and shared interests also play a crucial role. We aim to break logistical and compatibility barriers, making social running more seamless and fulfilling.

A social behaviour theory, Self-Determination Theory, suggests that intrinsic (e.g., personal progress) and extrinsic motivation (e.g., social connection) influence engagement by fulfilling psychological needs for autonomy, competence, and relatedness.

Image of key challenges for Asha, highlighting time constraints, environmental impact, limited culinary variety, and insufficient food management as core issues to address in the project.

The Approach

This project applied the double diamond approach, everage human-centered practices to create a solution for social runners to find companions.

Image of the design thinking approach for Asha, outlining the process from empathising through research, defining insights, ideating solutions, prototyping, testing, and finally evolving through algorithmic solutions.

Final Designs

Explore runs

Enable users to discover nearby group runs, tailored to their preferences with customizable filters.

Highlighted that runs are displayed within a 5-mile radius, refined filter designs based on insights from A/B testing.

Conversation levels are defined clearly and socialization opportunities available during and before/after runs.

Recipe Generator

The recipe generator empowers users to create personalised meals based on their cravings, dietary needs and on-hand pantry ingredients.

  • Customisable Recipe Suggestions: Users select meal preferences and dietary restrictions to generate tailored recipes.
  • Interactive and Guided Flow: A step-by-step approach helps users discover creative meal ideas effortlessly.

Home

Enable users to upload FASTQ files (DNA sequencing text based files) to initiate fusion detection directly from the home screen.

Users can filter and sort through files and create folders to organize the data for more streamlines upload-to-results pipeline with realtime updates and clear progress.

Parameters

Allow users to customize key analysis parameters prior to running the pipeline.

Parameters are clearly labeled with helpful default values to support novice users, while advanced users can fine-tune settings to fit specific research needs.

Progress

Provide users with real-time visibility into each stage of the fusion detection pipeline through a clearly segmented progress tracker.

Each module, from read alignment to fusion calling, is labeled and dynamically updated as steps complete.

Results

Display fusion detection results in a concise, user-friendly table immediately after analysis completion.

Designed to support quick interpretation and downstream decision-making, with the ability to scroll, review, and export data for further analysis.

Settings

Enable users to configure essential app settings such as file storage location, cache management, and update preferences.

Users can change default settings of parameters in the settings to personalize the fusion detections settings based on their needs.

Profiles

Allow users to personalize their profiles to share content on profile based on privacy preferences.

Agency to expand their network by connecting with compatible runners through friend requests.

create runs

Empower users to design runs by setting location, pace, and distance while fostering community through nearby runner participation.

Enhanced customisation options for greater control, including socialisation preferences and granular interest matching. Added seamless run-sharing across social media.

My runs

Keep a track of all runs—upcoming, hosted, and saved for later—organised in one place, along with related notifications like join requests, their statuses, and friend requests.

Updates were informed by user insights to align seamlessly with the overall experience and ensure consistency throughout the app.

Onboarding

Enable users to set running and social preferences like pace, experience, and interests.

Added a product overview with engaging wording and playful icons.

Introduced onboarding questions for personalisation and an app walkthrough for seamless navigation.

detailed process

User Research

Overall, we conducted 4 competitive analyses, 25 survey responses, and 4 interviews to explore user needs in running apps. Key insights highlight motivation, social connections, and safety concerns, with a competitive analysis of Strava, Nike Run Club, Peloton, and Meetup.

Infographic showing how expert interviews, feedback sessions, and usability tests led to four design goals: improved navigation, clearer workflow, better result interpretation, and a cohesive design system.

User Personas

We defined two personas, Primary and Secondary

  • The Social Runner (Primary): casual runner who values running as a way to relax, connect with others, and explore new areas, but seeks a compatible companion to match their pace, goals, and energy level for a comfortable and enjoyable experience.
  • The Meditative Runner (Secondary): views running as a personal and mindful practice, using it to clear their mind, reduce stress, and find a sense of inner peace, preferring solitude or minimal distractions during their runs.
No items found.

A comparison of the current (first image) and revised (second image) Nanopore App flows, showing a shift from linear navigation to a more organized, expert-informed layout with improved sorting, navigation, and tab structure.

Ideation

The ideation session explored key running companion app features, including companion recommendations, safety, meetup spots, search filters, and community engagement, using paper sketches to map user needs and interactions.

A stakeholder map for BioDepot Workflow Builder (Bwb) showing concentric layers of end users, direct and indirect stakeholders.

Information Architecture

The information architecture organises the app into five main sections - Onboarding, Explore Runs, Create Run, My Runs, and Profile—each with clear sub-functions, allowing users to seamlessly set preferences, find and host runs, track their own runs, and manage their profiles.

Information Architecture of SynQ

A journey map outlining user steps, pain points, and design opportunities in the Nanopore app workflow. Starting from launching the app to editing workflows.

Low Fidelity Prototypes

No items found.

Image of usability testing and prototypes for Nanopore, showcasing home, parameters, progress and results screens, focusing on usability of legacy and revised versions.

Design System

Creating this design system ensured consistency and efficiency by defining typography, colours, icons, and components. This streamlined framework enables faster iteration, better accessibility, and a cohesive user experience, making the interface intuitive and polished.

Link to Design System Figma File

Image of a design system, including logotypes, colours, typography, icons, UI components, and customised elements, ensuring consistency and scalability of Nanopore.

Usability Testing

To evaluate the effectiveness of our running app prototype, we conducted usability tests with four participants across key features: onboarding, profile setup, exploring runs, and creating runs. Our findings highlighted areas for improvement in clarity, customization, and user expectations, which guided iterative design refinements to enhance the overall experience.

No items found.

Images of usability testing findings for a recipe app, highlighting user feedback on meal selection, onboarding, pantry organization, and home screen improvements.

Link to Github Repository
Information Architecture of SynQ

The image shows Python code for constructing a CNN model using TensorFlow and Keras, featuring convolutional, max pooling, flatten, and dense layers, compiled with the Adam optimiser and categorical crossentropy loss.

Key Learnings

Working on SynQ provided valuable insights into designing for social running experiences. Here are my key takeaways:

  • Balancing Personalisation & Community: Designed features that support individual running goals while promoting social connections.
  • Logistical & Compatibility Challenges: Addressed scheduling conflicts, pace differences, and interpersonal compatibility to facilitate seamless social running.
  • Intrinsic & Extrinsic Motivation: Integrated Self-Determination Theory to support both personal progress and social engagement.
  • Iterative Design & User Feedback: Used research, prototyping, and testing to refine the design based on user needs.
  • User Agency & Privacy: Ensured users have control over profiles and privacy settings to build trust and encourage participation.