Overflow Examples

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

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

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

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

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

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

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

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

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

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

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

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

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

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