An affordance is a visual cue that signals how an element can be used — a button that looks pressable, a slider that looks draggable, a card edge that looks liftable — communicated through shape, shadow, and styling rather than through any label explaining the interaction. The term comes from psychologist James J. Gibson and was brought into design by Don Norman, who argued that good design makes the possible actions on an object visible without any instruction at all.
Affordances
Designing elements that show how they can be used, without a single word of instruction
A
Designers Academy
3 August 2026 · 3 min read
Visual DesignPrinciples
In brief
Affordances are visual cues, like shape or shadow, that signal how a user interface element can be interacted with, allowing users to understand its function instinctively without needing explicit instructions.
Contents
