Project:
October - November 2022, Remote
Mobile App, Chat System Redesign
Optimizing chat system to improve onboarding experience and increasing activation rates for "communicators and bookers."
Javelin was launched in 2017 and centered around the concept of creating a pick-up league communication platform with in-app messaging.
My Role
UI/UX Designer
Team
Sammi Wu, Sarah Wroblewski, Jerry Lu, Dylan Cameron
Duration
October - November 2022 (40 Hours, approximately 5 weeks)
Tools
Figma, FigJam, Miro, Slack, Google Drive
Let's brainstorm some wants for the project:
Quick, manageable improvements
Increase activation rates from ‘communicators’ to ‘bookers’
Increase new-user join rates
Evaluate improvements to in-app group messaging feature
Encourage users to generate content/product
Improve product life growth
Our team conducted research using four user experience design methodologies:
1. heuristic analyses
2. user mapping
3. user-interviews
4. usability testing
We also evaluated data provided by Javelin to establish an understanding of the current user metrics.
Analyses & Brainstorming
To understand the functionality of other platforms a brainstorm session was synthesized into a heuristic session, focusing on three distinct features: search, social, and personalization.
In this case, we used empathy mapping to amplify our understanding of casual users and set a solid foundation for articulating the motivations of our target group.
To further define the motivations of our target group, we charted user personas to identify personality traits, interests, influences, and goals for a range of use-cases.
Asking Users About The Platform
Prior to user-testing, our team framed questions to participants to allow for conversation around the functionality of the current product, which provided insights into user profile as well as their familiarity with sports management or fitness platforms.
User Flows
To better understand the user’s journey on the platform, we documented user flows for three primary routes of the existing product: onboarding, joining/creating teams, and booking facilities.
Initial User Testing
Usability testing of the existing platform was conducted with five participants. The results allowed our team to further understand some of the challenges, pain-points, and successes of the product and articulating them in the form of a comprehensive affinity diagram.
Exploring Solutions
Iterative Sketches
Each team member compiled a series of eight sketches outlining layout, features, and ideas expanding upon the initial user testing that was conducted.
Low Fidelity Wireframes
To expand upon sketches made, a series of semi-low fidelity wireframes were created proposing new product design changes. The wireframes allowed our team to assess which functionalities, layouts, and components would be iterated on further.
As part of our iterative process, our team designed additional features that could improve usability. Specifically, a mapping feature that enables users to check their proximity to events and pick-up games.
Main Design Focus &
High Fidelity Frames
Due to time constraints of this project, our team elected to focus our efforts on possible improvements to the functionality, layout, and organization of the in-app messaging feature. We combined the messaging and teams pages into a singular communities page. Combining the messenger and teams page into the, "communities," allowed our high-fidelity wireframes to simplify navigation, and add badges that could identify administrators, Javelin endorsed accounts, and display team/group categories.
