UIUXjobsboard

GLOSSARY

Affordances

UX Design

What is an Affordance

An affordance is a visual clue in an interface that suggests how users should interact with it. It's the quality of an object that communicates its purpose and possible actions. For example, a button that appears raised suggests it can be pressed, or underlined text that indicates it's clickable.

Types of Affordances

In digital interfaces, we encounter several types:

  • Explicit: Direct indicators like "Click here" or "Swipe left"
  • Pattern: Familiar design elements users recognize from experience
  • Hidden: Features revealed through interaction, like long-press menus

How to implement Affordances

Create effective affordances by using consistent visual patterns across your interface. Maintain familiar interaction patterns (like blue underlined links), use hover states, shadows, and other visual cues to indicate interactivity. Always ensure affordances are discoverable and intuitive.

Why are Affordances important

Well-designed affordances reduce cognitive load, decrease learning curves, and improve user confidence. They're essential for creating intuitive interfaces that users can navigate without explicit instructions or documentation.

UX Design Terms

See more UX Design terms

Rapid Prototyping

What is Rapid Prototyping Rapid Prototyping is a fast-paced i...

Parametric Searching

What is Parametric Searching Parametric Searching is a refine...

Landing Page

What is a Landing Page A Landing Page is a standalone web pag...

Haptic Feedback

What is Haptic Feedback Haptic Feedback is the use of touch s...

Inclusive Design

What is Inclusive Design Inclusive Design is a methodology th...

Micro-interactions

What are Micro-interactions Micro-interactions are contained ...