Task Flows and User Flow Logic Trees

Before opening Figma to draw screens, designers model interaction logic through flowcharts:

Task Flows

A linear sequence showing the single optimal path to complete a specific task (e.g., 'Resetting a Password'):

• Focuses strictly on efficiency without branching logic.

User Flows

A comprehensive flowchart incorporating conditional branches, edge cases, and error loops:

• Diamond nodes indicate user decisions or system checks (e.g., 'Is credit card valid?').
• Shows how users recover from failed transactions or alternate scenarios.