User Experience

Affordance

Plain English

Clues in the design that show users what they can do.

Definition

Affordance refers to how the design of an element suggests its possible actions. It helps users understand what they can do without needing instructions.

In practice

Used in to make actions obvious, such as buttons looking clickable or links appearing interactive.

The reality

If users have to guess what something does, the design has failed.

FAQ

Common questions

A few practical answers to the questions that usually come up around this term.

What is affordance in UX?

Affordance is how design suggests what actions are possible.

Why is affordance important?

It helps users understand how to interact with a product without instructions.

What is an example of affordance?

A button that looks clickable or a slider that looks draggable.

What happens when affordance is poor?

Users become confused and may not complete actions.

Related Services

Related Guides

Related Terms

LET'S WORK TOGETHER

Ready to improve your product?

UX, research and product leadership for teams tackling complex digital services. The work usually starts where things have become harder than they need to be: unclear journeys, inconsistent products, competing priorities, or teams trying to move forward without a clear direction. I help simplify the problem, shape the right next step, and turn complexity into something people can actually use.

Previous feedback

Will Parkhouse

Senior Content Designer

01/20