Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/UX Design Foundations/UX Design Principles/
Exercise #2

Affordances vs. Signifiers in Digital Interfaces

One of the most consequential conceptual distinctions in modern UI design is the difference between an affordance and a signifier:

  • Affordance: An affordance is an action possibility. A touchscreen display physically affords touching, swiping, and tapping anywhere across its glass surface.
  • Signifier: A signifier signals where to touch. Because flat glass affords tapping anywhere, users cannot discern interactive elements without visual signifiers. A button outline, contrasting surface elevation, blue underline on a link, or chevron icon acts as a signifier.

The 'Norman Door' Phenomenon

When a physical door features a flat pull handle on the push side, users naturally pull—and crash into the door. The handle's physical affordance contradicts its mechanical operation.

In digital software, a 'Norman Door' occurs whenever an interactive element lacks adequate signifiers (e.g., flat, unstyled text that is secretly clickable) or uses deceptive signifiers (styled cards that look clickable but do nothing).

Topics

Don Norman's 6 Fundamental Interaction Principles
Affordances vs. Signifiers in Digital Interfaces
Fitts's Law in Modern Touch and Pointer Ergonomics
Hick's Law: Cognitive Load in Choice Architecture
Jakob's Law: The Power of Familiarity
Miller's Law and the Chunking Mechanism
design
UX Design

From lesson

2

UX Design Principles

Level 1 · Getting Started with UX Design

Top contributors

Community contribution details will appear here once real learner activity is available.

Share