TOUCHTUNES
Recreating Musical Jukebox
May - 2023
UX | UI App Redesign
The study reveals a concerning trend of diminished user retention among newly acquired customers subsequent to their initial credit purchase or song selection on the jukebox platform. While the prevailing interface adequately served its purpose, it exhibited a number of functional drawbacks. Notably, it exhibited complexities in terms of navigation.
As part of the investigation, I assumed a leadership role in enhancing the interface, addressing usability and system-centric considerations concerns.
Role
Lead Product Designer & Researcher
Responsibilities
User Interface Design
User Research
Product Development
Problem Statement
The user interface of TouchTunes poses a notable hurdle for individuals who are new to the platform, causing perplexity and disenchantment, especially among those who lack familiarity with comparable interfaces such as the song queue card, main navigation system, and music search functionalities. This deficit in user-friendliness and irregularity detracts from the comprehensive experience offered by an otherwise promising tool for music enjoyment and sharing. As a consequence, this leads to diminished rates of user retention among recent adopters.
Stakeholders
Bars and Restaurants: TouchTunes relies on partnerships with bars and restaurants to provide its service to customers. These venues are important stakeholders as they provide the physical locations where TouchTunes operates.
Music Labels and Artists: TouchTunes licenses music from various music labels and artists to provide a selection of songs to its users. These stakeholders are important as they provide the content that makes up the core of the app's service.
Users: The primary stakeholders of TouchTunes are its users, who use the app to select and play music at bars and restaurants. User satisfaction is key to the success of the app.
Payment Processors: TouchTunes allows users to pay for their music selections through the app. As such, payment processors such as credit card companies and payment gateways are important external stakeholders.
Objectives
Simplify the menu hierarchy
Provide clear guidelines for navigation
Eliminate redundant menus
Create a clean and modern app interface
Improve the overall user experience
Hypothesis
Simplifying the navigation structure and reducing redundant menus will improve the user experience and increase user engagement and fewer bad reviews.
Integrating new technologies and features, such as personalized music recommendations, will improve the user experience and increase user engagement and retention.
Improving the design consistency throughout the app will enhance the user experience and improve user satisfaction.
Current UI
Happy Path Flow to Purchase a Song
Methodology
The research consisted of nine different interviews with users that already use TouchTunes. The interviews were run in bars that are already part of the TouchTunes app. The interview consisted of 8-10 foundation questions and from there we asked a few more depending on their answer. On top of that, we brought some app sketches in order to get some feedback from the users as well.
Brainstorming Process
After conducting several interviews with users of our app, we realized that there were several areas where our app design could be improved to better meet their needs. We therefore held a brainstorming session to generate ideas for how we could modify the app to address these issues.
We began by reviewing the insights we had gained from our interviews, highlighting the most common issues or pain points that users had identified. As we generated ideas, we discussed their potential impact on user experience, feasibility of implementation, and how they fit within our broader design strategy. We also prioritized ideas based on their potential impact and the resources required to implement them.
Lo-Fi Sketches
Lo-Fi Test Insights
Personalized Music
6/9 participants recognize that the main reason for using the app is to choose the music it sounds at the venue.
UI Issues & Frustrations
7/9 people consider that the app UI is sometimes frustrating and that can be improved by simplifying it.
Music and Genres Limitations
5/9 Users consider that the app has music and genre limitations like music not being available among others.
Lack of Information
6/9 users consider there is a lack of information in general about the app. It doesn’t teach you a lot of things.
Mid Fidelity Wireframing
The redesign strategy aims to ensure a smooth user experience by streamlining the interface, enhancing search features, refining navigation, and optimizing the song queue mechanism. My objective was to deliver a user-centric interface, efficient song search functionality, intuitive navigation, and transparent visibility into the song queue.
