Mobile content review flow examples

Content review flow examples

Step 1 · 2:46
See the flow
Vivino: Drink The Right Wine
Top bar with close and done buttons, followed by wine product info, a large circular rating slider in the center, and a text input field at the bottom.
Step 2 · 2:52
See the flow
Vivino: Drink The Right Wine
Top navigation bar with close and done buttons, followed by a rating display, a large text input area, secondary action buttons, and a system keyboard at the bottom.
Step 3 · 2:54
See the flow
Vivino: Drink The Right Wine
Top navigation bar, followed by a rating and text input area, then a section for tagging and flavor selection, and finally a scrollable list of flavor tags.
Step 4 · 3:19
See the flow
Vivino: Drink The Right Wine
Top navigation bar followed by an alphabetical list of currencies with section headers.
Step 5 · 3:44
See the flow
Vivino: Drink The Right Wine
Top search bar followed by a section header and a vertical list of location results.
Step 6 · 3:48
See the flow
Vivino: Drink The Right Wine
Header with title and actions, followed by a list of input rows, a toggle row, and a numeric keypad at the bottom.
Step 7 · 3:50
See the flow
Vivino: Drink The Right Wine
Top toast notification, followed by rating, text input area, action pills, location/price rows, and bottom keyboard.
Step 8 · 3:55
See the flow
Vivino: Drink The Right Wine
Top navigation bar, followed by a large white card containing a rating and text input, then a list of action rows.

Step 1 · 1:43
See the flow
Litres: Audio
Top navigation, rating summary, reviews list, 'Write a review' button, quotes section, and a persistent bottom purchase bar.
Step 2 · 1:45
See the flow
Litres: Audio
Header with rating, reviews section with cards, 'Write a review' button, quotes section with cards, and a persistent bottom purchase bar.
Step 3 · 1:53
See the flow
Litres: Audio
Top navigation bar followed by a vertical list of review cards, ending with a floating action button at the bottom.
Step 4 · 2:30
See the flow
Litres: Audio
Header with title and close button, followed by a rating section, a large text input area, a character counter, and a bottom-aligned primary action button.
Step 5 · 2:33
See the flow
Litres: Audio
A centered modal window with a title, rating display, confirmation messages, and a close button.

Step 1 · 2:38
See the flow
Yelp: Food, Services & Reviews
Hero image at top, followed by business info, action buttons, recommendation prompt, tabbed navigation, and a scrollable menu section.
Step 2 · 3:13
See the flow
Yelp: Food, Services & Reviews
Top navigation bar with Cancel, centered icon and text, and two stacked buttons at the bottom.
Step 3 · 3:16
See the flow
Yelp: Food, Services & Reviews
A centered system permission modal sits on a light background, with two large action buttons positioned at the bottom of the screen.
Step 4 · 3:28
See the flow
Yelp: Food, Services & Reviews
Top navigation bar, followed by a large image preview, a text input field, a secondary action button, and a system keyboard at the bottom.
Step 5 · 3:30
See the flow
Yelp: Food, Services & Reviews
The screen is vertically centered with an illustration at the top, followed by a heading and a sub-heading.
Step 6 · 4:10
See the flow
Yelp: Food, Services & Reviews
The screen is centered with a graphic illustration followed by a text message.
Step 7 · 4:12
See the flow
Yelp: Food, Services & Reviews
Top close button, centered illustration, text block with link, and a full-width bottom button.