checklist.md 1.0 KB
Create Wireframe - Validation Checklist
Layout Structure
- Screen dimensions appropriate for device type
- Grid alignment (20px) maintained
- Consistent spacing between UI elements
- Proper hierarchy (header, content, footer)
UI Elements
- All interactive elements clearly marked
- Buttons, inputs, and controls properly sized
- Text labels readable and appropriately sized
- Navigation elements clearly indicated
Fidelity
- Matches requested fidelity level (low/medium/high)
- Appropriate level of detail
- Placeholder content used where needed
- No unnecessary decoration for low-fidelity
Annotations
- Key interactions annotated
- Flow indicators present if multi-screen
- Important notes included
- Element purposes clear
Technical Quality
- All elements properly grouped
- Text elements have containerId
- Snapped to grid
- No elements with
isDeleted: true - JSON is valid
- File saved to correct location