Shades of Efficiency: The Art of Balancing Style and Sustainability in App Design

Pablo Bugani
Design Globant
Published in
5 min readJul 21, 2023

An Insightful Analysis of the Benefits and Limitations of Dark Mode and Sustainable Design Approaches.

Illustration by Maria Paula Cardona

Dark mode has been all the rage in app design recently, with many users touting its benefits for eye strain and battery life. But have you ever stopped to consider the environmental impact of your app design choices? In this article, we’ll explore the pros and cons of both dark mode and sustainable mode and why the latter may be the better choice for a more environmentally conscious app design.

In recent years, dark mode has become a popular trend in app and website design. With its sleek and modern look, dark mode is often favored by users and designers alike. However, there is a growing concern about the environmental impact of dark mode and the potential benefits of sustainable mode.

First, let’s take a closer look at dark mode. The dark mode is often lauded for its energy-saving benefits, as it uses less power than a light background. This is because most modern devices use OLED or AMOLED screens, which do not require a backlight to display black pixels. Instead, each individual pixel emits its own light, which means that when a pixel is black, it is essentially “off”, and therefore requires no power.

This makes dark mode an attractive option for users who want to extend the battery life of their devices. It also has benefits for the environment, as it can help reduce the overall energy consumption of devices and data centers.

However, the energy-saving benefits of dark mode are not always clear-cut. While it is true that dark mode can save energy in some cases, it can also be less efficient in others. For example, it may require more energy to process and display images and videos on a dark background, as these elements may need to be brightened or enhanced to be visible.

This is where sustainable mode comes in. Sustainable mode is all about using the best practices of green IT and sustainable web design to create a more environmentally friendly app or website. This includes using optimized code, reducing the size and number of images and videos, and choosing colors and fonts that are more energy-efficient. For instance, it is noteworthy that blue pixels consume roughly 25% more energy than their red and green counterparts. In addition, prudent choices such as utilizing system fonts and limiting the number of variables can further contribute to a sustainable digital ecosystem.

One of the main advantages of sustainable mode is that it can help reduce the overall energy consumption of an app or website, regardless of the background color. By optimizing code and optimizing the use of images or reducing the size and number of images and videos, taking into consideration the use of animation, micro-interaction, and sound, the sustainable mode can help reduce significantly the amount of data that needs to be transmitted and processed, which in turn can help reduce the energy consumption of devices and data centers.

In addition, the sustainable mode can also have other benefits, such as improved accessibility and faster load times. By reducing the amount of data needed to load a website or app, sustainable mode can help improve the user experience for all users, regardless of their device or internet speed.

Another important consideration when it comes to sustainable mode is the impact it can have on brand perception and overall competitiveness. As more and more consumers become environmentally conscious, they are increasingly seeking out products and services that align with their values and support sustainable practices.

By embracing sustainable mode and incorporating sustainable web design principles into your app, you can position a brand as a leader in sustainability and attract eco-conscious consumers. This can not only help stand out from the competitors but also lead to increased customer loyalty and a positive impact on the bottom line.

In addition to the economic benefits, there are also important social and environmental benefits to consider. Businesses have a responsibility to reduce their environmental impact and contribute to a more sustainable future. By embracing sustainable modes and incorporating sustainable design practices, they can demonstrate their commitment to sustainability and be part of the solution.

Let’s compare side to side the perks and considerations of each mode:

So, which mode is the better choice for your app design? Ultimately, it depends on your specific goals and priorities. If you’re primarily focused on device efficiency and battery life, then dark mode may be the way to go. But if you’re looking for a more sustainable overall design (which of course can be dark-themed, but not necessarily to be energy-efficient), then the sustainable mode is the clear winner.

In conclusion, while dark mode may be a popular trend in app design, it’s important to consider the environmental impact of your design choices. By embracing sustainable mode and using the best practices of green IT and sustainable web design, you can position a brand as a leader in sustainability and attract eco-conscious consumers, and more importantly, create a more environmentally friendly app that benefits both your users and the planet.

Pablo Bugani, Visual Designer at Globant

Pablo is a Visual Designer with more than 10 years working at Globant and 15+ years of experience overall. Pablo’s experience in the past years has been focused on sustainable design, working closely with the Sustainable Studio, he is also a Climate Reality Leader, with a deep commitment to the environment. He has the conviction and the will to converge the profession with sustainability, he believes that it is an important and current topic to be addressed immediately, which is why he co-create the “sustainable design” domain within the UX studio involving several initiatives such as creating papers and documentation regarding sustainability linked to visual design, creation of toolkit and sustainable design good practices, develop training for the fellow designers, talks, and more.

--

--

Pablo Bugani
Design Globant

VD, specializing in sustainable design. Committed to environmental causes. Promoting eco-friendly practices, papers, toolkits, trainings, and talks.