Mobile content following flow examples

Content following flow examples

Step 1 · 2:40
See the flow
DAZN: Stream Live Sports
Top navigation bar, promotional carousel, secondary tab bar, vertical list of team cards grouped by division, and bottom navigation bar.
Step 2 · 2:43
See the flow
DAZN: Stream Live Sports
Top navigation bar, promotional banner, tabbed navigation, content section with horizontal carousel, bottom notification toast, and bottom navigation bar.
Step 3 · 3:00
See the flow
DAZN: Stream Live Sports
Top navigation bar, promotional carousel, horizontal tab navigation, main content section with a large poster, and a fixed bottom navigation bar.
Step 4 · 3:05
See the flow
DAZN: Stream Live Sports
Top navigation bar, hero image, title and follow button, horizontal content carousel, bottom navigation bar.

Step 1 · 5:02
See the flow
SmartNews: Now in Spanish
Header with avatar and name, followed by a tabbed control, then two distinct list sections (Following and Seeing less), and a bottom navigation bar.
Step 2 · 5:04
See the flow
SmartNews: Now in Spanish
Header with avatar and name, followed by a tabbed navigation, then two distinct list sections for 'Following' and 'Seeing less', and a bottom navigation bar.
Step 3 · 5:14
See the flow
SmartNews: Now in Spanish
Top navigation bar, followed by a tabbed segment control, a search bar, and a multi-column grid of circular topic cards.
Step 4 · 5:17
See the flow
SmartNews: Now in Spanish
Top navigation bar, followed by a tab switcher, a search input field, and a multi-column grid of publisher cards.
Step 5 · 5:23
See the flow
SmartNews: Now in Spanish
Top header with tabs, followed by a scrollable list of topics categorized into 'Following' and 'Seeing less', with a fixed bottom navigation bar.

Step 1 · 3:29
See the flow
SmartNews: Now in Spanish
Search bar at top, followed by horizontal topic carousel, then a vertical numbered list of trending news, and a bottom navigation bar.
Step 2 · 3:40
See the flow
SmartNews: Now in Spanish
Top navigation bar, followed by a search bar, and a multi-column grid of circular topic cards.
Step 3 · 3:48
See the flow
SmartNews: Now in Spanish
Top navigation bar, followed by a tabbed segment control, a search bar, and a multi-column grid of publisher cards.

Step 1 · 2:56
See the flow
ZEDGE™ Ringtones & Wallpapers
Top navigation bar followed by a 3-column grid of circular profile images with text labels below each.
Step 2 · 2:59
See the flow
ZEDGE™ Ringtones & Wallpapers
A centered modal overlay on a dark background containing a cluster of circular avatars, instructional text, and a primary action button.
Step 3 · 3:02
See the flow
ZEDGE™ Ringtones & Wallpapers
Top navigation bar, profile header with bio and stats, action buttons, and a grid of content cards below.

Step 1 · 0:59
See the flow
GoodNovel - Booktok, Stories
Top navigation bar followed by vertical sections for Supports, Author, Recommendations, and Comments, with a fixed bottom action bar.
Step 2 · 1:02
See the flow
GoodNovel - Booktok, Stories
Header with profile info, followed by a list of book cards, and a fixed bottom action bar.

Step 1 · 3:45
See the flow
Quinn - Audio Stories
Top navigation bar, empty state message, 'Featured Creators' section with horizontal scrollable cards, and a bottom navigation bar.
Step 2 · 3:47
See the flow
Quinn - Audio Stories
Top navigation header, empty feed state message, featured creators section, and bottom navigation bar, with a central system modal overlay.
Step 3 · 4:00
See the flow
Quinn - Audio Stories
Top navigation bar, followed by a filter/sort bar, then a scrollable list of content cards, and a fixed bottom navigation bar.