Year 11 Digital Technologies · Evaluating Interfaces lesson
The system should always tell you what's going on.
Example: A loading spinner during checkout, a progress bar on a form, an "unsaved changes" warning.
Speak the user's language, not the system's.
Example: A trash-can icon for delete; "Add to cart" instead of "Submit item to array."
Give users a clearly marked "emergency exit."
Example: Undo/redo, a visible back button, being able to cancel a payment before confirming.
Don't make users guess whether different words or actions mean the same thing.
Example: The same icon always does the same thing across every page of a site.
Better than a good error message is a design that prevents the error happening.
Example: Greying out a "submit" button until a required field is filled in.
Minimise how much the user has to remember.
Example: A dropdown of recent searches instead of forcing you to retype them.
Let both beginners and experts move quickly.
Example: Keyboard shortcuts for power users, alongside menus for beginners.
Every extra unit of information competes with the units that matter.
Example: A cluttered homepage with 40 competing banners vs. one clear call-to-action.
Error messages should be in plain language and suggest a solution.
Example: "Card declined — check the number and try again" instead of "Error 402."
Even though it's best if the system needs no explanation, help should be easy to find when needed.
Example: A searchable FAQ or a "?" tooltip next to a confusing field.
Heuristic Evaluation Worksheet — Name: _____________________ Date: ___________
Website/app being evaluated: _______________________________________________
| Heuristic | Pass / Fail / N-A | Severity (0–4) | Evidence — what did you see? | Suggested fix |
|---|---|---|---|---|
| 1. Visibility of system status | ||||
| 2. Match with the real world | ||||
| 3. User control & freedom | ||||
| 4. Consistency & standards | ||||
| 5. Error prevention | ||||
| 6. Recognition rather than recall | ||||
| 7. Flexibility & efficiency | ||||
| 8. Aesthetic & minimalist design | ||||
| 9. Error recovery / messages | ||||
| 10. Help & documentation |
1. Which heuristic did your site violate most severely? Describe exactly what you saw.
2. Pick your worst violation. Write a one-sentence redesign instruction a developer could act on (not just "make it better").
3. Which heuristic did your site do well? Why does that matter for the user?
4. Heuristic evaluation uses an expert's judgement, not real users. What might it miss that real usability testing (watching an actual person use the site) would catch?