The music streaming service, Tidal, is coming out with a new feature called TurnUp that allows users to simultaneously play music through multiple devices. This could be used to create a multi-room audio system or to share music with family and friends. The objective of the project was to design the user experience and interface of TurnUp. This project was part of the Designlab UX design program.
I created a UX strategy document to summarize the goal, expected use, design criteria, and success metrics for the project.
Tidal will provide a full-feature music player with built-in music syncing capabilities. TurnUp will allow users to seamlessly sync music across devices from anywhere.
I performed competitive analysis on other music streaming and music syncing services. I found that the most important feature was how well the devices synced followed by how easy to use the music syncing feature was.
I also surveyed 40 music listeners on their behaviors and how likely they would use a music syncing feature. What stood out in the results the most was that 87% of respondents indicated they would not use the feature or were not sure if they would use the feature. Therefore, conversion and retainment were especially important.
Based on the research results of the demographics and behaviors of the music listeners, I created the following persona that captured the scenario of a user wanting to sync music with her friends.
Because it was important to be able to easily convert users, I focused on creating a seamless integration of the TurnUp feature into the existing Tidal experience so that both existing and new users would be able to easily use TurnUp. Successfully creating this integration started with the user flows for the following scenarios:
Then I created low fidelity wireframes for the different user flows. I focused on maintaining consistency with type, spacing, content, and elements. I also added the TurnUp feature to the main navigation for easy access.Click to open image in a new tab
I ran an in-person usability test with a user from the targeted demographic. The user was a daily user of Spotify but had never used or heard of Tidal. I created a prototype using Marvel and recorded the user's actions while completing a list of scenarios I gave him. The notable area of confusion was how to add music to TurnUp when the TurnUp queue is empty. So I modified the instructions in the empty TurnUp queue screen to be more clear and added an animated video of how to select the song's options menu and add it to your TurnUp queue. I performed a usability test on the same user with this modification and he found it to be much easier to understand.
Then I created the high fidelity mockups. Below is how the user would access the TurnUp feature through the main menu on the home screen.
These are all of the high fidelity screens. Maintaining visual consistency between the current Tidal design and the TurnUp design was the main priority.Click to open image in a new tab