Purpose
To validate the quality, structure, and completeness of wireframes before they are finalized. Prevents missed states, inconsistent spacing, or unclear flows.
Wireframe Review Checklist
| Item | Check | Status (☑/✗) | Notes |
| Structure & Layout | Screen follows Wireframe Structuring Model (Hero, CTA, Info, Action, Feedback) | ||
| Grid Alignment | Elements respect Grid & Spacing Rulesheet | ||
| Consistency | Reusable blocks/cards match across screens | ||
| State Variants | Empty, Loading, Success, Error, Permission states are included | ||
| Annotations | Notes for interactions, transitions, and edge cases documented | ||
| Clarity | No ambiguous labels (“Something here”) or lorem ipsum | ||
| Navigation | Entry & exit points align with UX Flow Diagram | ||
| Accessibility | Minimum tap/click sizes and text sizes respected | ||
| Responsiveness | Desktop + mobile variants drafted; tablet considered | ||
| Business Alignment | Wireframe supports defined goals/success criteria | ||
| Review Cycle | Peer feedback incorporated | ||
| Final Approval | Design Lead reviewed & approved |
Usage Notes
- This checklist must be completed before wireframes are marked “Approved.”
- Designer → self-check → peer-review → lead approval.
- Store the completed checklist alongside the wireframe set in the project folder.