2.13 Use a design system for interface consistency

Materials: Medium
Energy: Low
Water: Medium
Emissions: Low

Keep the components of the project as consistent and clear as possible by using a design system to organize reusable features.

Design system: Machine-testable
Use a design system based on web standards and established patterns to share interface components and ensure a consistent user experience.

Accessibility
Using a design system with accessible components will improve access to information for people with disabilities. Building design features that integrate accessibility from the start ensures everyone is always included.
Conversion
Using design systems supports consistent user interfaces. This improves user trust because individuals will recognize familiar components and know how to use them. This can improve conversion rates as it will reduce frustration, abandonment, and possible complaints.
Economic
Using standardized components and avoiding redundancy can reduce development time and the associated costs. Familiarity makes the experience easier for users, reducing bounce rates.
Environment
Following web standards to build consistent interfaces requires less energy and resources, because they are naturally more optimized. Design systems that incorporate environmental criteria can help to scale digital sustainability and reduce redundancy, reduced energy use and negative impact.
Performance
Building design systems using standardized components reduces the need for repeat coding. This reduces developer coding time and can improve performance. Overall, sustainable patterns reduce emissions.