cognitive psychology
Signifier
What is a signifier in design?
A signifier is the perceivable signal that tells people what to do and where - the underline that says "link", the shadow that says "press me", the handle that says "drag here". Where an affordance is what an element can do, the signifier is the cue that advertises it, so a button that affords clicking is useless if nothing signifies that it is clickable.
Also known as: signifier, perceived affordance, signifiers
The demo
The same little panel, twice. One strips every cue in the name of "clean"; the other adds the signposts back. Flip between them and watch how much harder the flat one is to read.
What this demo shows (text version)
A small panel contains three interactive things: a text field, a link and a primary button. In the "clean" version they're rendered flat - the field has no border, the link no underline, the button no shadow or fill - so nothing signals that they can be used; you'd have to hover or tap to discover them. In the "signified" version the same three elements get a bordered field, an underlined link and a filled, shadowed button, so it's instantly obvious what's interactive and what each one does.
The affordances never changed - all three were always usable. What changed is the signifiers: the perceivable cues that advertise the affordance. The lesson is that stripping cues for the sake of minimalism doesn't simplify an interface, it hides it; make interactive things look interactive.
Affordance is what's possible; the signifier is the visible cue that announces it. People don't act on hidden possibilities - they act on what they can perceive. So flat "clean" interfaces that strip the cues (no underline, no border, no shadow) don't remove complexity, they remove the signposts, and people stop knowing what's interactive. Add the signal back: make clickable things look clickable.
The "clean" version hid every cue, so you had to guess - or hover and hunt - to find what was actually a button. The signified version costs nothing but a border, a shadow, an underline, and suddenly there's no guessing: the interface tells you where to act. That's the whole job of a signifier - not decoration, but communication.
Norman introduced "signifier" precisely because "affordance" had been stretched to mean two different things. An affordance is a relationship - what an element makes possible (a door can be pushed). A signifier is the signal that communicates it (a flat plate says push, a handle says pull). Good design isn't about adding affordances; it's about making the right ones perceivable through signifiers.
Flat and minimal interfaces created a signifier crisis: when buttons lose their borders and shadows, and links lose their underlines, the affordance is still there but the signifier is gone, so people can no longer tell what's interactive without hovering, tapping, or guessing. The fix isn't more decoration - it's deliberate, consistent cues: things that act the same should look the same, and look different from things that don't.
Signifiers also tell people where and how, not just whether - a drag handle says "grab here", a pull-to-refresh arrow says "pull down", a disabled control's greyed state says "not now". The test is simple: can a first-time user tell what's interactive and what each control will do, before they touch anything? If they have to experiment to find out, the signifiers are missing.