UI/UX Design Review Checklist

Designdesignui-uxreviewaccessibility

A comprehensive UI/UX design review checklist covering visual hierarchy, usability, accessibility, and responsiveness.

Prompt
Review the following UI design and provide feedback using this checklist:

{{design}}

**Visual Hierarchy**
- Is the most important element immediately obvious?
- Do heading sizes create clear information hierarchy?
- Is whitespace used effectively to group related elements?

**Usability**
- Are interactive elements (buttons, links) clearly identifiable?
- Is the navigation intuitive? Can a new user find what they need?
- Are form inputs labeled clearly with appropriate validation states?

**Accessibility**
- Do color combinations meet WCAG AA contrast ratios (4.5:1 for text)?
- Are interactive elements at least 44x44px touch targets?
- Is the design usable without color alone (for colorblind users)?

**Consistency**
- Are spacing, typography, and color usage consistent throughout?
- Do similar elements behave the same way?

**Responsiveness**
- How would this layout adapt to mobile screens?
- Are there any elements that might break at smaller widths?

Rate each area: ✅ Good | ⚠️ Needs improvement | ❌ Critical issue

What you get when you save this prompt

Your workspace unlocks powerful tools to iterate and improve.

AI OPTIMIZE

AI Optimization

One-click improvement with structure analysis and pattern suggestions.

VERSION DIFF

Version History

Track every edit. Compare versions side-by-side with word-level diffs.

ORGANIZE
Development
Code Review
Testing
Marketing

Folders & Tags

Organize your library with nested folders, tags, and drag-and-drop.

MCP
$ npm i -g @promptingbox/mcp
Claude · Cursor · ChatGPT

Use Everywhere

Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.

Your prompts, organized

Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.