zero·style

Dictionary entry

affordance

View related-term graphUse in a brief
Was this helpful?
Graphic designCurated · verified

A visual clue in a design that tells you how something is meant to be used, before you ever try it. A button that looks pressable or a slider that looks draggable both have strong affordances.

Synonyms

  • perceived affordance
  • action cue

Related terms

In plain words

  • how a thing shows you what you can do with it
  • when a button just looks clickable

Usage example

The raised, shadowed edge gives the button an affordance that says press me.

Don't confuse with…

  • signifierAn affordance is what an object lets you do; a signifier is the specific mark that advertises that possibility.

Categories

  • Usability principles

Related-term graph

Two hops from affordance — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedaffordance related of call to action
  • Relatedaffordance related of discoverability
  • Relatedaffordance related of mental model
  • Relatedaffordance related of signifier
  • Relateddiscoverability related of affordance
  • Relatedmental model related of affordance
  • Relatedsignifier related of affordance
  • Relatedsignifier related of call to action
  • Relatedmental model related of consistency
  • Relatedsignifier related of discoverability
  • Synonymdiscoverability synonym of findability
  • Relatedcall to action related of ghost button
  • Relatedsignifier related of iconography
  • Relateddiscoverability related of information scent
  • Relatedcall to action related of primary button
  • Relateddiscoverability related of progressive disclosure
  • Relateddiscoverability related of signifier

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief