#

Role: UX Research, Interaction Design Method: Moderated usability testing × 3 rounds

# Role: UX Research,

Interaction Design Method:

Moderated usability testing × 3 rounds

Spotify Redesign

Spotify Redesign

Spotify is deeply embedded in daily student life, yet its artist page makes discovering an artist's full catalog surprisingly difficult. This project set out to identify exactly where users get lost, and redesign the artist page to reduce friction and improve music discovery.

Spotify is deeply embedded in daily student life, yet its artist page makes discovering an artist's full catalog surprisingly difficult. This project set out to identify exactly where users get lost, and redesign the artist page to reduce friction and improve music discovery.

(

What the artist page actually looks like — and where it breaks

)

The original Design

The original Design

The Spotify mobile artist page uses a single, vertically scrolling feed that stacks every content type in one continuous column. There's no navigation structure — everything from popular tracks to podcasts to similar artists lives in the same uninterrupted scroll. The page looks clean at a glance, but that apparent simplicity hides significant friction once you try to do anything beyond listening to the top five songs.

The Spotify mobile artist page uses a single, vertically scrolling feed that stacks every content type in one continuous column. There's no navigation structure — everything from popular tracks to podcasts to similar artists lives in the same uninterrupted scroll. The page looks clean at a glance, but that apparent simplicity hides significant friction once you try to do anything beyond listening to the top five songs.

(

Four changes, each grounded in research

)

Design Decisions

Design Decisions

// Task-Based Navigation

01

Replaced the single scroll with four labeled tabs — Popular, Discography, Appears On, About — so users jump directly to what they need instead of scanning everything.

// Task-Based Navigation

01

Replaced the single scroll with four labeled tabs — Popular, Discography, Appears On, About — so users jump directly to what they need instead of scanning everything.

// Task-Based Navigation

01

Replaced the single scroll with four labeled tabs — Popular, Discography, Appears On, About — so users jump directly to what they need instead of scanning everything.

// "View All Tracks"

02

One button surfaces the artist's entire catalog in a single chronological list, eliminating the need to open individual albums to find older or lesser-known songs.

// "View All Tracks"

02

One button surfaces the artist's entire catalog in a single chronological list, eliminating the need to open individual albums to find older or lesser-known songs.

// "View All Tracks"

02

One button surfaces the artist's entire catalog in a single chronological list, eliminating the need to open individual albums to find older or lesser-known songs.

// "Appears On" Tab

03

Moved featured and collaboration tracks from the bottom of the page to a primary tab — making them as easy to find as the artist's top songs.

// "Appears On" Tab

03

Moved featured and collaboration tracks from the bottom of the page to a primary tab — making them as easy to find as the artist's top songs.

// "Appears On" Tab

03

Moved featured and collaboration tracks from the bottom of the page to a primary tab — making them as easy to find as the artist's top songs.

// Reduce Vertical Clutter

04

Separated music content from podcasts, merch, and similar artists. Each tab shows only what it promises — focused content, no mid-scroll interruptions.

// Reduce Vertical Clutter

04

Separated music content from podcasts, merch, and similar artists. Each tab shows only what it promises — focused content, no mid-scroll interruptions.

// Reduce Vertical Clutter

04

Separated music content from podcasts, merch, and similar artists. Each tab shows only what it promises — focused content, no mid-scroll interruptions.

(

Research — Round 1 testing

)

What we set out to learn

// Participants Tested

4

// Tasks per session

3

// Tasks

3

// Minutes Per Session

10-20

// Recurring Paint Points

3

01

Participant 1

"Appears On" section too buried — completed task but noted most new users would fail Discography navigation relies on prior app knowledge to find "View All" Artist page gives no clear starting point for exploring older content

AI automation image

02

Participant 2

"Show All" button on mobile is harder to find than on desktop Featured/collaboration tracks nearly impossible to identify at a glance Recommendations page cluttered with podcasts and audiobooks, weakening discovery

Customer AI agent image

03

Participant 3

No distinction between new, older, popular, or lesser-known songs in the UI Expected a full song list — found only selective singles and albums 10+ years of experience was the only reason they didn't struggle with "Appears On"

Workflow image

04

Participant 4

Failed to locate "Appears On" entirely — only learned it existed after the session Desktop allows sorting by release date; mobile does not — creates inconsistency All navigation felt easy because of familiarity, not intuitive design

Integration image

Three Recurring Pain Points

// Featured tracks are invisible

01

The "Appears On" section sat at the very bottom of a long scrolling page. All four participants either failed to find it or only succeeded due to years of familiarity with the app. Krug's law: if users can't find it, it might as well not exist

// No Consolidated Track View

02

Finding older or deep-cut songs required manually opening multiple albums one by one. There was no way to see an artist's full catalog in one place. Discovery relied on trial and error. Krug's law: users shouldn't have to think — the next step should be obvious

// Cluttered Vertical Scroll

03

The page mixed albums, singles, podcasts, recommendations, and similar artists in a single dense feed with no clear hierarchy. Users overshot content and had to backtrack repeatedly. Krug's law: don't make users guess — eliminate question marks

(

our process

)

Competitive Analysis

worms eye view of building during daytime

Apple Music

Strengths

Clearly labeled sections, visible "Appears On," sort by date or popularity — features Spotify lacks on mobile.

Weakness

Less personalized feel, fewer discovery options than Spotify

Key Takeaway

Inspired our tab structure and elevated "Appears On" placement.

worms eye view of building during daytime

YouTube Music

Strengths

Top and featured songs visible immediately. Singles, EPs, and albums neatly separated. Filters for music vs. live performances.

Weakness

Video-heavy layout can feel overwhelming for music-only browsing.

