Spotify Rooms

First UI/UX Project using Sketch, InVison, Photoshop, and Illustrator

Interactive Prototype

July - August 2019

Background

To solve the reocurring problem of terrible listening experiences whenever my friends and I are playing music in the car, I decided to make a prototype feature I would want introduced into the Spotify mobile application called Rooms. Rooms would create a new, fast way of sharing music for any occassion, whether that be in the car or at a party.

Problem

Every time my friends and I are in the car together, the music listening experience is always terrible. With people arguing for the aux cord, who gets to queue music, and terrible song selection, the list goes on forever. As the driver, this can be extremely distracting and unsafe.

After thinking about the main problem to this terrible music listening experience, I concluded that the problem was that only one person's music taste was being played.

Solution

To fix this problem, I decided that I would design a new feature in the Spotify mobile application that would allow for better group listening through a democracy type experience. This would not only improve car rides, but every group event possible.

Design Process

While creating the design of this new feature, it was important that the aesthetic was clean and simple while still being able to meet all core features. Through this process I kept in mind that often the best applications require the least amount of steps to use. Additionally, I chose to use Spotify as the main platform as it's my favorite music streaming service and the most popular amongst my friends.

Spotify Rooms Layout

Low-fidelity wireframes

Spotify Rooms Layout

High-fidelity wireframes

How It Works

Driver Lobby Menu

Once the driver has created a new room, passengers will enter the 4 digit generated code to join. Passengers can then add songs to the play queue by clicking the "Add Songs" button where they will be introduced to the same song search menu they're familiar to in the Spotify application.

Passenger Menu

Once the driver has created a new room, passengers will enter the 4 digit generated code to join. Passengers can then add songs to the play queue by clicking the "Add Songs" button where they will be introduced to the same song search menu they're familiar on the Spotify application.

Add Songs

To add songs to the queue, I decided that I would keep the same functionality to add songs in playlists.

Vote to Remove Songs

By introducing a vote kicking functionality, unwanted songs will be removed with a 2/3 majority vote. This would ensure that only the best songs are being played, making the listening experience great for all passengers

Interactive Prototype

Challenges

Building an entire user interface and experience by yourself is challenging. Some design challenges I faced include:

Takeaways / Reflection

This project was super motivating for me to increase my skills as a designer and to learn more about the UI/UX field. This was my first ever project focussing on the user interface and experience flow of an application. I am very happy with the work that I put in to this project and the solution I came up with to create a new way to share music at group events.

Responses + Moving Forward:

After building this project, I built an advertisement website showcasing and selling the idea. Using this site, I reached out to 300+ Product Designers and Product Managers at Spotify for feedback and to potentially receive an internship the upcoming summer. Working at Spotify has been a dream of mine since 2015 as a sophomore in high school. As weeks passed, I soon received feedback from the Spotify employees I had asked for feedback from.

In October 2019, I drove 2 hours to attend a Spotify internship recruitment panel at the University of California, Berkeley. I had the opportunity to present and demo my project with product managers at the company and pitch my idea and prototype. This was a great learning experience and was a lot of fun getting feedback and learning more about the company.

Sadly, I did not receive a Product Design internship at Spotify, but hope to continue applying for internship and full time positions in Fall 2020.

On May 11, 2020, the feature was released in beta according to The Verge. I was able to try it out and it was awesome to see that the feature was similar to what I had imagined. It was so awesome to see that the feature I had envisioned was released and that I was on the right thinking path as the Spotify team.