August 2 2019 - August 14 2019
Project Lead, UX Research, UI Design
Adobe XD, Adobe Illustrator,
Vibrato is an all-in-one place for indie heads, hip-hop fanatics and everyone in between to post about music in creative ways using the rating, commenting and sharing features while sparking conversations with friends new and old.
Who are our competitors? How can we stand out from the crowd in this saturated market?
Are people interested in a music discovery app that can be used for daily use (will it pass the toothbrush test) ?
Who is the target audience? Does our target audience want something like this?
What is in it for the users? What are they getting from this application they won’t be getting anywhere else?
How can we spark interesting conversations on our platform that isn’t happening anywhere else?
What sort of challenges do we need to look out for that could come up in process?
When searching for direct competitors we could not find any current applications with a focus on personal music reviews. Although Vibrato appeared to be unique in this aspect, we still knew that Vibrato shared similar functionality to other music applications that could cause conflict when entering the market. With this in mind we targeted Last.fm as our main competitor and looked to see what they were doing.
We set up a Google survey and reached out to Last.fm users and asked them what they liked and disliked about the current state of the application
We received a near 500 responses to the survey. Below you can see some of the interesting data we collected.
Using the research that we gathered from our interviews and survey, we created some personas that we thought matched our data.
Once we felt like we had collected enough research we decided it was time to start laying the ground work for the project.
My team and I had a long discussion on how we wanted the interface of the application to work. We began a brainstorming session which resulted in some early sketches and notes that would be integral to the next design phase.
Once the sketches were complete and the overall ideation was set, it was time to wireframe our ideas.
It was important to be very carful with this step as it would be the basis for the final project. We spent a lot of time tinkering and changing how certain functions would work so we could get it feeling just right.
he profile page was the biggest challenge during this section as we wanted to display a lot of information about the users listing habits and reviews all while keeping the interface clean and familiar.
With our new wireframes ready we selected a group of users that we thought resembled our personas
We watched our users test the app via the Adobe XD application for iPhone. We instructed them to try accessing certain features of the application and to verbalize their thought process.
We took notes on their feedback and asked them what they would change.
With user testing and our wireframes complete, it was time to start our high fidelity design. We made appropriate changes based off our users feedback and created a concrete style guide to keep our design flow consistent.
This project is still a work in progress. Currently we are still developing new features for Vibrato as new ideas are still coming to us. One thing we know for sure is that there is a user base for this product. Looking to the future we will continue working to better Vibrato and eventaully find the funding to help us fully develop this project.