SlideShare a Scribd company logo
1 of 64
Download to read offline
Planet friendly Digital Design
Chris Adams
@mrchrisadams
productscience.co.uk
2. 30m: Principles of Design for Sustainability
3. 50m: Trying it out yourself, then discussion
1. ~5m: Introduction, and a chance to avoid FOMO
Who am I?
Chris Adams - @mrchrisadams
environmentally focussed web
generalist
Who am I?
Designer, then Developer, then Sysadmin, then
Developer again, then Product Manager, then UX
Consultant, then User Researcher. Now (nearly)
ALL OF THE ABOVE.
(Previously relevant) Work
A.M.E.E. - Avoid Mass
Extinction Engine
Loco2 - Low carbon travel
discover.amee.com
amee.com
loco2.com
Cleanweb London - James Johnston practice pitching Open Utility
Cleanweb London - what James was seeing
Cleanweb Berlin - putting ideas to practice
Cleanweb Berlin - putting ideas to practice
oreil.ly/sustainability
Design for
Sustainability
Why would I care?
Our activity is
changing the
planet
xkcd.com/1732/
Sorry online viewers, you can’t see this video. I
just shows me scrolling down the screen
narrating as I go. Not much missed TBH.
worrydream.com/ClimateChange/
Sorry online viewers, you can’t see this video. It
just shows me moving the widget around. Give it
a go yourself. It’s loads of (terrifying, depressing)
fun.
What can I do?
I work on the web.
And anyway, the
web’s green right?
Webs & apps use
servers.
Servers need
electricity.
How much electricity?
Power quote
Power quote
https://www.flickr.com/photos/27148401@N06/14783421247/
Nearly one billion
tonnes CO2 and
rising
(More than Poland, and
growing faster)
Source: Greenpeace Click Clean Report
What can we do?
oreil.ly/sustainability
Design for
Sustainability
How we do
this for
physical
products
How we might
do this for
digital
products
— Dr. Pete Markiewicz
FINDABILITY USABILITY
PERFORMANCE GREEN HOSTING
USABILITY
Usability
Responsive design and mobile first
Content and display patterns
Testing content before publishing
Build feedback into user journeys
Dark patterns and sustainable choices
http://patternlab.io/
Sorry online viewers, you can’t see this video, but
it is available at patternlab.io
http://danielmall.com/articles/content-display-patterns/
Sorry online viewers,
same again here. It IS
available at the link
below though.
https://2016.agilecontentconf.com/
https://2016.agilecontentconf.com/
Sustainable
choices
darkpatterns.org
PERFORMANCE OPTIMIZATION
Performance
Performance budgets
Compression
Appropriate media for devices
Caching
CDNs
https://www.soasta.com/blog/page-bloat-2015-web-performance-monitoring/
https://whatdoesmysitecost.com/
http://www.performancebudget.io/
http://www.performancebudget.io/
https://speedcurve.com/
The best, greenest
request is one you
don’t make
FINDABILITY
Findability
Content experiments - have a feedback loop
Content Audits - keep, kill, or merge
Content first design - designing with real data
User language vs your language - i.e search
On-site Search - reveals gaps in content, ux
issues
GREEN HOSTING
Green hosting
Efficiency isn’t the same as sustainable
Green Web Foundation
Finding a host
http://www.thegreenwebfoundation.org/
http://www.thegreenwebfoundation.org/
https://www.instagram.com/strangeanimals_/http://www.greenpeace.org/usa/global-warming/click-clean/
aws.amazon.com/about-aws/sustainability/
Stuff you can do
tomorrow, for real
ecograder.com
sustainableux.com
oreil.ly/sustainability
Design for
Sustainability
You can make
beautiful,
lightweight green
sites
500khttp://2015.dconstruct.org/
1.2mbhttps://serving.green/
@mrchrisadams
Thanks!
Any questions?
Book:
oreil.ly/sustainability
(50% discount with link above)
Websites:
sustainablewebdesign.org
ecograder.org

