Signifier
A signifier is a perceptible visual, auditory, or tactile signal that indicates what action is possible and where it should happen.
In Donald Norman's design framework, affordances represent physical action possibilities, while signifiers show users where to interact. On a flat glass phone screen, a button border or drop shadow is the signifier that invites a tap.
How it works
Signifiers bridge the gap between system capabilities and human perception. Styling an element with contrasting color, elevation, an underline, or a chevron icon immediately signals to the user that it responds to touch or click.
When to use it
Every interactive element in a digital product must include unambiguous signifiers so users never have to guess whether something is clickable.
Common mistakes
Using flat, unstyled text for interactive links, or conversely, styling inert informational cards so heavily that users repeatedly tap them expecting a reaction.
Key takeaways
- Signifiers tell users where and how to interact on digital screens.
- An affordance without a signifier is invisible to the user.
- Misleading signifiers cause users to tap non-interactive elements in frustration.
Learn this
Lessons and exercises mapped to this concept.
Common questions
- What is the difference between an affordance and a signifier?
- An affordance is what can physically be done (a screen affords tapping), while a signifier is the visual clue that shows where the action should occur (a button graphic).