Skip to content

Browse & discover on Shazam

Scroll the country Top 200, switch to another country, long-press a song for quick actions, open its Viral chart, then browse city Top 50 charts and another country.

Editable

ShazamiOS12 steps

See all browse & discover flows across apps

Play the flow

Shazam flow, step 1: Search and Top 200 5

Step 1 of 12

Close the artist page

Search and Top 200 5

How you get here: Closes

Import this flow

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

All 12 steps

Every step, in order

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

  1. Shazam flow, step 1: Search and Top 200 5
    1

    Close the artist page

    Search and Top 200 5

    Closes

  2. Shazam flow, step 2: Search and Top 200 8
    2

    Scroll up, tap country dropdown

    Search and Top 200 8

    Changes in place

  3. Shazam flow, step 3: Search and Top 200 9
    3

    Choose another country

    Search and Top 200 9

    Changes in place

  4. Shazam flow, step 4: Search and Top 200 10
    4

    Scroll down the chart

    Search and Top 200 10

    Changes in place

  5. Shazam flow, step 5: Search and Top 200 7
    5

    Long-press a chart row

    Search and Top 200 7

    Slides up from the bottom

  6. Shazam flow, step 6: Viral and Discovery 3
    6

    Close sheet, tap Viral chip

    Viral and Discovery 3

    Switches tab

  7. Shazam flow, step 7: City and Radio Charts 1
    7

    Back to UK, tap Cities chip

    City and Radio Charts 1

    Switches tab

  8. Shazam flow, step 8: City and Radio Charts 2
    8

    Scroll down the city chart

    City and Radio Charts 2

    Changes in place

  9. Shazam flow, step 9: City and Radio Charts 3
    9

    Scroll up, tap the city chip

    City and Radio Charts 3

    Changes in place

  10. Shazam flow, step 10: City and Radio Charts 4
    10

    Choose another city

    City and Radio Charts 4

    Changes in place

  11. Shazam flow, step 11: City and Radio Charts 5
    11

    Scroll, press an artist name

    City and Radio Charts 5

    Changes in place

  12. Shazam flow, step 12: Search and Top 200 11
    12

    Choose another country in dropdown

    Search and Top 200 11

    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

More flows from Shazam

Editable
1Tap search button
2Tap Charts card
3Chart finishes loading
4Scroll down the chart

Steps 1–4 of 13, in recording order

Open flow

Search

8 screens

Editable
1Open Find Concerts
2Tap Artists or Bands search
3Type first letter
4Type artist name

Steps 1–4 of 8, in recording order

Open flow

Get real flows
free in Figma

All of WhatsApp, and a complete flow from every app. No card needed.