Overflow Examples

Discover some of the most popular types of user flows and design presentations you can build with Overflow. Click on each example to explore it within the tool.

High fidelity user flows

Use high fidelity designs to fully visualize your user journey. Group your screens into subflows using background rectangles.

Early stage ideation

Validate your idea early with minimum time investment, using simple shapes and arrows.

Wireframe user flows

Present your flow with a minimum level of design detail, before proceeding to high-fidelity design.

Capture existing flows

Document and improve the user experience of existing digital products using simple screenshots.

Hybrid flow

Introduce flowchart symbols to indicate user steps that are either undesigned or happen outside the main user flow.

Cross device flows

Present designs adapted to different device types and sizes for a holistic view of your user experience.

Side-by-side comparison

Present alternative versions side-by-side to facilitate decision making.

Version history

Document your project’s evolution in a single canvas or using separate boards.

Moodboard

Drag and drop images to create a visual board of your early design concept.

Flowchart

Connect shapes to visualize steps, systems, or algorithms. Build data flowcharts, process flowcharts, workflow flowcharts, circular flowcharts, and more.

User story mapping

An exercise that helps teams understand how each story fits into the wider user experience, identify gaps, and prioritize work.

Sitemap & Information Architecture (IA)

Document the structure of your website in an interactive format. Understand page hierarchy and structure complexity, and facilitate future iterations.

Mind map

Brainstorm or visualize information by mapping associating concepts branching out from a core idea with simple shapes and connectors.

Timeline

Use connectors, shapes, and labels to represent important events and milestones within a certain time period in a digestible, visual format.