07 · Affordance Theory A hotel in Normandy · 1988 → 2026

the handle
tells the hand

Don Norman pushed a door that wanted to be pulled and founded a discipline. This door is lying to you right now — try it.

PUSH

The handle says pull. The sign says push. One of them is lying — which do you trust?

Don Norman · The Design of Everyday Things affordance ≠ signifier
01The Core Exhibit

Affordances determine what is possible. Signifiers communicate it. Every “unintuitive” interface ever shipped is a gap between those two — and the gap is never the user’s fault.

James Gibson described affordances as what the environment offers a body — a stair affords climbing whether or not anyone notices. Norman took the idea into design and added the missing half: it is not enough for an action to be possible; the object must say so, at a glance. In software the distinction is everything, because pixels have no physics. On a screen, the signifier does all the work.

02The Historic Masterpiece · the Norman door

The artifact of this wing is not a beautiful object. It is a door in a French hotel, circa 1988, with a handsome vertical handle — cold metal, rounded, sized perfectly for a pulling grip — mounted on a door that only opens if you push. Norman pushed, pulled, felt foolish, watched other guests do the same dance, and realized the profound thing: everyone blamed themselves. Nobody blamed the door.

The door fails a three-line test that generalizes to every interface you will ever ship. If you have to guess whether to push or pull — the door fails. If you cannot find where to push or pull — the door fails. If you push, and it turns out to slide — the door fails. And the tell-tale symptom of failure is always the same: a sign. The moment someone tapes PUSH above a handle, the design has already lost; hardware is being apologized for in copy. A flat plate affords only pushing — install one and the sign becomes unnecessary.

Norman gave the discipline its vocabulary: discoverability — can I tell what actions are possible? — and feedback — after acting, do I know what happened? Five mechanisms serve them: affordances, signifiers, constraints, mappings, feedback. Every tooltip in your product is that hotel’s PUSH sign, printed in a nicer font.

03The Line-Up · spot the clickable

Six suspects. Which ones actually work?

Every element below either does something or lies about it. Tap each one and see how your instincts — trained by thirty years of interface convention — get exploited.

The interrogation room 0 / 6 examined

Honest. Fill, elevation, a verb for a label — the signifier stack all agrees: pressable, and it presses.

terms and conditions

False affordance. Underline means link since 1993. This one is just decorated text — a handle on a push door.

View invoice history

Honest — barely. Color alone signals it, which fails color-blind users. WCAG asks for more than hue: underline it or give it shape.

Continue

A lie in both directions. Ghost styling reads as disabled. Users skip live buttons dressed like this — the mechanism works but the handle is missing.

Invoice #2041
Raised card, soft shadow — does the elevation mean tappable?

Honest. Elevation borrowed from the physical world: raised things can be pressed. Material Design turned that instinct into a system.

BETA · new engine

Innocent bystander. Pill-shaped like a button, padded like a button — purely a status label. Shape borrowed without the function to back it.

04The Modern Pixel · click triggers

Flat design almost removed the handles.

Around 2013 the industry sanded every bevel off the interface, and for a while it forgot why the bevels existed. Shadows and borders were not decoration — they were the handles: depth cues that said “raised, therefore pressable” faster than conscious thought. Strip them without substitutes and you manufacture Norman doors at scale: gesture-only actions with no visible entry point, icon buttons whose icons map to nothing, links distinguishable from text only by luck.

The mature answer was never a return to leather stitching. It is the state stack: every interactive element carries its own set of signifiers through time — default, hover, focus, pressed, loading, disabled — each visually distinct, each a small piece of feedback within a hundred milliseconds. Silence after a tap always reads as failure. The states below are the door handle, the push plate, and the satisfying click of the latch, rebuilt in pixels.

defaultDeploy
hoverDeploy
focus — the keyboard’s handleDeploy
pressedDeploy
loadingDeploying…
disabledDeploy
05The Juxtaposition

The lobby and the login screen.

The door, 1988The interface, 2026The failure
Pull handle on a push doorGhost button that looks disabledSignifier contradicts affordance
No handle, no plate, blank slabSwipe-only gesture, zero visual hintNo signifier at all
Knob says turn, not push or pullGear icon that deletes; heart that archivesBroken mapping
Latch clicks; door swingsPress states, spinners, success toasts— feedback, done right
PUSH sign taped above the handleTooltip explaining a single controlThe sign is the confession
06Design Lineage · 60 years
“When you have trouble with doors, it is not your fault. It is the design.”
Don Norman · The Design of Everyday Things
08Curator’s Note

Audit your product for signs. Every tooltip, every coach-mark, every “Tip:” banner explaining a single control is a PUSH sign taped over a pull handle — an apology for a signifier you didn’t design. The fix is never better copy on the sign. Fix the handle, and the sign becomes litter.

— Curator, Affordance Theory