UI/UX Design

Affordance

/əˈfɔːdəns/

Definition

A visual or tactile property of a UI element that signals how it should be used — buttons look clickable, sliders draggable.

Example in context

"The flat design removed all affordances — users didn't know those rectangles were buttons until we added shadows."

Practice this term

Master Affordance in context by working through exercises in the UI/UX Design module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.

Frequently Asked Questions

What does "Affordance" mean?

A visual or tactile property of a UI element that signals how it should be used — buttons look clickable, sliders draggable.

How do you pronounce "Affordance"?

"Affordance" is pronounced /əˈfɔːdəns/.

Can you use "Affordance" in a sentence?

"The flat design removed all affordances — users didn't know those rectangles were buttons until we added shadows."