Checkout heuristic evaluation template

A worked heuristic evaluation of a fictional shop checkout, each issue tied to one of Nielsen's 10 heuristics with a severity. Use it as a model.

Issues found
10
Heuristics
10

Issues, severity and fixes

HeuristicIssueSeverityFix
Visibility of system statusAfter tapping Pay now nothing changes for several seconds, so people tap again and risk paying twice.MajorDisable the button and show a "Taking your payment" state straight away.
Match between system and the real worldThe delivery option is labelled "Fulfilment method", which is our jargon.CosmeticCall it "Delivery or collection".
User control and freedomThere is no way back from the payment step. The browser Back button empties the basket.CatastropheKeep the basket saved and add a visible "Back to delivery" link.
Consistency and standardsPrimary buttons are red on the basket page and grey on the payment page.MinorUse one primary button style across the whole flow.
Error preventionThe quantity field accepts 0 and negative numbers, and the total goes odd.MajorLimit it to 1 or more and show a Remove link instead.
Recognition rather than recallThe promo code you applied disappears from view once you reach payment.MinorShow the applied code and the saving in the order summary.
Flexibility and efficiency of useReturning customers have to retype their address and card every time.CosmeticOffer saved details for signed-in customers.
Aesthetic and minimalist designThree banners sit above the card form and push it below the fold on a phone.MinorMove the promotions out of the payment step.
Help users recognize, diagnose, and recover from errorsA declined card shows "Error 402" and clears every field.MajorSay the card was declined, keep the entered details and suggest another card.
Help users recognize, diagnose, and recover from errorsThe postcode error appears at the top of the page, away from the field.CosmeticShow it beside the postcode field.
Questions

Frequently asked questions

What's in the checkout heuristic evaluation template?

10 issues for a fictional checkout, each linked to a heuristic, rated from cosmetic to catastrophe and paired with a recommended fix.

How many evaluators do I need?

One person finds a lot, but several evaluators working separately find more. Compare your lists afterwards and agree the severity ratings together.

Is the content real?

No. Example Shop is fictional and no real company is named. The issues are typical ones, written to show the format.

Do I need an account?

No. You can build, preview and download without signing in. You only sign in to share a link or save your work.