Affordance
/əˈfɔːɹ.dəns/ · Noun · Development · Origin: 1966
Definitions
Affordance is a design concept describing the properties of an object or interface element that suggest how it should be used, without requiring explicit instructions. In user interface design, affordances communicate functionality visually: a button that appears raised invites clicking, a slider suggests dragging, and a text field with a blinking cursor invites typing. The term was introduced by psychologist James J. Gibson in 1977 and adapted for design by Don Norman in his influential book The Design of Everyday Things. Norman distinguishes between real affordances (physical properties that enable actions) and perceived affordances (visual cues that suggest possible actions). Good interface design leverages affordances so users can intuitively understand how to interact with elements. Poor affordances lead to confusion, like flat buttons that do not look clickable or doors with handles that should be pushed.
In plain English: A design hint that tells you what you can do with something. A door handle you can grab, a button that looks pushable, or a link that's underlined — they all 'afford' certain actions without needing instructions.
Example: "The flat design trend killed affordances — users had no idea that grey rectangle was a button until we added a drop shadow."
Etymology
- 1966
- Psychologist James J. Gibson introduces 'affordance' in ecological psychology to describe action possibilities offered by the environment.
- 1988
- Don Norman popularizes the concept for design in 'The Design of Everyday Things,' applying it to human-computer interaction.
- 1990s
- Web and UI designers adopt affordances as a core design principle. Buttons, links, and controls are designed to suggest their function.
- 2010s
- Flat design challenges traditional affordances (skeuomorphism). Designers debate the balance between aesthetics and discoverability.
Origin Story
The design concept borrowed from ecological psychology
Psychologist James J. Gibson coined **affordance** in his 1966 book *The Senses Considered as Perceptual Systems* to describe what the environment offers an animal. A flat surface affords walking; a knob affords turning. It's about possibilities for action, not instructions.
Don Norman brought the concept to design in *The Design of Everyday Things* (1988), though he later admitted he used it differently from Gibson. Norman's version -- what he later relabeled **perceived affordance** -- is about visual cues that suggest how something should be used.
In UI design, affordance became gospel. Buttons should look pressable. Links should look clickable. When flat design stripped away these cues in the 2010s, usability suffered -- proving Norman's point that perceived affordances matter enormously.
Coined by: James J. Gibson (concept), Don Norman (design usage)
Context: Gibson 1966, Norman 1988
Fun fact: Norman was so frustrated by misuse of 'affordance' that he wrote a clarification essay in 1999. He suggested using 'signifier' for visual cues instead, but the design world kept using 'affordance' anyway.