A structured design critique

A good critique reads like a walkthrough with a spine — who, what works, what hurts, and what to do next.

The idea

A critique isn’t a list of things you dislike. It starts with who is using the screen and what they came to do, walks the task as they would, then names each snag against a known heuristic and rates how much it hurts. You call out what works too — and you always end with one concrete recommendation the team can act on.

Interactive · critique a checkout

Tap each flagged spot on this checkout screen. Tag it with the heuristic it breaks (or the one it honours) and a severity. Then order your critique below and watch the coach meter respond.

Checkout — a returning shopper, on mobile

Pick a spot to tag

Every flagged row hides a usability point — some good, some not. Start anywhere.

Tip: a strong critique names the one strength before the flaws — it earns trust for the hard part.
tagged 0 / 3 issues · 0 / 1 strengths noted

Now deliver it · put the critique in spoken order

structure 0% actionability 0%

Reorder the lines into the order you’d actually speak them.

How it works

The same five moves, every time. It scales from a hallway chat to a formal review:

1. Context   — who is the user and what are they trying to do?
2. Works     — name one thing that is done well (earns trust)
3. Issues    — walk the task; for each snag:
                 heuristic  (why it is a problem)
                 severity   (high / medium / low = how much it hurts)
4. Order     — sort issues high -> low; lead with the costliest
5. Recommend — one concrete, owned next step

Severity, roughly:
  high    blocks or misleads a real task      -> fix first
  medium  slows or frustrates, recoverable    -> fix soon
  low     polish; small friction              -> batch later

When to use it

FitsKeep in mind
Design reviews and critsTie every note to a heuristic, or it sounds like taste
Reviewing a PR’s UI or a mockSeverity is a judgement call — say why, don’t just rate
Whiteboard “critique this screen” interview promptsTime-boxed: 3–4 issues beat twelve nitpicks

Watch out for

Worked example

Interviewer: “Critique this checkout.” You start with context — “A returning shopper on mobile trying to finish a $60 order.” You note what works: the “Step 2 of 3” indicator sets clear expectations. Then, walking the task: the total is hidden until the last step — visibility of system status, high; the card field only validates on submit — error prevention, medium; “apply” on the promo gives no confirmation — a low status gap. You land it: “Surface a running total on every step first — it’s the one change that most moves completion.” Five moves, ninety seconds, and the interviewer knows exactly how you think.

Check yourself

A teammate opens with: “The submit button and the cancel button look identical, so people mis-click.” Which heuristic best names it?

Pick one to see a coach note.