Principles1 for the design
of interactive technology
A. Ontological Heuristics
a. of objects.
b. of actions.
c. of properties.
d. of relationships.
e. of constraints.
f. of system status.
a. Form indicates function.
b. Can be directly manipulated.
c. Flexible, tailorable.
a. Efficient, not repetitive.
b. Reversible, undoable.
c. Accessible via shortcuts.
d. Not required when unnecessary.
e. User always in control.
a. Obvious, pervasive.
c. Exits clearly marked.
d. Landmarks used; user does not get lost.
e. "Home" provided and easily returned to.
f. "Dead ends" avoided where only action is to exit.
b. Expected types and formats clear.
c. Appropriate defaults set and restorable.
d. Recommended values identified.
e. Units and ranges clear and intuitive.
a. Present for all actions.
b. Shown when system status changes.
c. Continual for lengthy operations.
a. Helpful and appropriate.
b. Intrusive only when necessary.
c. Timely presented when users can act on them.
a. Users protected from making them.
b. Offer remedies and next steps.
c. Not damaging; recoverable.
d. Avoid blaming the user.
a. Accurate and concise.
b. Avoids jargon and "programmerisms."
c. Employs consistent terms throughout.
d. Accompanied by images where appropriate.
e. Uses proper terminology and capitalization.
f. Expresses userís perspective, not systemís.
a. Available everywhere.
c. Gives step-by-step instructions.
C. Cognitive and Perceptual
a. Not hidden.
b. Not false.
c. Feedback used to aid.
a. Drawn by emphasis.
b. Focus clear, not divided.
c. Limits not exceeded.
d. Parallel channels used.
3. Human memory
a. Recognition used rather than recall.
b. Special cases and exceptions minimized.
c. Never more than 7 Ī 2 items required for recall.
d. Burden carried by computer whenever possible.
4. Auditory channel
a. Not used in isolation.
b. Usually should accompany errors.
5. Visual layout
a. Good use of screen real-estate.
b. Good visual segmentation.
c. Important information prominent.
d. Moderate to high information density.
a. Minimalist use.
b. Avoids arbitrary assignment.
c. Red used in errors, avoided elsewhere.
d. Foreground distinguishable from background.
e. Usable in black and white.
D. Conceptual Model
1. System motifs
a. Are employed throughout.
b. Match user thinking.
2. Information architecture
a. Structure supports user goal structure.
b. Structure accurately reflects relationships.
c. Information available when and where needed.
d. Sequences mimic user decision sequences.
a. Avoided when possible.
b. Obvious when in effect.
c. Active over passive.
4. Natural mappings
a. From controls to objects (input).
b. From displays to objects (output).
a. Accurately communicate mental model.
b. Deep enough to be of value.
c. Beyond "mechanical age."
d. Not broken, rarely mixed.
6. Clear path
a. Program opens at conceptual beginning.
b. Most likely actions are most accessible.
c. Interface encourages exploration.
d. Complexity layered and hidden.