2.10 Use established design patterns and essential components
Use established and recognizable patterns to increase the efficiency of the user journey.
Criteria
- Design patterns: Machine-testable
Display only essential components at the time they are needed. Where appropriate, use familiar patterns to maximize ease of use.- Dark Mode Can Improve Text Readability — But Not for Everyone
- Dark mode can save battery, but only if your device has an OLED screen
- Design patterns
- Google: Here’s why dark mode massively extends your OLED phone’s battery life
- GPF – General Policy Framework (PDF) – 4.14 – UX and UI (Dark Patterns)
- GR491 – 5-3029 – Visual Soberness
- GreenIT – 005 – Simple, clean and friendly web design
- How UX design can help tackle climate change
- Laws Of UX
- Lowww Carbon
- Minimal Gallery
- Patterns
- Patterns.dev
- The dark side of green web design
Benefits
- Accessibility
Using established design patterns makes it easier for all users to understand how to perform a task, especially those with greater accessibility needs. - Environment
Building using recognized design components will reduce the amount of time users spend trying to perform a task. The less time users spend achieving their goals, the lower their energy usage and emissions. - Performance
Using familiar design patterns that appear where users expect and only when appropriate can increase perceived performance due to more effective navigation.
GRI
- Materials: Medium
- Energy: Low
- Water: Medium
- Emissions: Low