5

8 Learnings from Spotify’s UX Design That You Can Learn & Apply Today

 3 years ago
source link: https://uxplanet.org/8-learnings-from-spotifys-ux-design-that-you-can-learn-apply-today-c042d91617d
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Dark Mode Default

Use the dark mode (which Spotify has been using since early days)

White text on a dark backdrop is easier on the eyes than black text on a light background.

Visual comfort leads to more browsing.

The color scheme is a stark contrast to the color scheme used by Apple Music.

Minimalist & Spacious

When compared to Apple Music, the mobile player is more spacious.

0*T5Ij4ar8TcdMUZc_?q=20
8-learnings-from-spotifys-ux-design-that-you-can-learn-apply-today-c042d91617d
Apple Music — Photo by Daniel Cañibano on Unsplash

Apple has a volume control, which takes up a lot of space on the screen. Spotify does not have a volume control (most people control mobile volume with a side phone button)

Mobile Optimization on Point

Optimization for mobile devices

The Browse function has been merged into Search to serve as the primary navigation tool.

Sub-tabs are put out as high-contrast cards to maximize the available screen real estate on mobile devices.

Visual Feedback

Buttons that can be manipulated

When you hover over the buttons, they “pop,” indicating interactivity.

When the text and color states change, it communicates that something has happened.

Visual Hierarchy

Hierarchy in terms of visual

Spotify combines color, size, and positioning to help users find their way through the site.

The artist’s name is displayed on the top left, and the content is organized into easily navigable “Songs,” “Albums,” and “Playlists.”

In the event that the search results are incorrect, the page contains a list of other similar “artists.”

Super Consistent Design Language

A consistent design language

Consistency in the design allows users to traverse the platform more “intuitively” and interact almost sub-consciously.

0*KMt4cOSIflDFQ4GK?q=20
8-learnings-from-spotifys-ux-design-that-you-can-learn-apply-today-c042d91617d
Photo by Norbert Buduczki on Unsplash

Artists are always displayed in circular frames, while songs and albums are always displayed in square frames.

The Algorithm

Exploration

Spotify makes recommendations continuously based on the following factors:

  1. Collaborative filtering (which tracks your behavior and that of others);
  2. Text natural language processing;
  3. Audio Analysis.
    It's Discover Weekly playlist is a cornerstone of the music streaming industry.

The Spotify Wrap Up

The conclusion of the year on Spotify Wrapped is a viral hit that has gone viral.

Turn a user’s streaming statistics into shareable social media content. Rather than using typical colors (red), Spotify uses “uncommon hues” (pink, neon) that are bright, have no emotional associations, and are attention-grabbers to attract attention.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK