Design Review Scorecard
By blake w. · Published · Updated
Scores one screen on hierarchy, consistency, copy, states, and accessibility, then lists the fixes in the order they pay off.
Prompt template
## Design Review Scorecard Score this screen and tell me what to fix. - Screen description or link: [textarea: What the screen shows and its main task] - Platform: [dropdown: Web desktop, Web mobile, iOS, Android] - Primary user goal: [text: The one thing a user comes to do] - Design system in use: [text: Name or none] - Known complaints: [textarea: Feedback or support tickets] - Review depth: [dropdown: Quick pass, Standard, Thorough] Score each area from 1 to 5 with a one-line reason: visual hierarchy (is the primary action the loudest element), consistency (spacing, type, colour, component reuse), copy (clear labels, no jargon, useful errors), states (empty, loading, error, success, disabled), and accessibility (contrast, touch targets, focus order, text alternatives). Cite the specific element behind every score below 4. Total the scores, then list fixes as a table with columns for issue, fix, effort (S, M, L), and impact (low, medium, high), sorted so high impact and small effort come first. Close with the single change that would most improve the primary user goal.