Back to Playbook

Consistency

Consistent interfaces allow users to develop usage patterns. They feel more predictable and are easier to learn.

Why it matters

Consistency reduces the learning curve. When elements behave the same way across the application, users don't have to relearn how to interact with each new screen. It builds trust and makes the product feel cohesive and polished.

Core Pillars

Visual Consistency

Using the same colors, typography, and spacing throughout the application.

Functional Consistency

Interactive elements should work the same way everywhere.

Internal Consistency

Consistency within the product itself, adhering to its own rules.

External Consistency

Consistency with platform standards and user expectations.

Consistency Checklist

  1. Standardized Components

    Use the design system components instead of creating custom ones for every instance.

  2. Consistent Terminology

    Use the same words for the same actions (e.g., don't mix "Delete" and "Remove").

  3. Predictable Navigation

    Keep navigation menus and primary actions in the same place on every page.

Previous Principle Next Principle