Hoop Central

UX Design
client
LAES Department of Cal Poly
COLLABORATORS
Fiona Robinson (mentor)
project year
2022
role
UX/UI Designer
tools
Figma, Google Applications
duration
6 months

Project Description

This was my senior project dedicated to the Liberal Arts Engineering Studies department of California Polytechnic State University, San Luis Obispo. I took on this project because I found that the basketball community in San Luis Obispo was growing but most basketball players only knew about the basketball courts on campus. I wanted to help this community locate and review basketball courts outside of campus to help expand the basketball community across San Luis Obispo by designing a mobile app that would do just that. In the end, I was able to design a fully-tested, final prototype that would be passed on to the university in which future students can further develop to better the experience of the basketball community in San Luis Obispo.

My Process

User Research

Conducted a survey and multiple interviews. Then, did further research by creating scenarios, use cases, persona, systems map, auto-ethnography, and competitive audit report. After doing research, I composed a problem statement and goal statement for this project.

Wireframe, Lo-fi Prototype & Test

Drew 5 potential wireframes for each major screen, chose best features from each one, drew out a final wireframe, and digitized each final wireframe. Then, performed a usability test on the wireframes.

Hi-Fi Prototype & Test

Added color, typography, and other visual design elements to create a hi-fi prototype of the app.

User Research

Survey (Google Forms)

72.7% of participants valued convenience when looking for a basketball court to play on.

Many of the participants mentioned they wanted to be able to know how crowded a court was before making the trip.

Interview

When asked what step of the basketball court finding process was the hardest to accomplish, Noah mentioned: “finding a basketball court that is open because I wanted to play a game but they were all full in ever court.”

“Waiting for a game is the most annoying thing to accomplish when all the courts are full.”

Systems Map

Competitive Audit Report

Main competitors: Fullcourt, Ballnow, XvsX Sports, Check-Up

Opportunities: Provide users with the ability to find nearby courts and review them.

Auto-ethnography

Persona

Scenarios

  1. Analisa just finished class for the day and wants to go to a basketball court to destress and play basketball.
  2. She opens the Hoop Central app to search for the nearest outdoor basketball court from her house
  3. She sees “DeVaul Park” as the closest outdoor basketball court but sees that there are a lot of players at the court, so she decides to browse for the next closest basketball court.
  4. She finds “Meadow Park” and sees that there are only a couple of people there and it has great reviews.
  5. Analisa pulls up the directions to the park and drives there to play basketball.
  6. After an hour of shooting around on the court, Analisa finds that she loves the court. She pulls up the Hoop Central app to review the court and plans to come back another day!

Use Cases

  1. Persona A of using Hoop Central iOS app could see the location of all the basketball courts by opening the court interface.
  2. Persona B of using Hoop Central iOS app could see all the indoor basketball courts by touching the “indoor” filter button.
  3. Persona C of using Hoop Central iOS app could see all the outdoor basketball courts by touching the “outdoor” filter button.
  4. Persona D of using Hoop Central iOS app could view all the pictures, information, crowd data, reviews, peak times, and location of a specific basketball court by pressing a specific court button on the interface.
  5. Persona # of using Hoop Central iOS app could review a court by pressing the “review” button.

Problem Statement

Devonte Williams is a first-year college student who loves to play basketball. He has been playing basketball competitively since the age of 10 and wants to find a good basketball court to shoot some basketballs. He also wants to find a group of basketball players where he can shoot around with and play pick up games easily. He is looking for a an easy way to find basketball courts.

Project Goal

Our Hoop Central app will let users be able to find and review basketball courts around them. We will measure effectiveness by conducting usability tests in which users will find a basketball court using the app.

Wireframe, Lo-fi Prototype & Test

Part 1: Wireframe

I sketched 5 potential wireframes for each screen, chose the best features from each sketch to combine them to a final one where I then digitalized each one.

Home page paper wireframes
Home page digital wireframe
Menu page paper wireframes
Menu page digital wireframe

Part 2: Usability Study

I performed a quick usability study where I recruited 5 potential users, asked them to perform certain key tasks, and used certain key performance indicators (KPIs) to measure the success rate. I then, analyzed the results in an affinity diagram and developed the following insights:

Insight #1
Based on the theme that:
most users had trouble navigating through the location page.
An insight is:
users need to be able to filter through the location page.
Insight #2
Based on the theme that:
users wanted to be able to have a separate page to see their favorite courts.
An insight is:
users need a separate page in the app to view their favorite courts.
Insight #3
Based on the theme that:
users wanted to have an overall rating for each court when reviewing each court.
An insight is:
users need an overall rating in the review a court page.
Insight #4
Based on the theme that:
most users view courts on the location page by amount of courts.
An insight is:
users need the ability to filter courts on the location page by number of courts.

Hi-Fi Prototype & Final Mockup

I applied insights from the previous usability study and implemented color, typography, and other visual design elements to create the final mockup and hi-fi prototype! Feel free to interact with my product through the link below.

My takeaways and next steps

I would first like to thank my mentor Fiona Robinson as she helped me a lot during the research and usability testing phases. Being the first personal project and app design I have ever done, I am pretty proud of myself! I learned a lot about the actual implementation of design rules and gained a lot of experience in prototyping on figma. If I were to redo this project, I would probably implement one more round of usability testing after the hi-fi prototyping as I added a lot of visual designs during that phase. I know there is a lot to improve on for my next project but I am happy I was able to use my love for basketball to help impact the basketball community in San Luis Obispo.

Let's work together!

I am looking for full time/contract/internship opportunities in Product Design! I am also actively looking to collaborate with driven entrepreneurs to build a product that can help improve people's lifestyles!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.