Sporty App

Play Sports & Make Friends with Active People
UI/UX
Product Design
Research
Testing

Overview

This bootcamp project aims to create an app for people to play sports and make friends with active people.
My Roles
  • Solo UI/UX Designer
  • Solo Product Designer
  • Solo UX Researcher
Specifications
Duration:
  • May 27, 2024 - Aug 8, 2024
Tools:
  • Figma
Deliverables
  • Secondary Research & Screener Survey
  • One-on-one Interviews
  • Affinity Mapping & Empathy Mapping
  • Personas
  • JTBD & HWM Statements & User Stories
  • Heuristic Analysis
  • User Flows & Site Map
  • Low Fidelity Wireframes & Prototype
  • High Fidelity Wireframes & Prototype
  • Usability Testings
Problem
  • People, especially who just moved to a new place, struggle to find others to play sports
  • Hosting sport events gets complicated with the lack of management
  • People struggle to find oppotunities to play sports.
Solution
An app that: 
  • Enables users to create / join games effortlessly.
  • Provides a platform for users to get connected.
  • Simplifies management for hosting games.
People struggle to play sports once they leave school.

Research

From secondary research, studies have found that:
  • 31.5% of participants cited time constraints as the top barrier in sports participation.
  • 30% of participants do not have access to parks / recreational facilities within a 10 minute walk from home.
  • Participants who join sport clubs and organizations have a higher participation rate in sports.
  • Gen Z holds the highest participation rate (55%)  among common sports in the US.
Primary Research
To better understand the problem space, I recruited 5 participants through screener surveys for one-on-one interviews. Below are the shared attributes of the 5 participants:

Affinity Mapping

To synthesize data from interviews , I started with affinity mapping, breaking 127 data points into 3 main themes: Preference, Pain points , and Solutions.

Empathy mapping

With Empathy mapping, I was able to identify the two target personas :
  • Working professionals who play sports casually
  • Young adults who play sports competitively

Personas

Through Personas, I was able to identify the needs, experiences, behaviors, goals, and pain points of the target users.

JTBD & HWM Statements

I listed out the jobs, needs, and circumstances of the target users using the JTBD framework, and came out with 4 HWM Statements as listed below: 
1. How might we help people find players nearby to play sports?
People struggle to play sports when they lack connections.
Proposed Solution 🛠️
An app that allows people to find games and players nearby.
2. How might we help people find players with similar skill levels to enjoy sports?
People find it difficult to enjoy sports with huge skill gaps between players due to the lack of competitiveness.
Proposed Solution 🛠️
An app that allows people to find games and players based on their skill levels.
3. How might we help people get to know each other better to start conversations?
People find games less enjoyable without someone to talk to during, and after games.
Proposed Solution 🛠️
An app that allows people to chat and make conversations before meeting in real life.
4. How might we help people identify respectful players to play regularly?
People tend to stop attending games if they encounter players who are disrespectful and aggressive.
Proposed Solution 🛠️
An app that allows people to add friends with each other and focuses on building friendships with like-minded players.

Ideating Solutions & User Stories

As a solo designer, I started with laddering to ensure that I fully explored and considered multiple facets of the problem space. I then did affinity diagrams and the four categories method to finalize and solidify my solution ideas. Lastly, I did user stories to identify the MPVs.  

User Flows & Site Map

After brainstorming an app solution. Here are the key user flows and site map that I created:

heuristic analysis & Mood boarding & Sketching

To better understand how industry leaders help users to play sports, I did a heuristic analysis on Facebook, Meetup, Bumble for friends, Tennispal, and GoodRec. After mood boarding and iterating on my rapid sketches, here are the final sketches for the app solution:

Early Validation with Paper prototyping

I conducted five one-on-one guerilla usability testings with UC Davis students at my local college gym. After synthesizing the data through affinity mapping, here's what I found: 
Test
Result
Findings

Low-fidelity Wireframes

After iterating based on user feedback, here are the
low-fidelity wireframes
:

Redesign: From player-focused to Game-focused

I decided to redesign the app that prioritizes joining existing games over matching with players since most users find it more useful and efficient. Due to time constraints, I went on designing high fidelity designs and validated the new design through two rounds of usability testings.

Design System

Here is a simplified design system that I have built.

Hi-fidelity Design

After 2 rounds of usability tests and numerous iterations based on test results and feedback, here are the key features of the final design.
Join Plans Effortlessly.
Find the right plans to join that suit your needs.
Create Plans within Seconds.
Create sport plans with organized sections with ease. Let's get creative!
Connect with Local Players.
Connect and meet local players to play sports.
Chat Before Meeting in Real life.
Chat and get familiar with others before hanging out.
Profile that Reflects Interests.
Show and find compatible players through sports that you're interested in.

Usability Testings and Key Challenges

Here are the top 3 challenges that I encountered from the 2 rounds of usability tests on red routes with 10 participants in total.
Challenge #1
Excessive hosting controls creates more things for hosts to manage.
Controls such as repeating games require more hosting management, whereas users want to host games in ease.
Solution
  • Remove controls that are less effective and too complex for the users.
  • Make games as "group chats" to simplify hosting for better flexibility and communication.
  • Make precise location, date, and time optional for better versitility.
Challenge #2
Game plans lack versatility for potential games that have uncertainties.
Due to the complexity on finalizing dates / location / number of players, users feel forced with required inputs before launching the plan.
Solution
  • Make games as "group chats" to simplify hosting for better flexibility and communication.
  • Minimalize required fields before creating a plan.
Challenge #3
Privacy concerns with showing plan location to the public.
Some users are concerned about privacy issues regarding to unwanted people showing up to the game.
Solution
  • Show full location only to group members.
  • Show city and distance only to non-members.

Design Validation

The design was validated through 2 rounds of usability tests and did not encounter errors during the last round. Here are the findings :

Final Design

Takeaways  📖

If I have more time ⏳

More Projects

Like What You See? Contact

darrenyang.design@gmail.com