Module 06 · 20 min
Exercise: flow chart and LF wireframes
This is practice. Use your IA diagram and persona. Two deliverables: one flow chart, one set of LF screens.
What to make
- User flow chart — onboarding, main IA path, and the goal process (payment or equivalent).
- Low-fidelity wireframes — one sketch per key screen on the happy path.
- At least one alternate path (error, empty, or failed payment).
How to know you are done
Someone else should walk the flow and match each step to a wireframe without you narrating.
- Flow labels match IA labels.
- Wireframes stay grey and blocky — no final UI polish.
- Insight-backed features appear in both the flow and a screen.
- Files are tidy enough to sit next to your IA diagram in a portfolio.