Project Motivation
Fine Tune is a personal passion project and a design case study that was originally driven by two major frustrations of mine.
Duration: 9 Weeks
Team: Solo Project
Tools: Figma, Adobe PhotoShop, Illustrator, XD, Miro, After Effects
Introduction
Fine Tune is the ultimate community hub for music listeners and assistant for downloading and organizing music!
Role: Interaction Design, UI Design, User Research, Prototyping, Wireframing, Usability Testing
I began my research process by conducting secondary research online to confirm if my problems were shared by other music app users.
To help better understand my audience and the challenge, I surveyed 60 music app users between the ages of 16 and 39.
I asked them what features they use to download music, features they feel are currently lacking, and if they would use social features in music apps.
Next, I conducted 10 user interviews with participants (ages 16 - 39), in order to get a more in-depth view of the common pain points that were found during the survey.
Next I conducted competitive analysis with Apple Music, Spotify, SoundCloud, Tidal, and Pandora in order to better understand general user needs and pain points.
After analyzing my research data, I organized my notes and narrowed down my insights into three main takeaways that would guide my entire design process.
Next, I created two user personas in order to focus on addressing the most apparent problems and to fulfill the needs of two important user groups.
Next, I used the MOSCOW method to prioritize features according to the insights that were most prominent from my research. The method helped me organize and ensure there were not too many features.
My next step was to establish the hierarchy and the information architecture of the app. To help my thinking, I created user journey scenarios and I filled out a user journey mapping.
Now that I figured out my user flow and my features, I began to draw out low-fidelity screens. Then I refined the screens and moved them onto digital wireframes.
Once I created my first iteration, I began usability testing with 8 participants. They carried out eight different tasks and I recorded how their performance was.
The main takeaway from this round of usability testing was that the UI was cramped, wordy, and had confusing iconography.
Next, I conducted usability testing again with the same 8 participants, on a later date.
But this time, after the testing, I asked them to leave comments on my wireframe screens. I asked my participants to write down pain points and improvements they saw.
.png)
