2016 nov - world usability day prague - planet friendly digital design
TRANSCRIPT
Planet friendly Digital DesignChris [email protected]
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 - @mrchrisadamsenvironmentally 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 EngineLoco2 - Low carbon travel
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
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?
How we do this for physical products
How we might do this for digital products
— Dr. Pete Markiewicz
FINDABILITY USABILITY
PERFORMANCE GREEN HOSTING
USABILITY
UsabilityResponsive design and mobile firstContent and display patternsTesting content before publishingBuild feedback into user journeysDark 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
PerformancePerformance budgetsCompressionAppropriate media for devicesCachingCDNs
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
FindabilityContent 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 hostingEfficiency isn’t the same as sustainableGreen Web FoundationFinding 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
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.orgecograder.org sustainableux.com
Worksheet exercise
Now it’s your turn
Now it’s your turnTake a worksheetAssign rolesStart taskRegroup in 15mins
Present back, and time for questions
Fishbowl5 seats4 people sitting, 1 empty chair, alwaysSit in a chair to ask a question, or say something.You can only leave when someone else sits in an empty chair.