Claire Elizabeth Stringer
Spotify iphone Mockup.png

Spotify Connect

Spotify Mockup.png

Spotify Connect


The Client Spotify            My Role  Design Researcher and User Experience designer           Timeline 80 hours



As part of DesignLab's UX Academy I was prompted to design a new feature within the Spotify product.

The Challenge

Spotify’s mission is clear: “to help people listen to whatever music they want, whenever they want, wherever they want - in a completely legal and accessible way”. As a streaming music service, Spotify is the group lead, and it wants to stay that way. For this reason, they want to improve engagement and retention in the app. To do that, they want to expand on their social capabilities and build out a feature that will further connect their users to each other.

The Results

Spotify Connect allows users to match with each other according to their listening patterns. Whether a user wants to quickly discover new music from a friend, or find a common ground playlist with a stranger, the new Connect conveniently partners users together.


Clickable Prototype

My Process

Research & Discovery  |  Synthesis  |  Define & Ideate  |  Strategize  |  Interaction Design  |  Testing  |  Visual Design


Research and Discovery

My goal was to uncover how and why people share music with each other. What goes into their decision making process? How do they currently hear new music? And what are the pain points they encounter while trying to connect with others through music? After drafting up my research plan and an interview guide I approached people at my local coffee shop to discuss their experiences.  

Compet. Analysis@2x.png


I compiled my research by organizing the comments from my interviewees into an Empathy Map. From there I could locate patterns that emerged, which expose the goals and need of the user. 


Meet Alexis


She is the persona created from my research findings. She considers herself a music lover and has specific friends that she relies on to discover new music because they share a similar taste. She needs a way to efficiently find and organize the music she encounters. 

Persona Spotify.png

Define and Ideate

HMW Spotify.png


After brainstorming ways to address Alexis's needs I started mapping a possible solution. I began with an application map and then moved on to user flows. I wanted to show how the new Connect feature would integrate into the existing product. 

With Alexis in mind I charted the flow of using the new Connect feature. This helped dictate what screens I would need to design next.


Interaction Design

Low-Fidelity Wireframes


Mid-Fidelity Wireframes

Mid-Fid spotify.png




Before moving on to the final visual design, I wanted to test my mid-fidelity prototype. I outlined a test plan and performed five in-person usability tests using the InVision app. Each participant was between the ages of 25-33, and had previously used the Spotify app. I asked them to perform the the same four tasks and then received general feedback. 

Test objectives:

  • Determine if users can navigate through the process.
  • Determine if users feel exhausted/annoyed by the number of screens in the process and locate where/when this happens.
  • Locate areas where user’s are hesitant or confused. 
test plan spotify CS.png

I organized the findings from the test into an affinity map, which helped me outline the improvements I needed to make moving forward. Most importantly, I knew I needed to minimize the amount of text within the new feature, and shorten the overall experience of connecting with someone by combining a few of the screens.

affinity spotify cs.png

Visual Design

UI Kit spotify cs.png

Final Screens

high-fid wires spotify.png



Next steps to consider:

-Further usability testing using the high-fidelity wireframes

-Design the interface for the tablet and desktop experience

-Consider other options within the Connect feature beyond playlists


This project was highly enjoyable to work on and learn through. Spotify is a product I use every day so it was fun to challenge myself to think of a new feature. This project confirmed my assumption that people love to connect with others through music. Whether sharing a new favorite artist with a coworker or going to a concert with friend, music is a great interactive tool.