Browse & discover on Shazam

Open search, tap the Charts card, scroll the country top 200, open its more menu, switch to the viral and discovery charts, filter by genre, then open and scroll the radio airplay chart.

Editable

ShazamiOS13 steps

Import this flow

Every app’s free flow imports free, no card needed.

See all browse & discover flows across apps

Shazam flow, step 1: Search and Top 200 1

Step 1 of 13

Tap search button

Search and Top 200 1

How you get here: Switches tab

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 13 screens into your file as editable layers.

All 13 steps

Use ← → to step through

Every step, in order

Each screen in the order it was recorded, with how the user got there.

1
Tap search button
Search and Top 200 1
Switches tab
2
Tap Charts card
Search and Top 200 2
Slides in from the right
3
Chart finishes loading
Search and Top 200 3
Changes in place
4
Scroll down the chart
Search and Top 200 4
Changes in place
5
Tap more (three dots) button
Search and Top 200 6
Changes in place
6
Tap Viral chip, then scroll
Viral and Discovery 1
Changes in place
7
Scroll back to top
Viral and Discovery 2
Changes in place
8
Tap Discovery chip
Viral and Discovery 4
Changes in place
9
Tap Genres dropdown chip
Viral and Discovery 5
Changes in place
10
Close genre menu
Viral and Discovery 6
Changes in place
11
Open radio chart
City and Radio Charts 6
Slides in from the right
12
Scroll down the chart
City and Radio Charts 7
Changes in place
13
Tap more button
City and Radio Charts 8
Changes in place

Not affiliated with, endorsed or sponsored by Shazam. Shazam is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us