sustainableux.com
Worksheet exercise
Now it’s your turn
Now it’s your turn
Take a worksheet
Assign roles
Start task
Regroup in 15mins
Present back, and
time for questions
Fishbowl
5 seats
4 people sitting, 1 empty chair,
always
Sit in a chair to ask a question,
or say something.
You can only leave when someone else sits in
an empty chair.

More Related Content

Viewers also liked

MichaelPhilip_GraphicDesigner
MichaelPhilip_GraphicDesignerMichaelPhilip_GraphicDesigner
MichaelPhilip_GraphicDesigner
miphi017
 

Viewers also liked (7)

Allergy & hypersensitivity, Asthma
Allergy & hypersensitivity, AsthmaAllergy & hypersensitivity, Asthma
Allergy & hypersensitivity, Asthma
 
JPE Candidate Services - Self Development
JPE Candidate Services - Self DevelopmentJPE Candidate Services - Self Development
JPE Candidate Services - Self Development
 
Страхование персонала: оптимизация с оптимизмом
Страхование персонала: оптимизация с оптимизмомСтрахование персонала: оптимизация с оптимизмом
Страхование персонала: оптимизация с оптимизмом
 
Дмитрий Растворов. «Мобильная Электронная Школа» - инструмент реализации треб...
Дмитрий Растворов. «Мобильная Электронная Школа» - инструмент реализации треб...Дмитрий Растворов. «Мобильная Электронная Школа» - инструмент реализации треб...
Дмитрий Растворов. «Мобильная Электронная Школа» - инструмент реализации треб...
 
Purposeful Gaming Crowdsourcing the Correction of OCRed Text in the Biodivers...
Purposeful Gaming Crowdsourcing the Correction of OCRed Text in the Biodivers...Purposeful Gaming Crowdsourcing the Correction of OCRed Text in the Biodivers...
Purposeful Gaming Crowdsourcing the Correction of OCRed Text in the Biodivers...
 
MichaelPhilip_GraphicDesigner
MichaelPhilip_GraphicDesignerMichaelPhilip_GraphicDesigner
MichaelPhilip_GraphicDesigner
 
Marketing alimentaire - Najat
Marketing alimentaire - NajatMarketing alimentaire - Najat
Marketing alimentaire - Najat
 

Similar to 2016 Nov - World Usability Day Prague - Planet Friendly Digital Design

Sustainable Strategies for The Mobile Web
Sustainable Strategies for The Mobile WebSustainable Strategies for The Mobile Web
Sustainable Strategies for The Mobile Web
Jesper Wøldiche
 
Top 5 project management tips for product managers.
Top 5 project management tips for product managers.Top 5 project management tips for product managers.
Top 5 project management tips for product managers.
Pinkesh Shah
 

Similar to 2016 Nov - World Usability Day Prague - Planet Friendly Digital Design (20)

Don't click this - Morgenbooster
Don't click this - MorgenboosterDon't click this - Morgenbooster
Don't click this - Morgenbooster
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
User Experience AKA
User Experience AKAUser Experience AKA
User Experience AKA
 
Mobile Usability
Mobile UsabilityMobile Usability
Mobile Usability
 
Building a Great AEM Team: Time Warner Cable's Journey
Building a Great AEM Team: Time Warner Cable's JourneyBuilding a Great AEM Team: Time Warner Cable's Journey
Building a Great AEM Team: Time Warner Cable's Journey
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Introduction to user-centric design process
Introduction to user-centric design processIntroduction to user-centric design process
Introduction to user-centric design process
 
Sustainable Strategies for The Mobile Web
Sustainable Strategies for The Mobile WebSustainable Strategies for The Mobile Web
Sustainable Strategies for The Mobile Web
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
Typography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile DevelopmentTypography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile Development
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Life Cycle Design e Circular Economy: un caso reale
Life Cycle Design e Circular Economy: un caso reale Life Cycle Design e Circular Economy: un caso reale
Life Cycle Design e Circular Economy: un caso reale
 
What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020
 
Top 5 project management tips for product managers.
Top 5 project management tips for product managers.Top 5 project management tips for product managers.
Top 5 project management tips for product managers.
 
