Flowchart
UX Design
What is a Flowchart
A Flowchart is a visual representation of a process, system, or user journey that uses standardized symbols and connecting arrows to show the sequence of steps, decisions, and outcomes. It helps teams understand and communicate complex flows in a clear, standardized way.
Types of Flowcharts in UX
Common applications include:
- User Flow Charts: Mapping user journeys through an interface
- Decision Trees: Showing conditional paths and outcomes
- System Flow Charts: Documenting technical processes
- Task Flow Charts: Breaking down specific user tasks
When to use Flowcharts
Create flowcharts when you need to visualize complex processes, document user journeys, plan navigation structures, or communicate system behavior. They're particularly valuable during planning phases and when coordinating with development teams.
How to create effective Flowcharts
Design clear flowcharts by using standard symbols, maintaining consistent direction, adding clear labels, and keeping diagrams as simple as possible while conveying necessary information. Start with high-level flows before adding detail.
While both show processes, user flows specifically focus on user interactions and paths through an interface. Flowcharts can represent any process, including technical and business operations.
Include enough detail to serve your purpose without becoming overwhelming. For high-level planning, keep it simple. For technical documentation, include more detail. Consider creating multiple versions for different audiences.
Popular tools include Figma, Miro, Lucidchart, and Draw.io. Choose based on your needs for collaboration, integration with other tools, and complexity of the charts you need to create.
UX Design Terms
See more UX Design terms
Card Sorting
What is Card Sorting? Card sorting is a user research techniq...
Multi-Channel Testing
What is Multi-Channel Testing Multi-Channel Testing is the pr...
Responsive Web Design
What is Responsive Web Design Responsive Web Design (RWD) is ...
Design Deliverables
What are Design Deliverables Design Deliverables are tangible...
Gamification
What is Gamification Gamification is the application of game-...
Scroll Depth
What is Scroll Depth Scroll Depth is a user engagement metric...