Redesign: Spotify Artist Catalog

UX Design, Web Design

Problem

Spotify is a well-known platform to connect music and people. The main focus has been on consumers and music listeners. However, not so much attention are on its artists. Lacking the ownership and recognition as music professionals, artists are having a difficult time to increase their presence on the platform. As the music industry evolves, it is also important to create a better experience for artists who product and share music through the platform.

Our Goal

This project therefore aims to redesign and improve the user experience for Spotify artists to engage with their fanbase by having a self-managed artist catalog.

  • Duration
  • March 2020 - April 2020
  • Collaborators
  • Caleb Williams

    Cyra Aziz

    Derron Lee
  • Methods
  • Interview

    Comparative Analysis

    Persona

    Journey Map

    User Flow

    Information Architecture

    Prototyping
  • Tools
  • Figma

    Whiteboard

    Pen & Pencil

My Contribution

Design Solution

After the user research, we learned that the process of getting music uploaded was frustrating for artists with limited technical knowledge. In addition, artists found it important to increase their presence by actively engaging with fanbase. Therefore, our solution redesigned an easy-to-use process for artists to manage their music catalog on Spotify. With advanced analytics tool, artists can analyze important data and make improvements based on fanbase' feedback. Furthermore, we also implemented an online store and real-time streaming service that improve the engagement between artists and fanbase.

Design Process

Research

Field Study - Interviewing Artists at a Local Music Festival

Why Field Study?
  • Direct observation of user behavior in a natural environment.
  • Obtain user information in order to create an empathy map.
  • A good way to learn about how artists interact with each other in the music community.
  • Build trust with users more easily and understand the industry from a holistic view.

We then synthesized the interview data using empathy mapping where we focused on users' emotions associated with their behavior.

Insights

Ideation

Break Down User Pain Points

We used affinity mapping to organize user pain points into different themes, which helped us prepare data to build the Persona.

Persona

We created a Persona that represented our target users using the data from the empathy map and affinity map. This helped our team understand who we were designing for.

Story Mapping

In order to find out the behavior patterns and goals that artists would have across different stages of interaction, we completed a user story mapping which helped us tell a story of how artists interact with each functionality within the design work flow.

Design Opportunity

Based on the user needs, our team proposed the below redesign solutions.
  • One-stop Shop
  • Sell merchandise about music and brand
  • Vibrant Music Community
  • Achieve higher engagement with fanbase
  • Data-informed Decision-making
  • Collect data and make better decisions

Prototype

Sketches

We sketched out multiple screens for the artists' catalog with features that correspond to the design opportunities above. This helped us identify the number of user flows in the application and have a general understanding of the skeleton of design.

Information Architecture

As we were building a catalog for artists that are manageable with different functionalities, we used Miro to create the information architecture to clearly organize what content in different categories. This practice helped us understand the structure of design and how information is organized based on functionalities.

Evaluation

Usability Testing

In order to gain user feedback for iterations, we used our wireframes to conduct three usability tests with the targeted users, following with a 45-minute interview to gain feedback on their user experience of interacting with the product. The test was moderated and we used share-screen to monitor and users' behavior. We also asked the users to think out loud so we could take notes of their mind-thinking process.

Below was one of the test activities that we asked the users to perform.

Areas of Improvements Identified

Iteration

Based on the user feedback, we refined our UX writing to make sure users understand the instructions when interacted with the product. We also simplified the user flow by shortening the steps needed to complete a task. After the changes, we conducted a second round of usability test and received an average of 4.1 out of 5 user satisfaction rate and a 100% of recommendation rate. Below are some positive users' feedback we received after the iteration.

Things were smooth and clearly labelled now.

I felt like I am in full control of everything from posting music to seeing music.

Final Delivery

After we made the changes based on user feedback, we delivered our final prototype. Click  View Prototype to view the prototype in Figma.

Self-Managed Catolog

Artists can take full control of their catolog by uploading music themselves. This gives flexibility for artists to customize their profile page and showcase a personal brand.

In-depth Analysis

With our advanced analytics tool, artists can view and analyze a wide variety of data including fanbase demographics, online store revenues, and even set up a personal goal to drive self-motivation.

Online Merchandise

Artists can also sell items related to their music in order to build a strong brand and establish a closer relationship with their fanbase.

Interactive Live Streaming

Artists can manage their live streaming channel and interact with fanbase through real-time conversations.

Reflection

Back to first project >

IBM