Mobile quiz flow examples

Quiz flow examples

Search the library

Deezer: Music Player, Podcast: Playing a Music Quiz

Open recorded flow

Step 1 · 13:13
See the flow
Deezer: Music Player, Podcast
Top header with close button and title, central graphic, and bottom section with two stacked selection cards.
Step 2 · 13:16
See the flow
Deezer: Music Player, Podcast
Top header with close button, central graphic card, and bottom section with two selectable game mode cards.
Step 3 · 13:18
See the flow
Deezer: Music Player, Podcast
Top progress bar, central instructional modal, and a list of selectable song options below.
Step 4 · 13:21
See the flow
Deezer: Music Player, Podcast
Top navigation bar with progress, central circular timer/score display, and a vertical list of four answer buttons at the bottom.
Step 5 · 13:25
See the flow
Deezer: Music Player, Podcast
Top bar with close and progress, central circular timer with score, and four vertical answer buttons at the bottom.
Step 6 · 13:36
See the flow
Deezer: Music Player, Podcast
Top bar with progress, central circular timer with score, and a vertical stack of four answer buttons.
Step 7 · 14:28
See the flow
Deezer: Music Player, Podcast
Top header with score, middle ranking section, list of tracks, and bottom action buttons.
Step 8 · 14:40
See the flow
Deezer: Music Player, Podcast
A purple header area with score information sits behind a white bottom-sheet modal containing a grid of social sharing icons and a list of additional actions.

Zutobi: Permit & Driving Prep: Taking a Practice Quiz

Open recorded flow

Step 1 · 3:56
See the flow
Zutobi: Permit & Driving Prep
Header with title and tabs, followed by a progress indicator, and a central winding path of lesson nodes, ending with a bottom navigation bar.
Step 2 · 3:59
See the flow
Zutobi: Permit & Driving Prep
Top navigation bar, followed by a video player, then a multi-paragraph educational text block, and a progress slider at the bottom.
Step 3 · 4:01
See the flow
Zutobi: Permit & Driving Prep
Top navigation bar, followed by a 3D illustration, text block, a photograph with a caption, and a bottom-aligned CTA button with a progress bar.
Step 4 · 4:04
See the flow
Zutobi: Permit & Driving Prep
Top navigation bar with progress, central illustration of intersection, question text, and three stacked answer cards.
Step 5 · 4:07
See the flow
Zutobi: Permit & Driving Prep
Top progress bar, central illustration, question text, multiple-choice options, and a bottom feedback modal with a primary action button.
Step 6 · 4:23
See the flow
Zutobi: Permit & Driving Prep
Top navigation bar, isometric illustration, question text, multiple choice options, feedback box, and bottom action button.
Step 7 · 4:25
See the flow
Zutobi: Permit & Driving Prep
Top navigation bar with progress indicator, central practice test question area, and a centered modal overlay for user feedback.
Step 8 · 5:28
See the flow
Zutobi: Permit & Driving Prep
The screen is vertically centered with a header, a central progress visualization, performance metrics, and a bottom-aligned primary button.

Premier League - Scores, News: Taking a Quiz

Open recorded flow

Step 1 · 4:18
See the flow
Premier League - Scores, News
Top navigation bar followed by a header with title and date, a large hero image, a descriptive text block, a call-to-action button, and the start of the quiz content.
Step 2 · 4:22
See the flow
Premier League - Scores, News
Header with back/share, intro text, quiz banner, progress indicator, question text, four answer cards, footer text, and bottom navigation bar.
Step 3 · 5:02
See the flow
Premier League - Scores, News
Top navigation bar followed by a quiz result summary card, instructional text, and a section for additional quizzes.
Step 4 · 5:05
See the flow
Premier League - Scores, News
Header with navigation, followed by a hero quiz result banner, two action buttons, and a vertical list of question result cards.