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

◂ UX Design guidelines

2.4 Consider Sustainability in Early Ideation

UX Design

While some things require the use of electricity, during the early ideation phase you could consider wireframing or rapid prototyping (using paper) among other offline tools to reduce energy consumption. Even the electronic versions of these may have a lower carbon cost than committing to building a full-blown experience for each idea.

Criteria

  • Wireframes And Prototypes: Wireframes, and rapid prototyping are utilized to quickly build consensus, reduce risk, and lower the number of resources needed to build features.
  • Participation And Testing: Users are involved within the iteration and design process using participatory design, and when conducting user-testing reach out to your community to help improve your product by allowing them to apply their knowledge and experience to your product or service.

Impact

Low

Effort

Low

Benefits

  • Environmental:
    Incorporating wireframes, prototypes, and user-testing into early product design cycles improves environmental impact by helping product teams build only the features visitors want. This reduces resource use and lowers emissions.
  • Economic:
    Early rough ideation can improve financial performance, since organizations won’t waste time and money building features people don’t use.
  • Conversion:
    Tested user-interfaces often improve conversion rates as they have been optimized to remove confusing aspects of the layout that cause problematic friction and arrange content to optimize the fastest user flow (which can help emissions).

GRI

  • materials: Low
  • energy: Low
  • water: Low
  • emissions: Low

Example

  • A website wireframe example from SlickPlan.

Resources

  • An introduction to radical participatory design
  • [GPFEDS] 2.6 – Specifications (Design Review) (PDF)
  • How Wireframes and Rapid Prototypes Improve Digital Projects
  • Importance of Wireframing & Prototyping in Web Design
  • L’idéation au service de l’éco-conception #1 : La méthode C.O.E.U.R. (French)
  • Rapid prototyping can be key to creating more sustainable products
  • Sustainable UX design
  • The Design Process

View the Guideline

Tags

IdeationResearchSoftwareUIStrategy

Share

More ux design guidelines

2.1 Undertake Systemic Impacts Mapping

UX Design

2.2 Assess and Research Visitor Needs

UX Design

2.3 Research Non-Visitor’s Needs

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.