Affordances are design properties that communicate how an object or interface should be used. The concept originated with psychologist James J. Gibson in 1977, who defined affordances as the action possibilities that an environment offers to an organism. Designer Don Norman adapted Gibson’s theory for human-computer interaction in the 1980s, emphasizing that affordances work through both physical and visual properties to make interaction intuitive without requiring instructions or labels.
In Physical Design
Physical affordances rely on an object’s form to suggest its function. A button invites pressing through its raised or recessed shape, a handle’s position indicates whether something should be pulled or pushed, and a knob’s rotation suggests turning. These properties work because they align with human expectations and capabilities, allowing users to interact with unfamiliar objects through inference rather than trial and error.
In Digital Design
Digital affordances communicate function through visual cues and interaction patterns. Underlined blue text signals a clickable link, a cursor change indicates interactive elements, and slider controls are oriented to suggest movement along an axis. Consistency in visual design allows users to transfer knowledge between interfaces—recognizing that similar visual treatments perform similar functions across different websites and applications.
Effectiveness and Limitations
Good affordances reduce cognitive load by making design self-explanatory, whereas poor affordances create confusion and require additional documentation. However, affordances can become invisible through familiarity or misinterpreted due to cultural differences. Designers must balance intuitive affordances with the need to accommodate diverse user backgrounds and abilities.
Source Notes
- 2026-04-07: Fundamental UI/UX Design Concepts: Affordances, Hierarchy, Grids, Typography Explained
- 2026-04-10: Fundamental UIUX Design Concepts Affordances Hierarchy Grids · ▶ source