Lineup Sharing
-
Platform iOS & Android
-
Timeline Jan - March 2024
-
Team Solo designer - 1 product manager - 6 engineers - 1 QA
-
Tools Figma, pen & paper, dovetail, Figjam
Problem Statement
In baseball and softball, coaches often struggle with entering their opponents' lineup information into the Game Changer app. This is because they typically receive the lineup just minutes before the game begins on paper, making it time-consuming to manually input each player's details. Our goal is to alleviate this challenge by providing a solution that streamlines the lineup-sharing process for coaches.
Solution Statement
After exploring different approaches such as utilizing QR codes, NFC, or manual lineup photo uploads, we deliberated over engineering limitations, project timelines, and user feedback. Consequently, we concluded that implementing a QR code system best met our objectives. This streamlined solution enables teams on GameChanger to effortlessly exchange lineup information within seconds.
Discover
To conduct research for this project, I thoroughly analyzed user feedback data, interviewed several coaches, and conducted ethnographic research on the field during games. In addition to the steps above, I conducted a competitive analysis to assess existing solutions in the market landscape. This comprehensive approach allowed me to gain insights into the pain points experienced by users and informed the development of an effective solution.
User Segment Analysis
According to our data, lineup sharing would have the largest reach as around 2.26m games in 2023 would have had access to this feature. Most months would see over 50% of eligible games gaining this feature.
User Interviews & Ethnography Research
I had to get a deeper understanding of WHAT is users' journey when it comes to sharing lineups. WHERE is the pain point? WHY is that a problem?
I chose Ethnography research because I needed to see coaches in action to understand how we can help them.
After engaging with six coaches during an event and conducting ethnographic research where I observed two coaches facing challenges in real-time lineup additions, I gained a deep understanding of their pain points. This insight enabled me to clearly envision the next steps in addressing their needs effectively.
"Please let us share lineups between opposing teams. We have a lot going on before the game and this would make things so much easier!"
Coach Catalanato
"I hate how coaches can't share lineups with the opposing team in the app. This simple task would make our lives so much easier before the games."
Coach Chandler
"Sharing lineups can be time consuming, especially during tournaments where time between games is tight"
Coach Casella
Competitive Analysis
After finding out that sharing lineup information is so important for coaches and not that intuitive, It was time to check what is out there!
After delving into competitive analysis, I discovered that there isn't a competitor offering an easy lineup-sharing solution. This realization inspired me to strive to become the premier designer of user experiences in this niche, aiming to provide unparalleled convenience for our users.🎉 Besides competitors' features, I explored methods that we "share information" in daily life to find methods that seem familiar to users.
Define
Once the Discover phase was complete, I convened with the TRIO team to ensure alignment and prepare to communicate our findings to the engineers. Following that, I geared up to dive into the user journey within the application and brainstorm potential solutions with our team.
Current In Game Journey map
Current Out Game Journey map
Design
Let's the fun BEGINS!!!!!
Ideation - Rough Sketches
After defining user journeys and understanding their pain points, I ideated solutions and captured them with rough sketches to share it with the team in an workshop in an early stage. I proposed three methods for lineup sharing: 1. NFC, 2. scanning QR codes, 3. taking a picture of a paper lineup.
Ideation - Workshop with team
The workshop aimed to gather team feedback, ensuring focus on the most feasible solution and design, and also an opportunity to discuss engineering limitations.
Ideation Result summary
During the workshop, I proposed three methods for lineup sharing: NFC, scanning QR codes, and taking a picture of a paper lineup. After discussions with whole team, we determined that:
- NFC wasn't feasible due to compatibility issues with iPads, which many users utilize.
- While taking a picture of a paper lineup seemed promising, it wasn't suitable for phase one due to potential time constraints.
Therefore, we decided to move forward with QR code sharing, as it emerged as the most viable option.
User Flow
This is a clean-up version of user flow with high-fi wireframes. Before this, it was a messy but fun sketch! The flow includes iOS designs. You can see Android wireframes in the next section.
Wireframes & Prototype
After the workshop, I brainstormed around the QR code idea and its integration within the app. After creating some low-fidelity designs, I tested them with 5 users. Based on their feedback, we confirmed that the design was effective, and I proceeded to work on the high-fidelity version that you can see here: If you're interested in seeing my low-fidelity sketches and designs, feel free to reach out to me. However, for a quick overview, you can view the designs here in iOS and Android:
Android Wireframes
What's Next?
We launched it on iOS in March 2024 and Android is in the process. We are keeping an eye on how many users will be using it in the next 3 months and if there is any specific step that they might stop continuing the lineup-sharing process. If it doesn't meet our expectations we will revisit the UX soon!