Skip to content

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.