The future of UX is green

A presentation at UX London in June 2026 in London, UK by Hidde de Vries

Slide 1

Slide 1

UTURE OFFUT n e e r g E OFGOVERE O S I X U F O E R THE FUTU Hidde de Vries, UX London, 3 June 2026

Slide 2

Slide 2

Slide 3

Slide 3

⽩ G Most of the world’s population v. X

  • → C

https://www.theguardian.com/environment/2025/apr/22/89-percent-project-climate-change О т ⼭ The Guardian Eurv News Op in io n Sport Culture Li fe sty le Wo r l dU KClimatec r i s i sU k r a i n eE n v i r o n m e n tS c i e n c eGlobald e v e l o p m e n tF o o t b a l lT e c hB u s i n e s sObituaries The 89% project T h e Guardian Most of the world’s population wants stronger climate action. They just don’t realize that they are a majority The Guardian is joining forces with dozens of newsrooms around the world to launch a year-long exploration of the ‘silent majority’ of people who want to fight climate change Tue 2 2 Apr 2025 07.35 CEST < Share The 8 9Percent

Slide 4

Slide 4

Slide 5

Slide 5

Yes, we’re all somewhat hypocritical. And…

Slide 6

Slide 6

We can make the world greener

Slide 7

Slide 7

We can make the world greener faster at work

Slide 8

Slide 8

Slide 9

Slide 9

ICT emissions > aviation emissions

Slide 10

Slide 10

“If the internet was a country it th would be the 13 largest emitter between Mexico and Brazil” – Sustainable Web Manifesto (based on CO2 emissions in Our World in Data vs IT emissions data from Green Web Foundation)

Slide 11

Slide 11

Website Carbon Rating Scale based on Grams CO2e per pageview websitecarbon.com/introducing-the-website-carbon-rating-system

Slide 12

Slide 12

websitecarbon.com

Slide 13

Slide 13

SWDM Data transfer Amount of GB transferred when using a service Sustainable Web Design Model Average Emissions per Page View (gCO2e) = ([(OPDC × (1 - Green Hosting Factor) + EMDC) + (OPN + EMN) + (OPUD + EMUD)] × New Visitor Ratio) + ([(OPDC × (1 - Green Hosting Factor) + EMDC) + (OPN + EMN) + (OPUD + EMUD)] × Return Visitor Ratio × (1 - Data Cache Ratio)) sustainablewebdesign.org/estimating-digital-emissions Carbon intensity Grams of carbon emitted per kWh at a given time.

Slide 14

Slide 14

We can make the world greener faster at work

Slide 15

Slide 15

t af Dr te No Web Sustainability Guidelines w3.org/TR/web-sustainability-guidelines

Slide 16

Slide 16

t af Dr 100+ contributors 72 guidelines 225 success criteria w3.org/TR/web-sustainability-guidelines te No Developed at the World Wide Web Consortium

Slide 17

Slide 17

User Experience Design Hosting, Infrastructure & Systems Web Development w3.org/TR/web-sustainability-guidelines Business Strategy & Product Management

Slide 18

Slide 18

Data centres Emissions of server hardware (making and running) What adds to the footprint of the WWW? 10100101010 101010101010 101010101010 101010101010 101010101010 10100101010 Networks Data downloads/ uploads Consumer devices Manufacturing laptops, phones, tablets that access the web

Slide 19

Slide 19

Elimination vs offsetting

Slide 20

Slide 20

n o i t a n Elimination Elimi vs offsetting

Slide 21

Slide 21

We can make the world greener faster at work

Slide 22

Slide 22

Make smaller web pages

Slide 23

Slide 23

Median website size is growing and growing… Data: HTTPArchive 2011 467 kB 2025 2678 kB

Slide 24

Slide 24

Minimise images and videos

Slide 25

Slide 25

A Dutch City Total page size: 1,2 MB

Slide 26

Slide 26

A Dutch City Hero image: 367 KB (32%)

Slide 27

Slide 27

“Detail is data” – Emily Trotter (Nomensa) on images in Planet Centred Design youtube.com/watch?v=znz-f_QEGnQ

Slide 28

Slide 28

Ways to save images Blur or blur parts Remove some background Simplify image Use image compression

Slide 29

Slide 29

<img src=”” alt=”” loading=”lazy” />

Slide 30

Slide 30

Reduce assets (especially JavaScript)

Slide 31

Slide 31

css-tricks.com/reduce-your-websites-environmental-impact-with-a-carbon-budget

