Home › Product › Concepts
Affordances
Product / Concepts · Added Apr 2026
An object's design should signal how it is used.
The Idea
An affordance is a property that tells you what an object does without instruction. A door handle invites pulling. A flat plate invites pushing. A button invites pressing. Good products make actions obvious; bad ones require labels, tooltips, or training.
The term comes from Don Norman's The Design of Everyday Things. When users get it wrong, the design is wrong — not the user.
Why It Matters
- Users don't read manuals. They scan and try.
- Every misused control is a tax on adoption.
- Strong affordances reduce support load and onboarding cost.
- Weak affordances force you to add copy, tours, and tutorials — lipstick on a confused interface.
How to Apply
- Make clickable things look clickable. Shadows, borders, and cursor changes still matter.
- Match shape to function — draggable handles should look grabbable, resize edges should invite pulling.
- Watch a new user without coaching them. What do they try first? That's what your design is actually affording.
- Remove false affordances: things that look interactive but aren't.
The Trap
Flat design and minimalism often strip affordances in the name of aesthetics. A button with no border is elegant until nobody clicks it. Beauty that hides function is bad design, not modern design.
Related