All work
In-Vehicle Infotainment2023

Music Experience

A glanceable, voice-friendly media experience that keeps the joy of music without pulling eyes from the road.

IVIMediaVoiceInteraction Design
Music Experience hero
-45%
Glance time to control
3
Providers unified
+31%
Voice usage

/Overview

A unified media surface across streaming providers with large, glanceable controls and a confident voice-first path.

/Business Challenge

Media apps competed for attention with dense UIs unsafe for driving. Switching providers meant relearning the interface.

/Research

Drive-along studies measured glance duration and error rates across common media tasks.

  • Skip and volume were the top in-drive actions
  • Provider switching was jarring
  • Album art aided recognition and reduced reading

/Competitive Benchmarking

Compared native and projected media UIs for safety, consistency and delight.

/Personas

Rohan
Podcast commuter

Resume and skip without looking down.

Sara
Playlist driver

Discover and control music safely.

/User Journey

From "play something" to "not this — skip", every core action was tuned for a single glance.

/Information Architecture

A now-playing-first architecture surfaces controls immediately, with browse tucked one layer deeper.

/Task Flow

Provider-agnostic controls mean skip, like and volume behave identically regardless of source.

/Wireframes

Now playing layout
Provider-agnostic browse

/High-Fidelity Designs

Glanceable now-playing screen
Voice interaction feedback

/Design System

Media components with generous targets, consistent motion and provider theming under a shared shell.

/Accessibility

Voice-first flows, high-contrast controls and haptic confirmation reduce visual load.

/Developer Handover

Detailed control states and motion specs ensured consistent behavior across providers.

/Results

  • 45% reduction in glance time to reach a control.
  • 31% increase in voice control usage.
  • Three streaming providers unified under one shell.

/Reflection

Safety and delight are not opposites — the calmest interface was also the one people enjoyed most.
Next case study

HUD Mini Map

Head-Up Display