An affordance is a property of an object or interface element that suggests how it can be used. In UX design, it's the visual or interactive cue that tells you a button can be clicked, a slider can be dragged, or a card can be swiped.
‍
Strong affordances make interfaces intuitive because people can figure out what to do just by looking at them, without needing instructions. Weak or misleading affordances, on the other hand, cause confusion and hesitation.

Why does affordance matter?

Affordances reduce cognitive load by letting people rely on instinct rather than trial and error. A button with a shadow and rounded corners reads as pressable, while a raised toggle switch signals it can be flipped on or off.

Designers strengthen affordances through visual cues like color, shape, shadow, and motion, and pair them with clear labels or icons. Getting affordance right is essential for creating interfaces that feel obvious and effortless to use.

Similar