Mobile voice conversation flow examples

Voice conversation flow examples

Step 1 · 5:32
See the flow
Google Gemini
A dark, gradient-filled background with a top-left close button and a bottom-center skip button.
Step 2 · 5:43
See the flow
Google Gemini
A centered modal card containing a header icon, title, four bulleted text blocks, and two bottom-aligned action buttons.
Step 3 · 5:49
See the flow
Google Gemini
Top navigation bar, central voice profile display with pagination, and a bottom primary action button.
Step 4 · 5:56
See the flow
Google Gemini
Top header with close button and title, central voice display area with carousel controls, and a bottom primary action button.
Step 5 · 6:07
See the flow
Google Gemini
Top status indicator, central dark gradient background, bottom control row with two circular buttons.
Step 6 · 6:17
See the flow
Google Gemini
Top status indicator, central instructional text, and bottom control buttons.
Step 7 · 6:29
See the flow
Google Gemini
Centered text and icons with two primary action buttons at the bottom.
Step 8 · 6:37
See the flow
Google Gemini
Header with title, chat history in the center, and a fixed input bar at the bottom.

Step 1 · 3:47
See the flow
ChatGPT
Centered headline followed by a vertical list of four feature items, a primary action button, and a footer disclaimer.
Step 2 · 3:51
See the flow
ChatGPT
Top navigation bar with Cancel and title, central circular graphic with text below, pagination dots, and a bottom primary action button.
Step 3 · 3:54
See the flow
ChatGPT
Top navigation bar with cancel and title, central carousel area with voice preview, and a bottom primary action button.
Step 4 · 3:58
See the flow
ChatGPT
Top navigation bar, central voice preview area with pagination, and a bottom primary action button.
Step 5 · 4:08
See the flow
ChatGPT
The screen consists of a centered system permission modal over a main chat interface, with a top navigation bar and a bottom input area.
Step 6 · 4:11
See the flow
ChatGPT
The screen features a header, a central conversation area, an informational card near the bottom, and a persistent input/control bar at the very bottom.
Step 7 · 4:21
See the flow
ChatGPT
Header at top, conversation history in the middle, informational card above the input area, and a persistent bottom control bar.
Step 8 · 4:56
See the flow
ChatGPT
Header at top, main text response in center, interaction bar below text, and persistent input/control bar at the bottom.
Step 9 · 4:59
See the flow
ChatGPT
Top navigation bar, followed by a voice chat summary card, the main AI text response, and a bottom input bar.

Step 1 · 2:05
See the flow
Claude by Anthropic
Top navigation bar, main content area with chat text, centered system permission modal, and a bottom fixed input bar.
Step 2 · 2:50
See the flow
Claude by Anthropic
Top-left close button, centered content card with pagination dots below, and a large circular navigation button at the bottom.
Step 3 · 3:01
See the flow
Claude by Anthropic
The screen is divided into a top section with text prompts and a bottom section with a control bar.