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

◂ UX Design guidelines

2.22 Provide Useful Notifications To Improve The Visitor’s Journey

UX Design

Notifications whether through the browser or messaging can be potentially useful, but only used in moderation. Spam and the lack of control are contributing sources of Internet emissions and as such, businesses should aim to reduce such actions.

Criteria

  • Notification Justification: Remove non-essential notifications while justifying and reducing the practice of e-mailing or text messaging to what is strictly necessary. Useful notifications (such as alerts for new content) should be used with care and restraint.
  • Notification Control: Let the visitor control notifications (for example through the browser, SMS, or by email) and adjust messaging preferences, and the option to unsubscribe, logout, and close an account should be available and visible.
  • Prompts And Responses: Clearly explain the result of a potential input through helpful prompts and messages that explain errors, next steps, and so on. This will help manage their expectations.

Impact

Low

Effort

Low

Benefits

  • Environmental:
    Notifications that can inform visitors about important events can help them avoid having to constantly refresh pages, as such they act as a shortcut to only loading information when the information becomes available, leading to emission savings.
  • Privacy:
    If used appropriately, notifications can provide personalized content to specific devices, which reduces the risk of information exposure.
  • Accessibility:
    Being able to signpost individuals to information through helpful notifications or error messages will have a beneficial effect of avoiding visitor abandonment. It’s especially essential to ensure that all information is presented so that such critical information doesn’t discriminate based on an individual’s abilities, as you could exclude a massive part of your audience.

GRI

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

Example

  • Code:
    <form>
    	<label for="choose">Would you prefer a banana or cherry? (required)</label>
    	<input id="choose" name="i-like" required />
    	<button>Submit</button>
    </form>
  • Client-side form validation.

Resources

  • Biased By Design
  • Carbon Footprint of Email Spam Report (PDF)
  • Creating Error Messages
  • Designing Better Error Messages UX
  • Digital Eco-Design: Interactions
  • Error-Message Guidelines
  • [GPFEDS] 4.13 – UX and UI (Notifications) (PDF)
  • [GPFEDS] 6.6 – Front-End (Sensor Requests) (PDF)
  • [GR491] 4-7046 – Notification Necessity
  • [GR491] 5-3034 – E-mailing Necessity
  • [GR491] 9-3064 – Error Management
  • GreenIT (French) 109 – Limiter les e-mails lourds et redondants
  • GreenIT (French) 111 – Limiter la taille des e-mails envoyés
  • How To Design Notifications For Better UX
  • Humane By Design
  • Privacy UX: Better Notifications And Permission Requests

View the Guideline

Tags

UIUsabilityJavaScriptPrivacy

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.