SoundCloud: The Design Patterns & Flow

User Flow

Simplified typical User Flow for SoundCloud users

Design Patterns

HomePage of SoundCloud
Top Navigation Bar of SoundCloud
Search Bar and predictive results when you type in “old school”
Search Results Page — Tracks
Search Results Page — People
Playbar Design when listening to a specific track
Autoplay on SoundCloud
The “Write a comment” field under a track
The CTA “Follow” when on Search or Home Page
The CTA “Follow” when on Artist Page
The CTA “Following” when you already following an artist



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store