Start with user flows

User flows form the foundation for wireframes. These simple diagrams map out all paths users might take to complete tasks in your app.

Using basic shapes and arrows, user flows show both ideal paths and alternative routes. What seems like a straightforward journey often reveals unexpected pathways as you map out user behavior. While visual polish isn't important, clarity is essential - these diagrams help identify all screens needed for wireframing.

Key aspects of user flows:

• Simple elements: Use basic shapes to represent screens and decisions
• Multiple paths: Show different ways users might reach their goals
• Complete coverage: Document all possible user scenarios, including unexpected ones
• Clear structure: Focus on function over visual appearance