Slide 32

Slide 32

hidde.blog/the-web-is-fast-by-default-lets-keep-it-fast

Slide 33

Slide 33

• 151 requests • 1.3 MB transferred • over 20 JavaScript files • pictures of palm trees hidde.blog/the-web-is-fast-by-default-lets-keep-it-fast

Slide 34

Slide 34

What if we optimised for simplicity (radically)? • 2 KB • 0.2 seconds to load hidde.blog/the-web-is-fast-by-default-lets-keep-it-fast

Slide 35

Slide 35

there is so much in between (this is also about attitude)

Slide 36

Slide 36

The same website today. It’s even bigger.

Slide 37

Slide 37

41KB

Slide 38

Slide 38

13.2MB and yes, I accepted cookies, so the number includes ads

Slide 39

Slide 39

website size is a choice

Slide 40

Slide 40

As people in tech, for us a large part of this is a people problem

Slide 41

Slide 41

WSG 5.2. Assign a sustainability representative

Slide 42

Slide 42

Support older devices

Slide 43

Slide 43

Product Environmental Report i P h o n e 14 P r o Date introduced September 7, 2022 M a d e with better materials Tackling climate change 100% 100% 100% recycled gold in the recycled rare earth wire of all cameras elements in all magnets We’re committed to transitioning our entire manufacturing supply chain to 100 percent renewable electricity by 2030.

Slide 44

Slide 44

sy focusing iPhone1 4 Pro ene wa ble life cycle carbon emissions a m helped 81% Production ation.4 Apple e down 3% 15% Transport Use <1% End-of-life processing

Slide 45

Slide 45

sy focusing iPhone1 4 Pro enewable life cycle carbon emissions a m helped 8 1 % Production ation.4 Apple e down 3% 15% <1% Transport Use End-of-life processing

Slide 46

Slide 46

Don’t be the reason users upgrade

Slide 47

Slide 47

Dutch CoronaCheck app required Android 6+, iOS 12+ It made front page news.

Slide 48

Slide 48

Dutch CoronaCheck app required Android 6+, iOS 12+ There was a paper fallback. QR code for travel

Slide 49

Slide 49

Progressive enhancement Make functionality available in simpler ways before adding more complex ways.

Slide 50

Slide 50

Progressive enhancement is a good green approach

Slide 51

Slide 51

Choose green hosting

Slide 52

Slide 52

Eemshaven, the Netherlands

Slide 53

Slide 53

Middenmeer, the Netherlands 110 hectare / 271 acres

Slide 54

Slide 54

International Energy Agency,

Slide 55

Slide 55

International Energy Agency,

Slide 56

Slide 56

Use or move to a green provider

Slide 57

Slide 57

WSG 4.1. Choose a sustainable hosting provider

Slide 58

Slide 58

Find out current state thegreenwebfoundation.org

Slide 59

Slide 59

GWF lists 362 verified green hosting providers in 37 countries. Ask sales reps how theirs compares.

Slide 60

Slide 60

Factors include: renewable energy equipment longevity waste recycling From: WSG, 4.1

Slide 61

Slide 61

Carbon-aware design choices

Slide 62

Slide 62

Carbon intensity How clean energy is at a given time 2 (eg CO /kWh)

Slide 63

Slide 63

Our team

Slide 64

Slide 64

Our team

Slide 65

Slide 65

Our team Anna Mei Jacob Ouiam David George

Slide 66

Slide 66

organicbasics Organic Sweat!

Slide 67

Slide 67

Shop Women Shop M e n organicbasics Regular store LOWI infact website Sho p wom en S ho p m en Manifesto EUR D

Slide 68

Slide 68

blog.google/company-news/outreach-and-initiatives/sustainability/carbon-aware-computing-location

Slide 69

Slide 69

Only necessary features

Slide 70

Slide 70

Avoid technology that has relatively large energy use

Slide 71

Slide 71

Slide 72

Slide 72

AI

Slide 73

Slide 73

I I s Al Profitable Yet? X

  • ⼼ 凸 https://isaiprofitable.com L B ookmar ks I S AI PROFITABLE NO. YET? TRACKINGT H ES P E N DA N DREVENUEO F EVERYONE’S BROKE. FRONTIER A I COMPANIES (MAY 2 0 2 6 ) . $1.4T $613B $0 T O T A LI N D U S T R YS P E N D TOTAL I N D U S T R Y R E V E N U E $ S P E N T O N A I S I N C E PA G E LOAD

