Medium impact ๐ŸŒฟ

Account for stakeholder issues

Brainstorming allows you to flush out ideas before you commit to pursuing a path. Being considerate of not just your visitors but other individuals who may be affected by your product or service (including non-humans, like the environment!) is a useful practical exercise as it may influence your decisions in how you scope your project.

Actions checklist
  • Human-Centered Brainstorming

    In the brainstorming process, consider all stakeholders using a human-centered approach.

  • Ecological Brainstorming

    In the brainstorming process, take the planetary needs and ecological boundaries into account.

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ

Medium impact ๐ŸŒฟ

Create a frictionless lightweight experience by default

When providing the option to download, save, print, or access anything online, defaulting to the most lightweight, least featureful version will reduce emissions through passive browsing; with non-essential information removed from the screen either to be shown when it's required or eliminated.

Actions checklist
  • Performance By Default

    Prioritize performance optimization as a product or service's default approach.

  • Efficient Paths

    The path taken to access the service (the initial contact with the website or service) should be as efficient and as simple as possible (time required to complete an action displayed, reducing too much choice, ensuring visitors know what's required at the start of a complex set of steps, etc).

  • Patterns For Efficiency

    Make your user-journey (when browsing an accessed website or service) as smooth as possible. User-research is key, as is building on established design patterns which people already understand.

  • Distraction-Free Design

    Visitors can complete tasks without distractions or non-essential features getting in the way.

  • Eliminate The Non-Essential

    Visitors see only information that is relevant to their experience, without non-essential information being displayed on the screen.

  • User-Initiated Actionable Content

    Ensure that actionable information such as pop-up or modal windows can only be initiated by the visitor.

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ

Medium impact ๐ŸŒฟ

Undertake systemic impacts mapping

There are many variables which 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.

Actions checklist
  • External Variables

    List the negative external variables and identify where your product's sustainable impact can be diminished (systemic design).

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ

Medium impact ๐ŸŒฟ

Assess and research visitor needs

When creating a product or service, identifying your target audience through user-research, analytics, data collected using ethical anonymous methods, or feedback from and with visitors is important in being able to create a customized service for and with them which is tailor-made for their specific preferences, adapted for any needs they may have, and particularly useful in helping a website or application evolve its service to meet sustainability targets.

Actions checklist
  • Identify And Define

    Primary and secondary target visitors are identified, and their needs are defined through quantitative or qualitative research, testing, or analytics, ensuring your visitors and affected communities remain a close part of the research and testing process.

  • Visitor Constraints

    Potential visitor constraints like the device age, operating system version, browser, and connection speeds are considered when designing user-experiences.

  • Barriers And Access

    The team has researched and identified whether a technical, material, or human constraint might require an adapted version of the product or service that reduces barriers or improves access to content.

  • Barrier Removal

    In the user-research, identify with your visitors if some barriers should be removed (pain points or dark / deceptive design patterns).

  • Seat At The Table

    When undertaking research, identifying needs, or conducting iterative design work, ensure that all stakeholders including your visitors have an equitable role in the decision-making process.

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ๐Ÿฆพ

Medium impact ๐ŸŒฟ

Research non visitor s needs

If you provide physical goods or services, you may also have to account for the sustainability impact of delivery services. This can often be tricky, but courier companies may provide useful tooling to help you identify emissions data for routing.

Actions checklist
  • Non-Human Impact

    Consider and work with non-users and other stakeholders who might be passively impacted by a digital product or service, such as neighbors accepting parcels, traffic jams due to deliveries, etc. Research their needs and understand how they might be affected.

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ

Low impact ๐ŸŒฟ

Consider sustainability in early ideation

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.

Actions checklist
  • Wireframes And Prototypes

    Utilize wireframes, and rapid prototyping to quickly build consensus, reduce risk, and lower the number of resources needed to build features.

  • Participation And Testing

    Involve your users 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.

โ˜ž See on W3C

๐Ÿฆพ

High impact ๐ŸŒฟ

Avoid unnecessary or an overabundance of assets

It's great to have a pretty looking website or application, but to ensure a sustainable design, it's important to avoid cluttering up the interface with too many visuals (which aren't necessary to the content). Keeping a clean design will reduce website rendering, and thereby emissions.

Actions checklist
  • Decorative Design

    Decorative design is used only when it improves the user-experience, and unnecessary assets or ones that fail to benefit the visitor or sustainability are removed (or rendered optional and disabled by default).

โ˜ž See on W3C

๐Ÿฆพ๐Ÿฆพ

Low impact ๐ŸŒฟ

Ensure navigation and way finding are well structured

Information architecture is a central part of the Web development process, and how you structure a website ensures that people can way-find your content easily. Having appropriately marked-up links within your product or service allows visitors, search engines and social networks to identify key information quickly.

Actions checklist
  • Navigation And Search

    Provide an accessible, easy-to-use navigation menu with search features that help visitors easily find what they need.

  • Navigable Sitemaps

    Implement an efficient (human-readable) sitemap that is organized and regularly updated helps search engines better index website content, which helps visitors more quickly find what they are looking for.

  • New Content

    Provide a way for visitors to find out about new content and services.

โ˜ž See on W3C

๐Ÿฆพ