Key Takeaway

Reinforced the value of surfacing top content immediately and organizing catalog chronologically.

worms eye view of building during daytime

SoundCloud

Strengths

Artist summary with song count, chronological release feed helps users identify what's older.

Weakness

Layout is disorganized and hard to navigate — frequently cited as frustrating.

Key Takeaway

A cautionary example — showed us what to avoid while confirming the value of an "About" section.

THREE RECURRING PAIN POINTS

// Featured tracks are invisible

01

The "Appears On" section sat at the very bottom of a long scrolling page. All four participants either failed to find it or only succeeded due to years of familiarity with the app. Krug's law: if users can't find it, it might as well not exist

// No Consolidated Track View

02

One button surfaces the artist's entire catalog in a single chronological list, eliminating the need to open individual albums to find older or lesser-known songs.

// CLUTTERED VERTICAL

03

The page mixed albums, singles, podcasts, recommendations, and similar artists in a single dense feed with no clear hierarchy. Users overshot content and had to backtrack repeatedly. Krug's law: don't make users guess — eliminate question marks

(

The Redesigns

)

Redesigned artist page — mobile

The redesign focuses entirely on the mobile artist page. The single scrolling feed is replaced by a structured tab layout that organizes content into four clear sections, each accessible from the top of the page.

// Faster task completion

Participants located songs significantly faster in both redesigns. The tab structure eliminated the aimless scrolling that slowed users in the original.

// "Appears On" found

In Round 1, one participant never found it at all. In Round 2, all participants located featured tracks quickly. Participants described it as feeling like a "new feature" — even though it existed in the original.

// Reduced cognitive load

Participants spent less time orienting themselves and made more confident navigation decisions. Even during the brief tab-exploration phase, orientation time was shorter than in the original.

// Unanimous preferences

All four participants chose the redesigned version when asked which they'd prefer Spotify to use. Descriptions: "cleaner," "more organized," "finally makes sense."

View the high-fidelity prototype here

View the prototype

(

our process

)

COMPETITIVE ANALYSIS

worms eye view of building during daytime

Apple Music

Strengths

Clearly labeled sections, visible "Appears On," sort by date or popularity — features Spotify lacks on mobile.

Weakness

Less personalized feel, fewer discovery options than Spotify

Key Takeaway

Inspired our tab structure and elevated "Appears On" placement.

worms eye view of building during daytime

YouTube Music

Strengths

Top and featured songs visible immediately. Singles, EPs, and albums neatly separated. Filters for music vs. live performances.

Weakness

Video-heavy layout can feel overwhelming for music-only browsing.

Key Takeaway

Reinforced the value of surfacing top content immediately and organizing catalog chronologically.

worms eye view of building during daytime

YouTube Music

Strengths

Top and featured songs visible immediately. Singles, EPs, and albums neatly separated. Filters for music vs. live performances.

Weakness

Video-heavy layout can feel overwhelming for music-only browsing.

Key Takeaway

Reinforced the value of surfacing top content immediately and organizing catalog chronologically.

worms eye view of building during daytime

SoundCloud

Strengths

Artist summary with song count, chronological release feed helps users identify what's older.

Weakness

Layout is disorganized and hard to navigate — frequently cited as frustrating.

Key Takeaway

A cautionary example — showed us what to avoid while confirming the value of an "About" section.

(

Validation — Round 2 testing

)

(

Validation — Round 2 testing

)

Testing both redesigns against the original

Testing both redesigns against the original

Four new participants — none of whom had seen the prototypes before — completed the same tasks on three versions: the original Spotify design, Redesign A, and Redesign B. Because the prototypes weren't fully functional, we adjusted tasks from "add songs to a playlist" to "find and identify specific songs," which let us test navigation and discoverability directly.

(

Redesign Results

)

// Faster task completion

Participants located songs significantly faster in both redesigns. The tab structure eliminated the aimless scrolling that slowed users in the original.

// "Appears On" found

In Round 1, one participant never found it at all. In Round 2, all participants located featured tracks quickly. Participants described it as feeling like a "new feature" — even though it existed in the original.

// Reduced cognitive load

Participants spent less time orienting themselves and made more confident navigation decisions. Even during the brief tab-exploration phase, orientation time was shorter than in the original.

// Unanimous preferences

All four participants chose the redesigned version when asked which they'd prefer Spotify to use. Descriptions: "cleaner," "more organized," "finally makes sense."

LESSON LEARNED

// Visibility is usability

01

The "Appears On" tab felt like a brand new feature to Round 2 participants — even though it existed all along. This was the clearest possible evidence that a hidden feature and a missing feature are functionally identical. Placement and labeling determine whether something gets used.

// Success is measured in reduced effort, not new visuals

02

Participants praised fewer taps, clearer pathways, and less scrolling — not aesthetics. The redesign didn't change how Spotify looks so much as how it thinks. The satisfaction came from the app finally supporting how users naturally browse and search.

// Prototype fidelity shapes the insights you collect

03

Because participants couldn't actually add songs or trigger interactions, we captured strong navigation data but learned little about error handling, playlist-building sequences, or multitasking behavior. A higher-fidelity prototype in Round 2 would have surfaced those interaction-level issues.

// Prototype fidelity shapes the insights

03

Because participants couldn't actually add songs or trigger interactions, we captured strong navigation data but learned little about error handling, playlist-building sequences, or multitasking behavior. A higher-fidelity prototype in Round 2 would have surfaced those interaction-level issues.

// Familiarity can mask usability problems

04

Most of our Round 1 participants were experienced Spotify users. They completed tasks the original design was making hard — not because the design was good, but because they had learned to work around it. This reminded us to actively seek moments where users succeed for the wrong reasons.