Loading...

Music Player

Problem.

1

1

Scrubbing requires fine motor control.

Scrubbing requires fine motor control.

2

2

Users want the hook fast—first or again.

Users want the hook fast—first or again.

3

3

Artists want users to hear the hook before they skip.

Artists want users to hear the hook before they skip.

Music Player

Problem.

1

Scrubbing requires fine motor control.

2

Users want the hook fast—first or again.

3

Artists want users to hear the hook before they skip.

Scrubber

Section Scrubber is a drag-and-drop feature that makes section navigation faster and more accessible on mobile.

Section Scrubber is a drag-and-drop feature that makes section navigation faster and more accessible on mobile.

Scrubber

Section Scrubber is a drag-and-drop feature that makes section navigation faster and more accessible on mobile.

How to Use It.

1

1

Tap and hold the Rewind () or Skip () button.

Tap and hold the Rewind () or Skip () button.

2

2

It activates Section Scrubber mode with a colored shadow.

It activates Section Scrubber mode with a colored shadow.

3

3

The shadow is divided into different sections of the song.

The shadow is divided into different sections of the song.

4

4

Each section divided by bars indicates the chorus, verse, etc.

Each section divided by bars indicates the chorus, verse, etc.

5

5

While holding, simply drag to a section, then release.

While holding, simply drag to a section, then release.

How to Use It.

1

Tap and hold the Rewind or Skip button.

2

It activates Section Scrubber mode.

3

While holding, drag to a section, then release.

HOT
Album Art

HOT

LE SSERAFIM

Select Section
0:502:23
Learn More.

please view on a larger screen to learn more.

Background

Background

01

I was driving, listening to a new album, and wanted to hear the hook again.

I was driving, listening to a new album, and wanted to hear the hook again.

but hitting a precise timestamp on a tiny progress bar required fine motor control.

but hitting a precise timestamp on a tiny progress bar required fine motor control.

User Interview

User Interview

02

I asked around and found a universal frustration.

I asked around and found a universal frustration.

blind navigating and standard scrubbing are inaccurate, frustrating, and unsafe.

blind navigating and standard scrubbing are inaccurate, frustrating, and unsafe.

hover for detail.

I also found an empty space for a new feature.

I also found an empty space for a new feature.

long-press gesture for rewinding is internationally understood but underutilized.

long-press gesture for rewinding is internationally understood but underutilized.

hover for detail.

Benchmark

Benchmark

03

The idea of accessible media navigation isn't new.

The idea of accessible media navigation isn't new.

YouTube already solved this problem with visual chapters.

YouTube already solved this problem with visual chapters.

Design

Design

04

I combined the long-press gesture with visual chapters.

I combined the long-press gesture with visual chapters.

mapping a familiar physical gesture to spatial navigation, finding the hook becomes a frictionless experience.

mapping a familiar physical gesture to spatial navigation,

finding the hook becomes a frictionless experience.

lo-fi prototype

lo-fi prototype

hi-fi prototype

hi-fi prototype

Back To Final Design.