top of page

 

Project Info

4 weeks in 2020 / Group project

 

 My Contribution

  • User Research

  • UX Design

  • Prototyping

  • Hi-fidelity Prototype

  • Usability Testing

 

Deliverables

Process / High-fidelity prototype

 

 Methods 

  • Primary user research

  • Secondary user research

  • Affinity diagram

  • Wireframing

  • Usability testing

  • High-fidelity prototyping

 

 Tools

  • Figma

  • Miro

  • Adobe Effect

  • Google survey

  • ​illustrations: Freepik.com

 

 What is Spotify "listen together"?

  • Spotify "listen together" is a collaborative music sharing room which builds in the current Spotify music App that allows users to listen together with their close friends in real-time from a distance.

Frame 12@1.5x.png
Frame 12@1.5x.png

 

Listen

Together

Problem
  • Here is the Gap

The world has gone social, but music has been largely left behind.

Ever since we started listening to music from our mobile phones, it’s become an isolated experience.

Frame 103@2x.png

There are a bunch of applications that

allow us to                  remotely in real-time, 

Chat

Socialize

Meet

But none of the popular music apps enable us to listen together remotely in real-time. 

logo.png
  • The opportunity

How might we bring back the authentic listening together experience so that people can bond with their close friends even if they are physically apart?

Frame 109@3x.png
  • The solution

  • Step 01

What else is cooler than your own unique group space?

Features highlight:

・Personalized group name, tagline, cover photo

・Savable private sharing room

 

 

Benefit to business:

・Attract new users to download the App

22Frame%2011_edited.png
Frame 12.png
  • Step 02

Take seconds to set up some vibes with your loved ones

Features highlight:

  • Co-create music playlist

  • Search and add songs within the group

Benefit to business:

  • Enhance the discoverability of music 

  • Step 03

Share music, more than music

Features highlight:

・Use emojis as a vehicle to express their feeling

・Metaphor a music party in real life

・Avatar advancing motivation

Benefit to business:

・Increase daily active users of Spotify

55Frame 16.png
22Frame 1.png
Screen Shot 2020-09-08 at 9.07.32 PM.png
33Frame 14.png
Frame 15.png
  • Step 04

Music brings love into the air and beyond the screen.

Features highlight:

・Eye-catching emojis animation

・Special mode for intimacy

・Flexible turn on the and turn off by one tap

 

  • Step 05

Hey, We enjoy what you are sharing!

33Playing Music-rafiki 1.png

Features highlight:

・Light a heart to the song

・Check how many friends like

・Connecting socially by music

Benefit to business:

・Enhance the social connectivity on Spotify

  • How we solved this problem

So, what's the story behind the solution?

Research
  • Start from Top10 highly requested features...

Frame 7@2x.png

However,

highly request             user needs

What are the users' real desires for listening together?

When users are listening together,

  • What do they need?

  • What are their behaviors?

  • How are they feeling?

        ........​

In order to dig out the root problems, we conducted several rounds of user research. 

discovery phase33.png
discovery phase22.png
  • Insights

You must be curious about what we found?

No.1  Friends and significant others are the users most want to share music with.  

22Frame 9.png

Survey results

22Frame 9.png

No.2  The behavior of sharing music is far more than music.

The true reason behind why people sharing music includes:

  • Evoke shared memories with others through music

  • Gain recognition from friends

  • Want someone to know our most intimate feelings

Frame 97@1.5x.png

No.3  Current sharing methods are less-simultaneously​, unresponsive, and less-engaging.

Users are not satisfied with the current music sharing methods:

  • copy the song link

  • forward it to friends through other social platforms

  • post screenshot on social media

  • In the chat

  • music community built in the music app

Frame 96.png

No.4  Stress-free and seamless listening together experience for both hosts and guests is the key.

Based on user research, we divided users who participate in music sharing ​experience into:

  • the host (Inviter)

  • the guests (Invitee)

Those are some of their concerns: 👉

Frame 95.png
Comment _ Avatar - Right@1.5x.png
  • Define

The Gap: how do we map users' needs to product features?

22Frame 84.png
Prototype

Design Rational - 1

22Frame 98@2x.png
  • How can we optimize the group listening experience? 

Design Rational - 2

  • Design rationale: how to maximize participants' engagement? 

22Frame 99.png
22Frame 117.png
22Frame 117.png
Frame 107.png
  • Emoji display layout variants

  • Reaction animation version 1

  • Reaction animation version 2

  • Couple mode reaction animation

Design Rational - 3

  • How to make this feature sustainable on Spotify?

Frame 100.png
  • Style Guide

Frame 106@2x.png

Align with the Spotify design ecosystem

  • Design iterations

The solution wasn't be built at one time.

As well as Rome was not built in a day, design solutions can't be built at one time. 

My teammates and I have done at least 4 rounds of design iterations, conducted 2 rounds of usability testings, and got feedback from the Instructor between iterations. 

Frame 101@2x.png
  • Design iterations

User flow version 01

Frame 12@2x.png
  • Design iterations

User flow final version / all screens

22Frame 102@2x.png
  • Next step

I didn't forget to optimize the business outcomes!

commission.png
promotion (1).png

Beyond the MVP product, the improvements I will consider for the next step:

A. Increase daily active users on the Spotify App

  • The engaging reaction allows users to spend more time during the group sharing

  • Enhance music discovering part, allow users to save new music from the group sharing

  • Easier users' flow of following new friends, to enhance the social connectivity on the platform

B. Attract new users to download the Spotify App

  • Because after increasing the users' engagement and satisfaction of the group sharing, more and more new invited users will drive the number of App downloads.

Reflection
  • Key takeaways

What I learned

blogger.png
follower (1).png
idea.png

A. Make and update the project plan to keep each teammate on the same page

  • In this project, all of our team members are located in various time zones of the U.S.
    The whole project was totally accomplished by remote collaboration after our first Zoom ice-breaking meeting.
    It was completed efficiently under an intense timeline of 1 month, this is due to our strict implementation of the agile development process to fully guarantee the efficiency of the project.

B. Think bigger and deeper about different user groups 

  • The great start point we did is to divide the users who are participating in a music sharing room into inviter and invitee based on their behaviors and goals. We spent a lot of effort and time to define the different features needed by the inviter and the invitee. Like who can mute the songs? Who can skip the songs? This helps us a lot when conducting brainstorming and user flow.

C. Iterate more, test more, but don't only test the users who like the product

  • The sort of people who come forward for testing is often interested in your product already, which means their opinions are biased. Learn from the users who are not drawn into this feature would get surprisingly useful insight!

Thank you for reading here!

bottom of page