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 a visual cue showing what action you can take - like a raised button suggesting 'press me' or underlined blue text implying 'click me'. Clear cues guide users; unclear or misleading ones leave them 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.
