Skip to Main Content
Sustainable Web Design Logo
  • Home
  • Guidelines
  • Emissions
  • Ratings
  • Contact

◂ UX Design guidelines

2.1 Undertake Systemic Impacts Mapping

UX Design

Many variables can impact the user-experience, and a bunch of these can impact how sustainable your website will be. Attempting to identify where you can make a difference to the visitor and give them a more sustainable experience will be beneficial.

Criteria

  • External Variables: Any negative external variables affecting a product or service are displayed in a publicly available resource, identifying where your product’s sustainable impact can be diminished (systemic design).

Impact

Medium

Effort

Medium

Benefits

  • Environmental:
    Clearly understanding a system’s components can help a product team construct a plan to reduce emissions, especially from third-party services in an organization’s supply chain.
  • Privacy:
    Teams can better prioritize data privacy when they clearly understand a system’s components, especially if they can identify potential risks to data protection.
  • Social Equity:
    Teams can better prioritize social equity when they clearly understand a system’s components. They must pay special attention to considerations from underrepresented groups, as these variables may not be well understood or covered in existing best practices.
  • Accessibility:
    Teams can better prioritize accessibility when they clearly understand the components of a system. This is because they will understand their target audience and can identify improvements to make beyond basic inclusive design practices which could provide a well-rounded experience.

GRI

  • materials: Medium
  • energy: Medium
  • water: Medium
  • emissions: Medium

Example

  • A Systemic Design Toolkit (PDF).

Resources

  • [AFNOR] Spec 5.1.6 (French)
  • Are my third parties green?
  • ATOS Ecobranding Report (PDF)
  • Digital Eco-Design: Assess and measure
  • [GPFEDS] 1.1 – Strategy (Assessment & Impact) (PDF)
  • [GPFEDS] 1.5 – Strategy (Impact Goals) (PDF)
  • [GPFEDS] 2.1 – Specifications (Hardware Profiles) (PDF)
  • [GPFEDS] 4.12 – UX and UI (Impact Flags) (PDF)
  • [GR491] 7-3047 – Systemic Approach
  • IBM Design For Sustainability (PDF)
  • Learn Performance
  • Nachhaltige Websites? (German)
  • Network energy use not directly proportional to data volume
  • Opquast Web Quality Assurance Checklist (PDF)
  • Reduce the weight of a web page: which elements have the greatest impact?
  • Scope 3 Emissions in Your Digital Supply Chain
  • The Fog of Enactment
  • United Nations [SDGS] Goal 1 (Poverty)
  • United Nations [SDGS] Goal 7 (Sustainable Energy)
  • United Nations [SDGS] Goal 13 (Climate Change)
  • Variables of Web Sustainability (PDF)
  • Why your internet habits are not as clean as you think

View the Guideline

Tags

ReportingSocial EquityAccessibilityIdeationResearchCompatibilityPerformanceHardwareSoftwareNetworking

Share

More ux design guidelines

2.2 Assess and Research Visitor Needs

UX Design

2.3 Research Non-Visitor’s Needs

UX Design

2.4 Consider Sustainability in Early Ideation

UX Design

Learn about W3C’s Sustainable Web Interest Group:

A global community advancing sustainability on the web.

Explore the group

This site is brought to you by

Mightybytes Wholegrain Digital
Website Carbon

This page loaded in 0.25 seconds and emitted just 0.5g of CO2

Visit Website Carbon
Ecograder

How green is your website?

Visit Ecograder
© Copyright Sustainable Web Design 2025. Privacy Policy.