Fundamentals
Consistency and Common Patterns
Leveraging conventions to reduce learning cost and build user confidence
Key Insight
Consistency reduces the cognitive cost of learning an interface. When interactions are predictable — the same element always behaves the same way — users can build mental models and move faster. Common design patterns (hamburger menu, shopping cart icon, search magnifier) leverage learned behavior from millions of other interfaces. Deviating from convention demands that users relearn; the burden must be justified by clear benefit.
Key Points
- •Internal consistency: every instance of a component behaves identically
- •External consistency: familiar patterns from other products work the same way
- •Inconsistency creates uncertainty — users second-guess interactions they've made before
- •Common patterns reduce onboarding time: users arrive with prior knowledge
- •When deviating from convention, provide strong affordances and extra guidance
Guidelines
- ✓Audit your product for internal inconsistencies before launching — find variations in spacing, color, interaction patterns
- ✓Use common icons for universal actions: magnifier = search, cart = shopping, hamburger = menu
- ✓Never change what a control does based on context without clear visual signalling
- ✓Use a design system to enforce consistency — manual audits degrade over time
Want to learn this interactively?
Experience hands-on experiments and test your understanding.
🔥
Practice this topic
Active recall — strengthens long-term retention