Sustainable UI/UX

Transcript

1. The Hidden Impact of Websites: Building a Greener Digital World
2. Future-focused digital solutions built with sustainability and accessibility at their core, to reflect your values and engage your customers. The climate conscious digital agency.
3. Trusted by global brands OUR CLIENTS
4. COMMUNITY We founded GreenTech Gathering, the largest GreenTech community in North of the UK, with 600+ active members spanning public sector leaders, corporates, investors and start-ups. Our deep sector expertise and extended network provide invaluable connections, elevating your brand beyond what a typical agency can offer. Here are a few of our past attendees:
5. Let’s start with a quick fire quiz.
6. The aviation industry accounts for ???% of global greenhouse gas emissions. 01
7. The aviation industry accounts for 2.5% of global greenhouse gas emissions. 01 Our World in Data, 2020
8. Internet use accounts for ???% of global greenhouse gas emissions. 02
9. Internet use accounts for 3.7% of global greenhouse gas emissions. 02 Energuide, 2020
10. 03 If the Internet was a country, it would be the ??th largest polluter.
11. If the Internet was a country, it would be the 4th largest polluter. 03 Sustainable Web Manifesto, 2021
12. What is Sustainable UI/UX Design?
13. Sustainable UI/UX Design is the practise of creating products with an emphasis on reducing their environmental impact.
14. Sustainable UI/UX also promotes accessible, inclusive and ethical experiences with a focus on scalability, longevity and maintainability.
15. 6 Principles of Sustainable UI/UX Design.
16. Set Clear Goals 01
17. 01 The average website has too many pages, menus, and pop- ups that don’t add value. What’s your website’s purpose is? Who your audience is? What are your key goals? What is your product or service value proposition? Who your competition is? This is actually a great website
18. Less is More 02
19. 02 Promotes usability. Promotes scalability. Promotes accessibility. Improves performance. Improves information clarity. Improves website efficiency. Improves design consistency. Not only does this improve your website efficiency, but also promotes longevity. So much going on here :0
20. Dark Mode 03
21. 03 Extends device battery life Improves accessibility In some cases energy savings can be as high as 47% when screen brightness is set to 100%. Dark mode reduces light emitted and energy consumption on OLED and AMOLED screens.
22. 04 Engagement & Awareness
23. 04 Carbon reduction of digital receipts. Grouping delivery items. Purchasing in bulk. Removing data. Promote user sustainability by creating awareness of the impact of the users actions.
24. 05 Accessibility & Inclusion
25. 05 Improves usability. Improves inclusivity. Improves user experience. Improves product longevity. Sustainable UI/UX design should ensure that digital products are accessible to all users.
26. 06 Design for Longevity.
27. 06 Clear design systems set the standards and reduce rework. Design systems and frameworks set parameters for developers. Everyone has a central source of truth reducing overlapping of work. The product lifecycle is extended. When focusing on longevity, the overall impact and resource is reduced promoting sustainbility.
28. Most of all, it takes a shift in your mindset.
29. To wrap up, here’s a few helpful resources.
30. Web Sustainability Guidelines 1.0
31. Sustainable Web Design​
32. The Green Web Foundation
33. Green Software Foundation​
34. Any questions? Matt Wheeler matt@madeby.studio @mattmultiplied