Wireframe Annotations — Roadmap Step & Resources
Documenting behavior and logic that a static wireframe can't show on its own
- Level: intermediate
- Estimated time: 1 days
- Roadmap: UX Design
Before this step
Mini projects
- Wireframe a checkout flow and fully annotate its interactive and edge-case behavior
Study resources
- Annotating Wireframes (Article) — Nielsen Norman Group's guide, which touches on annotating wireframes for clarity.
- Wireframe Annotations Explained (Video) — Covers documenting interaction behavior directly on a wireframe.
Part of
- Wireframing — section
- UX Design roadmap — the full learning path