UX In The World of Agile
UX In The World of AgileUX In The World of Agile
UX In The World of Agile
 
Dba tips and_tricks
Dba tips and_tricksDba tips and_tricks
Dba tips and_tricks
 
Mobile last
Mobile lastMobile last
Mobile last
 
Smells likeandroid joanacosta_sept2010
Smells likeandroid joanacosta_sept2010Smells likeandroid joanacosta_sept2010
Smells likeandroid joanacosta_sept2010
 

More from Chris Adams (8)

Djangocon Europe 2017: Planet Friendly Django
Djangocon Europe 2017: Planet Friendly DjangoDjangocon Europe 2017: Planet Friendly Django
Djangocon Europe 2017: Planet Friendly Django
 
Amee product development workflow
Amee product development workflowAmee product development workflow
Amee product development workflow
 
Amee product workflow - 2012.08.16
Amee product workflow - 2012.08.16Amee product workflow - 2012.08.16
Amee product workflow - 2012.08.16
 
Wp-LDN - monthly news roundup
Wp-LDN - monthly news roundupWp-LDN - monthly news roundup
Wp-LDN - monthly news roundup
 
Getting to The Loop - London Wordpress Meetup July 28th
Getting to The Loop - London Wordpress Meetup  July 28thGetting to The Loop - London Wordpress Meetup  July 28th
Getting to The Loop - London Wordpress Meetup July 28th
 
Carbage SiCamp June 09
Carbage SiCamp June 09Carbage SiCamp June 09
Carbage SiCamp June 09
 
Twitter - A beginner's guide
Twitter - A beginner's guideTwitter - A beginner's guide
Twitter - A beginner's guide
 
Postal: SiCamp Nov 2008 Submission Presentation
Postal: SiCamp Nov 2008 Submission PresentationPostal: SiCamp Nov 2008 Submission Presentation
Postal: SiCamp Nov 2008 Submission Presentation
 

Recently uploaded

Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
Anamikakaur10
 
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
kauryashika82
 

Recently uploaded (20)

Presentation: Farmer-led climate adaptation - Project launch and overview by ...
Presentation: Farmer-led climate adaptation - Project launch and overview by ...Presentation: Farmer-led climate adaptation - Project launch and overview by ...
Presentation: Farmer-led climate adaptation - Project launch and overview by ...
 
Book Sex Workers Available Pune Call Girls Khadki 6297143586 Call Hot Indian...
Book Sex Workers Available Pune Call Girls Khadki  6297143586 Call Hot Indian...Book Sex Workers Available Pune Call Girls Khadki  6297143586 Call Hot Indian...
Book Sex Workers Available Pune Call Girls Khadki 6297143586 Call Hot Indian...
 
VIP Model Call Girls Viman Nagar ( Pune ) Call ON 8005736733 Starting From 5K...
VIP Model Call Girls Viman Nagar ( Pune ) Call ON 8005736733 Starting From 5K...VIP Model Call Girls Viman Nagar ( Pune ) Call ON 8005736733 Starting From 5K...
VIP Model Call Girls Viman Nagar ( Pune ) Call ON 8005736733 Starting From 5K...
 
VIP Model Call Girls Wagholi ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Wagholi ( Pune ) Call ON 8005736733 Starting From 5K to ...VIP Model Call Girls Wagholi ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Wagholi ( Pune ) Call ON 8005736733 Starting From 5K to ...
 
Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
Call Now ☎️🔝 9332606886 🔝 Call Girls ❤ Service In Muzaffarpur Female Escorts ...
 
(NEHA) Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts 24x7
(NEHA) Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts 24x7(NEHA) Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts 24x7
(NEHA) Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts 24x7
 
Presentation: Farmer-led climate adaptation - Project launch and overview by ...
Presentation: Farmer-led climate adaptation - Project launch and overview by ...Presentation: Farmer-led climate adaptation - Project launch and overview by ...
Presentation: Farmer-led climate adaptation - Project launch and overview by ...
 
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
Call Now ☎ Russian Call Girls Connaught Place @ 9899900591 # Russian Escorts ...
 
