Spotify
A home feed of horizontal shelves that learns your week and recolors itself daily.
Spotify's interface is built on the horizontal shelf: row after row of round and square covers you swipe through, stacked into an endlessly scrolling home. The signature move is how it personalizes the containers themselves, not just the contents. Daily Mixes, the Made For You hub, and the year-defining Wrapped all turn listening history into named, browsable objects. Playback lives in a persistent bottom bar that survives every screen, so you never lose the thread of what's playing. The weak spot is discovery friction at the edges: queue management is buried, the line between your library and Spotify's catalog blurs, and the home feed increasingly mixes podcasts and ads into music shelves, making it harder to act on a clear intent.
Spotify's search tab doubles as a browse screen. Before anything is typed it shows genre and mood tiles in bright colours, and once a query is entered the results group into top result, songs, artists, playlists, podcasts and audiobooks. Filters along the top let a listener narrow to one type, which matters now that the same box returns music, talk and books from one catalogue.
The Now Playing screen has grown into a hub of its own. Canvas loops play behind some tracks, lyrics scroll in time with the song, and swiping up reveals credits, the artist's profile and concert dates. The connect menu sends playback to a speaker, a TV or another device, and the bottom bar keeps a compact version of all this visible while browsing elsewhere in the app.
Personalisation reaches into how the library is organised too. The Your Library tab can be sorted and filtered by playlists, albums, artists and downloads, and smart shuffle mixes recommended tracks into a user's own playlist, marked with a sparkle icon. These features blur the line between a person's choices and Spotify's suggestions, which is convenient for casual listening and frustrating for people who want their collection to stay their own.
App store
Flows
Flows for Spotify are being captured
We haven't taken Spotify apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
We haven't captured Spotify's landing page yet.
Flows
Step through each flow screen by screen.
How does your product compare to Spotify?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Teardowns
Teardowns of Spotify are coming
We haven't published a written teardown of Spotify yet. Explore related topics, or request an audit.
Request a UX auditFree course
WCAG 2.2 Fundamentals: Audit a Screen for Accessibility
6 lessons · ~25 min
Start lesson 1 →
