root
/
Midtrans-Middleware
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Midtrans-Middleware/.bmad/bmm/workflows/diagrams/create-wireframe/checklist.md

1.0 KiB
Raw Blame History

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