An affordance is what an object lets you do; a signifier is the hint that tells you so. Confusing the two is where a lot of bad design begins.
An affordance is the action an object or element makes possible, and in UX specifically, the action a user can perceive. A signifier is the cue that hints at that action. A door handle affords pulling; a ‘Push’ label is a signifier. Affordances come in three types: perceptible (obvious and expected), hidden (concealed until discovered) and false (they promise an action they do not deliver). The term comes from James Gibson (1977) and was brought to design by Don Norman (1988).
Key takeaways
- Affordance = what is possible; signifier = the cue that reveals it. Keep them aligned.
- James Gibson coined 'affordance' (1977); Don Norman applied it to design (1988).
- Three types: perceptible (clear), hidden (discoverable), false (misleading).
- False affordances break trust; perceptible ones cut the learning curve.
- Using affordances to deceive is a dark pattern, which is an ethical and legal risk.
Affordance vs signifier
Affordance refers to what an element allows; the signifier is the hint indicating it. Gibson described affordances as actionable properties between the world and an actor. Norman, in The Design of Everyday Things, tied affordances to design and, borrowing from Saussure’s semiotics, added signifiers: intentional cues that tell users how to act. Align the two and interaction is smooth; mismatch them and users get confused.
| Object | Affordance | Signifier |
|---|---|---|
| Door | Handle shape affords push or pull | 'Push' / 'Pull' label |
| Scrollbar | Presence affords scrolling | Arrows at the ends |
| Steering wheel | Round shape affords turning | Volume / cruise icons on it |
| Light switch | Affords flipping up or down | 'On' / 'Off' symbols |
The three types of affordance
| Type | What it is, with an example | Effect |
|---|---|---|
| Perceptible | Immediately recognized and understood, matching user expectations (scrollbar, stove knob, a chair you sit on). | Reduces learning curve |
| Hidden | Concealed until discovered (hover-to-zoom on a product image, a concealed menu). Adds delight but must not block core tasks. | Discovery, test carefully |
| False | Promises an action it does not deliver (a handle that looks pull but is push). A design mistake or deliberate misdirection. | Breaks trust |
Beyond screens
Affordance runs through UI (buttons, links, tabs, sliders, dropdowns), product design (a mug’s handle, appliance controls) and even architecture (a staircase guides movement and adds meaning). In every case, the goal is to align what is possible with what is perceivable.
The ethics of affordance
Using affordances to trick users, misleading cues that push unintended actions, is a dark pattern: it erodes trust and can create legal problems. Anti-patterns are well-meant solutions that cause more problems than they solve. Ethical design means clarity, honesty and respect for user autonomy.
The action an object or interface element makes possible and that the user can perceive, such as a button that looks clickable.
An affordance is what is possible; a signifier is the cue that reveals it. A handle affords pulling; a ‘Pull’ label is the signifier.
Perceptible (obvious and expected), hidden (discovered on interaction) and false (they suggest an action they do not deliver).
James J. Gibson introduced it in 1977 in ecological psychology; Don Norman brought it to design in 1988 in The Design of Everyday Things.
They can be. When used deliberately to mislead users, they become dark patterns, which harm trust and can lead to legal issues.
Want interfaces users understand at a glance, honestly? Talk to Dorve.
Start a project