UI and UX principles 0 of 14 chapters complete
Start chapter 1 →

Interface and service foundations · 14 chapters

Understand the task before choosing its parts.

Follow a task from its information structure through layout, words, color, forms, screens, media, data, access, and measurement. Each chapter gives you a method, worked reasoning, a practice prompt, and source readings.

Study in order

The chapters build a shared vocabulary. Pattern families and live examples give each principle a concrete application.

0 of 14 chapters complete

  1. 01
    Organize information around the task

    Create names and routes that help people predict where to go.

    →
  2. 02
    Design content around a person's question

    Plan, write, and maintain content that answers a real question at the point of use.

    →
  3. 03
    Make text carry the work

    Use type, headings, and sentence structure to support scanning and close reading.

    →
  4. 04
    Give the page a clear visual order

    Place content so the primary task and its supporting information form one readable path.

    →
  5. 05
    Use color to reinforce meaning

    Build a color system that keeps actions and states clear across contexts.

    →
  6. 06
    Make visual media explain its purpose

    Choose images, icons, and movement that clarify a task and remain understandable through other modes.

    →
  7. 07
    Help people answer one clear question at a time

    Design forms around purpose, understandable labels, and recoverable answers.

    →
  8. 08
    Preserve the task across screens and input modes

    Adapt layout and interaction while keeping the essential route available.

    →
  9. 09
    Build consistent components around behavior

    Define reusable components with shared appearance, states, and access behavior.

    →
  10. 10
    Help people read data as a decision

    Show values, comparisons, and uncertainty in a form that supports the reader's next action.

    →
  11. 11
    Review completion across different abilities

    Check whether people can perceive, understand, operate, and complete the task.

    →
  12. 12
    Give people clear control over consequential choices

    Explain data use, risk, and recovery so a person can make an informed choice.

    →
  13. 13
    Keep people oriented when automation acts

    Show the system's scope, evidence, progress, and approval points during automated work.

    →
  14. 14
    Measure whether the task became easier

    Combine task evidence and performance data to judge a design change.

    →

Carry the method into UX work

These chapters explain how the interface communicates. The UX course follows a person's whole task through research, design, testing, and a service decision.

Open the UX course →

Saved items