Mobile audio configuration flow examples

Audio configuration flow examples

Step 1 · 1:28
See the flow
Equalizer - Volume Booster EQ
Album art at top, song info below, four circular control buttons in a row, progress bar, and playback controls at the bottom.
Step 2 · 1:34
See the flow
Equalizer - Volume Booster EQ
Top section contains a large vertical slider, middle section displays track info and feature toggles, bottom section contains playback controls.
Step 3 · 1:41
See the flow
Equalizer - Volume Booster EQ
Top equalizer sliders, middle preset buttons and track info, lower feature icons, bottom playback controls.
Step 4 · 1:44
See the flow
Equalizer - Volume Booster EQ
Vertical stack with pitch/tempo controls at the top, track info in the middle, feature navigation icons, and playback controls at the bottom.
Step 5 · 1:56
See the flow
Equalizer - Volume Booster EQ
Top visualization area, middle track info, bottom navigation icons, and playback controls.

Step 1 · 4:15
See the flow
Deezer: Music Player, Podcast
Top navigation bar, followed by a large album artwork image, and a bottom sheet modal containing a list of timer options.
Step 2 · 4:18
See the flow
Deezer: Music Player, Podcast
Top navigation bar, album art hero area, bottom modal sheet with list items and volume slider.
Step 3 · 4:24
See the flow
Deezer: Music Player, Podcast
Top navigation bar, header with toggle, central graphic equalizer area with five sliders, and bottom preset selector.

Step 1 · 1:35
See the flow
SnoreLab : Record Your Snoring
Top navigation bar, central illustration, bottom soundscape picker, and bottom navigation bar.
Step 2 · 1:37
See the flow
SnoreLab : Record Your Snoring
Top navigation bar, large hero illustration, soundscape title, vertical scrolling selection list, bottom navigation bar.
Step 3 · 1:42
See the flow
SnoreLab : Record Your Snoring
Top navigation bar, large hero illustration, centered label, vertical scrolling picker wheel, bottom navigation bar.
Step 4 · 1:47
See the flow
SnoreLab : Record Your Snoring
Top navigation bar, followed by two distinct cards containing settings, and a bottom navigation bar.
Step 5 · 1:48
See the flow
SnoreLab : Record Your Snoring
Top navigation bar, followed by two distinct cards containing settings, and informational text at the bottom, with a persistent bottom navigation bar.
Step 6 · 2:08
See the flow
SnoreLab : Record Your Snoring
Top header with back button and title, followed by a time picker, then a list of settings rows, and a bottom navigation bar.

Step 1 · 6:57
See the flow
AI Summary - Meeting Notes
Vertical list of settings grouped by headers (Audio, Import, iCloud, Other).
Step 2 · 7:25
See the flow
AI Summary - Meeting Notes
Top navigation bar followed by stacked cards grouped by category headers.
Step 3 · 7:32
See the flow
AI Summary - Meeting Notes
A vertical list of grouped settings cards starting with a status notification at the top.

Step 1 · 4:42
See the flow
Voice Recorder－Audio Memos Арр
Top navigation bar followed by two grouped list sections (GENERAL and ABOUT US) containing rows with icons and labels.
Step 2 · 5:05
See the flow
Voice Recorder－Audio Memos Арр
A top navigation bar with a 'Cancel' button and 'Settings' title, followed by two grouped lists of settings options.
Step 3 · 5:08
See the flow
Voice Recorder－Audio Memos Арр
A modal dialog box is centered over a list-based settings page.