Watch
Affordance 0:34
A 34-second explainer of Affordance, narrated over the same demo you can try yourself.
Try the interactive Affordance demo
What this video covers
An affordance is the visual hint that tells you what you can do with something - a raised button says "press me", underlined blue text says "click me". Strong cues make actions obvious; missing or false ones leave people guessing.
Your clicks went where the visual cues pointed, not where the function actually lived. That's affordance: we act on what things look like they do.
