Sustainable UI/UX - Speaker Deck

Slide 1

Slide 1 text

The Hidden Impact of Websites: Building a Greener Digital World

Slide 2

Slide 2 text

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.

Slide 3

Slide 3 text

Trusted by global brands OUR CLIENTS

Slide 4

Slide 4 text

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:

Slide 5

Slide 5 text

Let’s start with a quick fire quiz.

Slide 6

Slide 6 text

The aviation industry accounts for ???% of global greenhouse gas emissions. 01

Slide 7

Slide 7 text

The aviation industry accounts for 2.5% of global greenhouse gas emissions. 01 Our World in Data, 2020

Slide 8

Slide 8 text

Internet use accounts for ???% of global greenhouse gas emissions. 02

Slide 9

Slide 9 text

Internet use accounts for 3.7% of global greenhouse gas emissions. 02 Energuide, 2020

Slide 10

Slide 10 text

03 If the Internet was a country, it would be the ??th largest polluter.

Slide 11

Slide 11 text

If the Internet was a country, it would be the 4th largest polluter. 03 Sustainable Web Manifesto, 2021

Slide 12

Slide 12 text

What is Sustainable UI/UX Design?

Slide 13

Slide 13 text

Sustainable UI/UX Design is the practise of creating products with an emphasis on reducing their environmental impact.

Slide 14

Slide 14 text

Sustainable UI/UX also promotes accessible, inclusive and ethical experiences with a focus on scalability, longevity and maintainability.

Slide 15

Slide 15 text

6 Principles of Sustainable UI/UX Design.

Slide 16

Slide 16 text

Set Clear Goals 01

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Less is More 02

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

Dark Mode 03

Slide 21

Slide 21 text

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.

Slide 22

Slide 22 text

04 Engagement & Awareness

Slide 23

Slide 23 text

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.

Slide 24

Slide 24 text

05 Accessibility & Inclusion

Slide 25

Slide 25 text

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.

Slide 26

Slide 26 text

06 Design for Longevity.

Slide 27

Slide 27 text

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.