Comrade: A way to make connections along your fitness journey

Problem Overview

Exercising with a friend or group of friends has numerous proven benefits. These include things like added motivation, increased likelihood to stick with a routine, the ability to hold each other accountable, and in general more fun. However, for freshman, transfer students, or really anyone new to a university, it can be a very daunting task to find people who share similar workout schedules and interests. There is currently no easy way for students to connect with each other specifically based on their exercise or athletic interests.

Our Solution

In order to combat this problem, we designed Comrade, a smartphone app that allows users to connect with partners and groups to workout with and play sports. With our design, users can create and join groups, connect with like-minded individuals, and schedule workouts and sporting events. Comrade gives users the ability to interact with each other and specify their exercise goals, interests, and availability so that making meaningful and long-lasting connections is effortless.

Initial Prototyping and Usability Testing

Paper prototype

Testing Process

Using the paper prototype pictured above, we conducted three usability tests in order to further understand flaws in our current design and to iterate accordingly. We also wanted to gain insight into aspects of the original design that users enjoy. For each of the three user tests, Tad was the facilitator, while Camden acted as the computer and Aaron was the note taker.

  • Find a gym partner that goes to the UW IMA


Based on the usability tests that we conducted, we gathered valuable information that we used to iterate on our prototype and ultimately inform us on how we would later translate this into a digital mockup. Outlined below are three of the biggest changes we made to our prototype based on critical incidents and user feedback during testing.

Matching & Invites

We created a new section in the matching tab that showcases a user’s active and pending invites. When a user requests to join a group, they will be notified of their request to join, and the requests will be displayed in a pending tab until they are approved. Once approved, the member will get a notification, and the group will now be listed in their active list. We also added options for users to leave groups, and manage privacy settings for instant-joins or approval required joins.

Search bar on search page

We added a search bar to the search page for a few reasons. The first is that the label ‘search’ gives users the assumption that searching anything they choose will be an option. Next, we realized that it gives users a lot more flexibility for searching and finding groups/workout partners. We didn’t think about the scenario where a user may want to join a group that they already know the name of. In this case, it is much easier to just search for the name, rather than to have to go looking through existing groups.

Scrollable results page

As an enhancement/modification to our paper prototype, we made the results page scrollable. We believe this is an important modification because it captures a vital user interaction in our design and wasn’t apparent before. It helps us understand our app better and helps us plan for the digital mockup. It also makes our prototype more realistic since we’d hope our results page to be more than just two groups.

Digital Mockup

After compiling our results from usability testing and coming together as a team, we worked to resolve any flaws that we identified and finalize our paper prototype. Based on this design, we began to translate it into a digital mockup. Outlined below is an overview of the final digital mockup and walkthroughs on how it supports our two primary tasks.

Digital Mockup Overview

Task Walkthroughs

Task #1: Create a group to play a specific sport

Mockup Screen

Task #2: Find a workout partner that goes to a desired gym

Mockup screen


We found that many students want to meet new people to workout with and play sports but don’t have any easy ways to do so. That’s why we designed the smartphone app Comrade. We hope that with Comrade’s unique support for user interactions specifically revolving around exercise and athletics, we can help students create long-lasting connections to take their fitness journeys to the next level.




University of Washington Computer Science, Intro to Human Computer Interaction

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Technologies to Learn in 2021 — AR/VR Product Design

Case study for a cryptocurrency watchlist — Cryptowatch

A collection of some screens from the cryptowatch UI design in display

The Allergic Pursuit of Deliciousness

Spaces to Places: How Placemaking is Benefitting Alabama Communities

How to make a face mask at home Easy

Author and Architect William J Hirsch Jr.: Why living in a well-centered home will reduce your stre

The UXing of Service Design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
CSE 440 Staff

CSE 440 Staff

University of Washington Computer Science, Intro to Human Computer Interaction

More from Medium

How I’m Battling Depression and Bipolar Disorder During the Coronavirus Pandemic'

The Power of Being You!!

Hello World — Rediscovering My Voice

South by Southwest 2022 Guide to Women, Health & Tech Sessions