How I Would Design a Music Sharing Feature on Spotify

Designer | UI/UX Design | 2020
I often have trouble deciding what music to play on road trips with friends. I wanted to see if others faced the same problem, and if so, design a feature that would make choosing songs easier and more fun.

timeline

2 months

tools

Figma, Adobe Illustrator

skills

UI/UX Design, usability testing, prototyping

role

Sole designer

Any Song Requests?

Two responses I often receive to this question are:

  • Silence. After which I either list a bunch of genres hoping to break the indecisiveness, or queue songs that I think my peers will like.
  • A sudden burst of suggestions. Where I then rush to my phone and do my best to queue the songs up before I forget them.

Music is an important part of my hangouts with friends. Whether it’s keeping the vibe going at big parties, choosing road trip jams, or sharing new songs. However, when choosing music to play, I often struggle with knowing what my friends want to listen to, or find adding multiple song requests tedious and annoying.

Deep Diving

To see if others experienced the same difficulty, I collected survey responses from 15 people. People I surveyed met the following criteria: 

  • In their early 20s through 30s (millennials) since they represent 55% of Spotify users, and 40% of Apple Music users.
  • Has experience using music streaming services.
  • Plays music when hanging out with friends.

Key Insights

Through analyzing survey responses, I learned that my music sharing frustrations were not uncommon. To draw more specific findings, I grouped similar themes and arrived at the following key insights.

Making a Spotify Group Queueing Feature

Personas

From the data collected, I made two personas to summarize my understanding of the problem, and humanize the design focus.

This culminated in following problem statement: How might we make the music selection process in group settings more efficient and fun?

Solution Exploration

I decided to create a group queueing feature on Spotify. Respondents indicated that they used queueing to add song requests in a group setting. Further, most respondents (80%) used Spotify was their main music streaming service.

I then sketched out three options for the workflow of joining a queue, and listed the pros and cons for each. I decided to use a combination of scanning a queue code and sending invites to join a group queue.

1st Iteration | Prototype

In the feature’s initial design, the Group Queue feature was accessed via the Go to queue button in the song menu. Users can invite friends to join their group queue by showing them the queue code, or alternatively by pressing Send Invites and selecting which friends they want to invite.

1st Iteration | Usability Testing

Usability testing on the initial design involved 3 participants. Participants were asked to complete the following tasks:

Following testing, participants were asked debrief questions. Testing was done remotely using screen sharing on Google Meet.

1st Iteration | Usability Issues and Design Changes

A total of 9 usability issues were identified. The table below lists the issues by severity / consequences and by the number of participants that encountered the issue. This ordering helped me prioritize design changes.

2nd Iteration | Prototype

The biggest change from the 1st to 2nd prototype was replacing the scan and send invite workflow with a password entry workflow. The new workflow is similar to the workflow for joining a wi-fi network. Users would be shown a list of group queues nearby, and can join by selecting one and entering the password.

2nd Iteration | Usability Testing

In the second round of usability testing, 3 participants were asked to complete the following tasks:

2nd Iteration | Usability Issues and Design Changes

In the second round of testing, a total of 8 usability issues were identified, none of which had severe consequences. Design changes were again prioritized based on severity / consequences, and the number of participants that reported the usability issue.

Latest Prototype

Overall, participants felt that this new feature would help make the music selection process easier and more fun. During usability testing, all participants indicated that they would use group queueing if implemented. One participant said that it was a,

"...good way to listen to music with friends and it's easier than having one person having to find every single song on the playlist."

However, there's still a lot that could be done to improve group queueing: What if users could automatically join a queue if they were under the same wi-fi network? Can the group queue make song suggestions based on queue members' listening history?

These are some questions that I’d like to expand on as I continue to work on this project. For now, click here to explore the latest Figma prototype.

Reflections & Learnings

As I reflect on this project, a few things I would do moving forward are:

next project →

How I Would Redesign the Goodreads Website