UX Flow Diagram

A skill that visualizes user flows and screen transitions as ASCII diagrams.

When to Use

• Documenting user journeys
• Designing navigation flows between screens
• Defining user flows per feature
• Representing conditional branching and exception handling flows

Flow Diagram Symbols

Basic Nodes

┌─────────┐
│ Screen  │     ← Screen/Page
└─────────┘