08.02.2024

Designing for high-efficiency and low-carbon impact

Mitigating the impact of the internet on the environment isn’t just the responsibility of users. UX and digital designers can help fight digital waste by focusing on low-carbon design and increasing the efficiency in the user experience.

A dithered image has a much lower file size

The total data load

Digital creations, from websites to apps, encompass various elements - design, user experience, content, and development. Each contributes to the total data load, largely sourced from fossil fuel-dependent data centers. As digital solutions become more data-intensive, their environmental footprint grows, affecting all network levels - from data storage to processing power on devices.

The internet is the largest coal-powered machine ever created.
Tom Greenwood, Sustainable Web Design, Book

It goes without saying that we love the internet. We're making a living of it after all. However, we adhere to turning the apocalyptic discourse on its head and shift focus to how we can impact the planet positively through actionable steps. We’re starting with how we can design for high-efficiency and low-carbon environmental footprint.

Taking design action

Designing meaningful and creative experiences without having an outsized impact on the planet is what we call low-carbon design. Factors such as weight of illustration, file format, animation method, color usage, and more can prove to be critical and decisive details a digital designer want to be mindful about. In UX, we should be especially interested in meeting user’s needs, while making sure we are creating the most efficient solution possible, regardless of the user's background or abilities. Let’s dive a bit deeper into each discipline.

Dithering an image can save a lot of bytes

Low-carbon design

Making conscious and sustainable visual design decisions, means considering when and how to use eco-friendly color palettes, opting for hues that require less energy to display on screens as well as employing media formats that are optimized for lower data usage and quicker loading times, thus decreasing the energy required for consumption and data transmission. 

Utilizing what’s possible with low-carbon design can make a bigger difference than you would expect. Here are some areas you as a digital designer may want to consider:

To give you an example, we played around a bit with dithering images. From the original image, we dithered using error diffusion, reducing the file size by 75% and lastly, dithering using Bayer, reducing the file size by 90% of the original. Both with a yellow monochrome color palette.

Dithering an image can save a lot of bytes

Efficiency in the user experience

You should know this by now, but we’re an agency obsessed with great user experiences. Designing intuitive products that are simple and easy to use is a core part of our DNA. But how do we design user experiences that have the least friction for users whilst also being climate efficient? Is it possible to optimize the user experience so the user consumes less resources and uses less server processing? We believe so.

People naturally think of the world in terms of objects. We have evolved our understanding of the world through tangible objects, and we expect similar experiences in virtual environments like websites and apps.

For example, if you were to enter a new car dealership, what would you look for when entering? Cars, sales people, the service desk, maybe the coffee machine? You’re going to look for these objects, before you even think about any actions you might take, like: test driving the car you want, how to customize it to your specs, how to complete your purchase of it. Only after you get an idea of the objects available to you, will you decide what to do with those objects.

In UX, this thinking is applied to an approach called Object-Oriented User Experience (OOUX). OOUX is a process of planning a digital system modeled on the real-world user interactions. It starts by defining clear and distinct objects to be manipulated by the user, their purpose, and the relationship between them.

With OOUX guidelines we can enhance our design process, so we make sure we reduce complexity in the digital solutions we build, making it easier for users to find what they need. Meaning, the users perform their desired tasks faster without friction thus reducing their carbon footprint using the digital solution.

It can seem complicated, but the process can be broken down into a few digestible steps:

We have created a simple mapping example around three objects on a car dealership’s website to give you an idea.

OOUX Car Dealership website mapping

Additional UX picks

Besides low-carbon design and OOUX, here are some additional considerations you as a UX Designer might consider.

Am I making a difference?

That’s the thing right. As this article shows, it is possible to make a positive impact with low-carbon design as well as creating high-efficiency user experiences. But how do we get tangible evidence that proves we’re making a difference? 

Evaluating the carbon footprint from digital products is complex, involving embodied energy, hosting demands, and user interaction across many closed systems. A good place to get started is the sustainable webdesign open standard by Wholegrain Digital and Mightybytes.

OOUX talk ongoing

Will clients buy into it?

We believe that digital technology holds great potential as a catalyst for sustainable business transformation. And responsible digital products are, undoubtedly, something that’s on the agenda for many existing and potential clients.

At the moment, we are therefore specifically working towards defining clear sustainability offerings that will allow us to counsel on a portfolio of services that have sustainability as offset. Stay tuned on our website for more to come.

Get in touch

Did we spark your interest? Good. We should talk, then.