Slide 74

Slide 74

International Energy Agency, Electricity 2024, Analysis and forecast to 2026.

Slide 75

Slide 75

AI

Slide 76

Slide 76

“Emissions would increase by 60× for a GPT-3 style model – Wim Vanderbauwhede wimvanderbauwhede.codeberg.page/articles/google-search-vs-chatgpt-emissions

Slide 77

Slide 77

“Emissions would increase by 60× for a GPT-3 style model; for a GPT-4 style model, it could be 200×.” – Wim Vanderbauwhede wimvanderbauwhede.codeberg.page/articles/google-search-vs-chatgpt-emissions

Slide 78

Slide 78

AI

Slide 79

Slide 79

“DrillOps”

Slide 80

Slide 80

“AGI”

Slide 81

Slide 81

Slide 82

Slide 82

“AGI” • Not well defined • Not in existence • Not sure if it can solve global warming

Slide 83

Slide 83

OpenAl Lo g in Yo u r s e a r c h global warming

Slide 84

Slide 84

OpenAl Lo g in Yo u r s e a r c h global warming Summary It looks like your question goes beyond what we can assist with here. Advanced search is designed to help you find information on openai.com, such as our products, research, and updates. v Disclaimer: B e t a f e a t u r e i n testing. Learn m o r e

Slide 85

Slide 85

Adding AI could mean magnitudes more emissions

Slide 86

Slide 86

…so finding alternatives is green

Slide 87

Slide 87

V PostNL maakte in 2025 toch win X D + → c + 8 https://www.volkskrant.nl/economie/postnl-maakte-in-2025-toch-winst-op-postbezorging-vooral ⼼ q 亥 出⼥ • J Bookmarks d e Volkskrant = Voorpagina Columns Opinie Cartoons Luister Cultuur &Media NIEUWS PostNL m a a k t e i n 2025 t o c h winst op postbezorging, vooral dankzij zakelijke post PostNL heeft vorig jaar op de postbezorging een kleine winst geboekt van 2miljoen euro. Dit kwam vooral door de groei van de zakelijke post in december. Het bedrijf gaat desalniettemin door met de juridische procedures tegen het kabinet, dat financiële steun heeft afgewezen. Foto Puzz.els

Slide 88

Slide 88

Slide 89

Slide 89

Humans can add a summary into the CMS (especially journalists)

Slide 90

Slide 90

Maybe let users opt-out of what’s carbon-intense

Slide 91

Slide 91

WSG e h t e t a c i n u 5.4 Comm r e s u f o t c a p m i l a c i g o l eco choices

Slide 92

Slide 92

You could give users choice Greener option !

Slide 93

Slide 93

Always be looking for alternatives

Slide 94

Slide 94

We can make the world greener faster at work

Slide 95

Slide 95

There are opportunities to save emissions for us as UX designers

Slide 96

Slide 96

Summary Make smaller web pages Support older devices Choose green hosting Carbon-aware design choices Only necessary features (AI has a toll)

Slide 97

Slide 97

Slide 98

Slide 98

Thank you! Thanks to Alexander Dawson, Tantek Çelik, Rose Newell, Fershad Irani, Matijs Brinkhuis, Michelle Barker. Slides + links are live on hidde.blog/slides

Slide 99

Slide 99

Links HTTP Archive Web Almanac 2024, Sustainability. https:// almanac.httparchive.org/en/2024/sustainability Green Software Foundation, https://learn.greensoftware.foundation/. GOV.UK, Greening Government Commitments ICT annual report 2023 to 2024, https://www.gov.uk/government/publications/greening-governmentict-annual-report-2023-to-2024/greening-government-commitments-ictannual-report-2023-to-2024

Slide 100

Slide 100

Tools Ecograder, https://ecograder.com/. Are My Third Parties Green, https://aremythirdpartiesgreen.com/. Website Carbon, https://www.websitecarbon.com/.

Slide 101

Slide 101

Books Gerry McGovern, World Wide Waste (2020). Anne Currie, Sarah Hsu, Sara Bergman, Building Green Software (2024). Tom Greenwood, Sustainable Web Design (2021). Tim Frick, Designing for Sustainability (2016).

Slide 102

Slide 102

Technical specifications Software Carbon Intensity (SCI) Specification. https:// sci.greensoftware.foundation/. Digital Services Ecodesign ISO standard. https://www.iso.org/standard/ 86105.html Web Sustainability Guidelines. https://w3c.github.io/sustainableweb-wsg/