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
Level 1 · Getting Started with UX Design

UX Design Principles

14 min read
6 exercises
250 XP
Start lesson

Ready to test what you learned?

Complete the lesson quiz and earn 250 XP.

Start quiz

Topics in this lesson

Don Norman's 6 Fundamental Interaction PrinciplesAffordances vs. Signifiers in Digital InterfacesFitts's Law in Modern Touch and Pointer ErgonomicsHick's Law: Cognitive Load in Choice ArchitectureJakob's Law: The Power of FamiliarityMiller's Law and the Chunking Mechanism

From Course

📘
UX Design FoundationsBeginner · 25 lessons
UX Design Principles

Lesson

UX Design Principles

Don Norman's 6 Fundamental Interaction PrinciplesAffordances vs. Signifiers in Digital InterfacesFitts's Law in Modern Touch and Pointer ErgonomicsHick's Law: Cognitive Load in Choice ArchitectureJakob's Law: The Power of FamiliarityMiller's Law and the Chunking Mechanism
Start lesson
Complete lesson and earn 250 PX
Exercise #1

Don Norman's 6 Fundamental Interaction Principles

In his landmark work The Design of Everyday Things, Don Norman synthesized cognitive psychology into six universal design principles governing how humans interact with artifacts:

  1. Affordance: The fundamental property of an object that indicates what operations are physically or logically possible (e.g., a chair affords sitting; a digital input affords typing).
  2. Signifier: Visual, auditory, or haptic cues that communicate where and how an action should take place (e.g., a drop-shadow on a button signaling clickability).
  3. Constraints: Limits placed on user actions to prevent invalid inputs and guide mental focus.
  4. Mapping: The spatial, physical, or conceptual relationship between controls and their effects in the world.
  5. Feedback: Immediate, unambiguous confirmation that the system has received and processed an action.
  6. Conceptual Model: The user's internal mental model of how the system operates, shaped by interface cues.
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).

Exercise #3

Fitts's Law in Modern Touch and Pointer Ergonomics

Formulated by psychologist Paul Fitts in 1954, Fitts's Law states that the time required to rapidly move to a target area is a function of the ratio between the distance to the target ($D$) and the width of the target ($W$):

$$MT = a + b \log_2 \left( \frac{2D}{W} \right)$$

Tactical Implications for UI Designers

  1. Target Size: Interactive elements (buttons, inputs, icons) must meet minimum ergonomic thresholds. Both Apple Human Interface Guidelines and WCAG 2.2 specify a minimum touch target of 44x44 points (or 48x48 dp in Android Material Design).
  2. Distance and Thumb Zones: On mobile devices, primary call-to-action buttons belong at the bottom within natural thumb reach, not tucked into top corners.
  3. Infinite Edges on Desktop: On desktop operating systems, screen edges and corners provide 'infinite depth' because the mouse pointer cannot overshoot the physical boundary of the display (e.g., macOS global menu bar and Windows Start button).
Exercise #4

Hick's Law: Cognitive Load in Choice Architecture

Hick's Law (or the Hick-Hyman Law) models human decision-making: the time it takes to make a decision increases logarithmically as the number of choices increases:

$$T = b \log_2(n + 1)$$

When an interface inundates a user with 30 competing links or an unorganized form with 25 visible fields, cognitive load spikes, resulting in decision paralysis or abandonment.

UX Countermeasures: Progressive Disclosure

To preserve low cognitive load without stripping advanced capability, designers use progressive disclosure:

  • Present only the primary, essential options during initial encounter.
  • Defer secondary, advanced, or rare settings to secondary screens, collapsible accordions, or modal panels upon explicit user request.
  • Group complex multi-step forms into bite-sized stepped wizards.
Exercise #5

Jakob's Law: The Power of Familiarity

Coined by usability authority Jakob Nielsen, Jakob's Law states:

"Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know."

When designers attempt to reinvent ubiquitous interaction conventions (e.g., moving search from the top right/center to a floating widget in the bottom-left corner, or replacing a standard shopping cart icon with a custom proprietary logo), users experience acute cognitive dissonance.

Familiarity reduces cognitive load. Reserve your team's creative innovation for the product's unique core value proposition, not for basic navigation patterns.

Exercise #6

Miller's Law and the Chunking Mechanism

In 1956, cognitive psychologist George A. Miller published The Magical Number Seven, Plus or Minus Two, demonstrating that human short-term working memory can hold approximately $7 \pm 2$ discrete chunks of information simultaneously.

In digital design, Miller's Law does not mean interfaces must always feature 7 items. Rather, it mandates chunking: organizing complex data into digestible, semantically coherent clusters:

  • Credit Card Inputs: Grouping 16 uninterrupted digits into 4 chunks of 4 (4532 •••• •••• 8912) drastically reduces transcription errors.
  • Phone Numbers: Formatting +14155552671 as +1 (415) 555-2671.
  • Navigation Architecture: Structuring 24 subcategories under 4 distinct, clearly labeled mega-menu headers.