Back to Vibe Coding Team
Vibe Coding Team / Designer / Skills
UX Flow Design
- name
- ux-flow-design
- description
- Turn product requirements into clear, completable user flows with explicit screen states.
Purpose
Turn product requirements into flows that users can understand and complete without extra explanation.
Process
- Identify the primary workflow and the user's starting point.
- Map the minimum screen states: empty, ready, loading, success, error, and edge cases.
- Decide what information must be visible, what can be progressive, and what should be hidden.
- Define the main action on each screen and the next best action after success.
- Hand clear interaction notes to Engineer.
Principles
- Optimize for the user's job, not for showing every feature.
- Prefer direct manipulation and visible system state.
- Use domain language from PM's brief.
- Keep navigation predictable and reversible.
Output
Provide a flow summary, screen-by-screen notes, key states, and UX risks.