VVIP Pune Call Girls Wagholi WhatSapp Number 8005736733 With Elite Staff And ...
VVIP Pune Call Girls Wagholi WhatSapp Number 8005736733 With Elite Staff And ...VVIP Pune Call Girls Wagholi WhatSapp Number 8005736733 With Elite Staff And ...
VVIP Pune Call Girls Wagholi WhatSapp Number 8005736733 With Elite Staff And ...
 
NO1 Verified kala jadu karne wale ka contact number kala jadu karne wale baba...
NO1 Verified kala jadu karne wale ka contact number kala jadu karne wale baba...NO1 Verified kala jadu karne wale ka contact number kala jadu karne wale baba...
NO1 Verified kala jadu karne wale ka contact number kala jadu karne wale baba...
 
Get Premium Hoskote Call Girls (8005736733) 24x7 Rate 15999 with A/c Room Cas...
Get Premium Hoskote Call Girls (8005736733) 24x7 Rate 15999 with A/c Room Cas...Get Premium Hoskote Call Girls (8005736733) 24x7 Rate 15999 with A/c Room Cas...
Get Premium Hoskote Call Girls (8005736733) 24x7 Rate 15999 with A/c Room Cas...
 
Book Sex Workers Available Pune Call Girls Kondhwa 6297143586 Call Hot India...
Book Sex Workers Available Pune Call Girls Kondhwa  6297143586 Call Hot India...Book Sex Workers Available Pune Call Girls Kondhwa  6297143586 Call Hot India...
Book Sex Workers Available Pune Call Girls Kondhwa 6297143586 Call Hot India...
 
Call Girls Moshi Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Moshi Call Me 7737669865 Budget Friendly No Advance BookingCall Girls Moshi Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Moshi Call Me 7737669865 Budget Friendly No Advance Booking
 
Hot Call Girls |Delhi |Preet Vihar ☎ 9711199171 Book Your One night Stand
Hot Call Girls |Delhi |Preet Vihar ☎ 9711199171 Book Your One night StandHot Call Girls |Delhi |Preet Vihar ☎ 9711199171 Book Your One night Stand
Hot Call Girls |Delhi |Preet Vihar ☎ 9711199171 Book Your One night Stand
 
CSR_Module5_Green Earth Initiative, Tree Planting Day
CSR_Module5_Green Earth Initiative, Tree Planting DayCSR_Module5_Green Earth Initiative, Tree Planting Day
CSR_Module5_Green Earth Initiative, Tree Planting Day
 
Green Marketing
Green MarketingGreen Marketing
Green Marketing
 
Proposed Amendments to Chapter 15, Article X: Wetland Conservation Areas
Proposed Amendments to Chapter 15, Article X: Wetland Conservation AreasProposed Amendments to Chapter 15, Article X: Wetland Conservation Areas
Proposed Amendments to Chapter 15, Article X: Wetland Conservation Areas
 
DENR EPR Law Compliance Updates April 2024
DENR EPR Law Compliance Updates April 2024DENR EPR Law Compliance Updates April 2024
DENR EPR Law Compliance Updates April 2024
 
VIP Model Call Girls Chakan ( Pune ) Call ON 8005736733 Starting From 5K to 2...
VIP Model Call Girls Chakan ( Pune ) Call ON 8005736733 Starting From 5K to 2...VIP Model Call Girls Chakan ( Pune ) Call ON 8005736733 Starting From 5K to 2...
VIP Model Call Girls Chakan ( Pune ) Call ON 8005736733 Starting From 5K to 2...
 
GENUINE Babe,Call Girls IN Chhatarpur Delhi | +91-8377877756
GENUINE Babe,Call Girls IN Chhatarpur Delhi | +91-8377877756GENUINE Babe,Call Girls IN Chhatarpur Delhi | +91-8377877756
GENUINE Babe,Call Girls IN Chhatarpur Delhi | +91-8377877756
 

2016 Nov - World Usability Day Prague - Planet Friendly Digital Design