The 10 Usability Heuristics in Infographics

I developed the current version of my 10 usability heuristics in 1994 when I worked at the telephone company research lab, Bell Communications Research, as a revision of an earlier list of a different list of heuristics developed by Rolf Molich and me when I was a university professor. After that 1994 definition, I have not changed the heuristics themselves, but I have certainly gained a deeper understanding of them, as reflected in this article.

Thus, the names are the same, but the explanations and examples are new. Also, our new AI tools allow me to present the heuristics in more visual form that’s more approachable. (For an even more approachable version, and hopefully a few laughs, see my 80 cartoons about the heuristics.)

I made all the illustrations in this article with GPT-Images-2.

Each heuristic is explained with these visuals:

1. A scenario set in a fantasy world.
2. An explanatory infographic.
3. Short text summarizing the heuristic. (Text-only. Longer text available in my article with cartoon heuristics.)
4. 6 design patterns that support the heuristic and are recommended.
5. 6 anti-patterns that violate the heuristic and should be avoided.
6. A comic strip of how the heuristic works in everyday life.
7. A humorous cartoon set in the same fantasy world as the initial scenario.
8. The contrast between following and violating the heuristic.

Heuristic 1: Visibility of System Status

Users must always know what the system is doing. Provide immediate feedback for actions and progress indicators for longer processes. Match feedback intensity to action importance. Continuous orientation through breadcrumbs and real-time status messages builds trust and reduces user anxiety.

Heuristic 2: Match Between System and the Real World

Mirror users’ existing mental models. Use language matching users’ vocabulary, not technical jargon. Metaphors like shopping carts work when connecting to genuine understanding. Leverage established patterns: red means error, scrolling reveals content. This reduces cognitive load and helps users focus.

Heuristic 3: User Control and Freedom

Interfaces must let users drive, not trap them in rigid paths. Every function needs a visible escape hatch: undo, cancel, back, close. When reversals are effortless, users explore confidently. Respect saved preferences. Direct manipulation places complexity firmly under user control.

Heuristic 4: Consistency and Standards

Consistency operates on two levels: internal uniformity and external conventions. Predictable patterns and stable terminology let users operate on autopilot. Users spend most time on other websites and expect yours to work the same (Jakob’s Law). Each inconsistency erodes trust. Depart from conventions only with proven gains.

Heuristic 5: Error Prevention

Error prevention trumps recovery. Design systems making errors impossible, not just detectable. Replace error-prone free text with constrained widgets: date pickers, dropdowns, guided inputs. Implement silent guardrails through inline validation and intelligent defaults. Match friction to risk for irreversible operations.

Heuristic 6: Recognition Rather Than Recall

Interfaces must shoulder the memory burden. Cognition favors recognition over recall, since working memory is narrow and unreliable. Make elements visible at the point of need: menus showing options, tooltips explaining icons, breadcrumbs eliminating mental map-building. Externalize information to interfaces.

Heuristic 7: Flexibility and Efficiency of Use

Serve users at all skill levels. Beginners need clear navigation; experts need accelerators bypassing tedium. Keyboard shortcuts and gestures convert multi-step operations into single actions. Power features must remain unobtrusive to novices yet discoverable. Customization lets users match their workflows.

Heuristic 8: Aesthetic and Minimalist Design

Interfaces should contain only information essential to the current task. Every extra element competes for attention. Apply ruthless subtraction: if it doesn’t help users complete work, remove it. Establish hierarchy using size, whitespace, and contrast. Clean interfaces appear more competent.

Heuristic 9: Help Users Recognize, Diagnose, and Recover from Errors

Error messages must speak users’ language, not the system’s. Replace cryptic codes with precise explanations. Position feedback where problems occur, highlighting specific fields. Provide clear recovery paths: retry buttons, format examples, alternative routes. Solve problems rather than merely identifying them.

Heuristic 10: Help and Documentation

Help systems remain necessary even in well-designed interfaces. Documentation must be findable, task-oriented, and concise. Frustrated users need immediate, searchable solutions in their vocabulary. Embed contextual assistance where problems occur. Present instructions as numbered steps. Effective documentation reveals efficient workflows.

Heuristics Overviews

One more literal overview, one metaphorical!

More Heuristic Goodies

See also my roundup listing of videos and other articles about the 10 heuristics, including the heuristics as haiku (a good educational exercise to identify which of these very short poems refer to which heuristic) and interesting treatments of my 10 heuristics by other authors.