5 Reasons Why Dark Mode Matters
Tags: ui, design, ux, darkmode
Published: 2020-12-30 16:20:27

---
title: 5 Reasons Why Dark Mode Matters
canonical_url: https://thecodeangle.com/5-reasons-why-dark-mode-matters/
published: true
description: 
tags: ui,design,ux,darkmode
cover_image: https://res.cloudinary.com/dz4tt9omp/image/upload/v1609284543/dark_mode_2.jpg
---

> *When it is dark enough, you can see the stars.*  
> *― Ralph Waldo Emerson*

## Table of Contents

-   <a href="#introduction">Introduction</a>
-   <a href="#reasons-for-dark-mode">Reasons for Dark Mode</a>
    -   <a href="#visual-attraction">Visual Attraction</a>
    -   <a href="#user-experience">User Experience</a>
    -   <a href="#eye-strain">Eye Strain & Blue Light Removal </a>
    -   <a href="#reduction-of-photophobia">Reduction of Photophobia</a>
    -   <a href="#battery-saver">Battery Saver</a>
-   <a href="#factors-to-consider">Factors to Consider When Selecting Dark Mode</a>
-   <a href="#conclusion">Conclusion</a>

<a name="Introduction"></a>
## Introduction

According to an [American survey,](https://en.wikipedia.org/wiki/Screen_time#Statistics) children between the ages of 8-12 and 13-18 spend a daily average of 4 hours, 44 minutes and 7 hours, 22 minutes respectively, staring at screens.

The data for these numbers were collected in 2019. For adults, this figure is higher and according to an article on the [Washington Post](https://www.washingtonpost.com/technology/2020/03/24/screen-time-iphone-coronavirus-quarantine-covid/) earlier this year, the amount of screen time increased considerably during the quarantine period due to **COVID-19**

Today, mobile devices take a large percentage of the amount of time people spend staring at screens, this is why there is a need for applications to have a **Dark Mode** option for its users.

**Dark Mode** according to **Wikipedia,** *is a color scheme that uses light-coloured text, icons, and graphical user interface elements on a dark background and is often discussed in terms of computer user interface design and web design.*

Now, let us look at the 5 reasons why **Dark Mode** really matters for the end-users of an application!  

<a name="reasons-for-dark-mode"></a>
## Reasons For Dark Mode

![Visual Attraction Image](https://res.cloudinary.com/dz4tt9omp/image/upload/v1609344644/visual_apeal.jpg)
<a name="visual-attraction"></a>
### 1). Visual Attraction

**Dark Mode** when applied in the right manner always looks really appealing to the eye. It provides the opportunity to present a unique user interface to the end-users of an application.

Also, in terms of data presentation for graphical contents like dashboards that contain graphs and charts, **Dark Mode** brings out the elegance in the design as shown below.

![Dark Mode Dashboard](https://res.cloudinary.com/dz4tt9omp/image/upload/v1609344722/darkmode.png)

Unlike the drab white look that most applications have, the above image shows how **Dark Mode** can bring a significantly deeper and more attractive visual perception to an application.  
<a name="user-experience"></a>
### 2). User Experience

Providing the users of a product with the option of a **Dark Mode** is a good business decision, especially if the application requires users to spend lots of time on the application. A streaming site, for example, implementing a dark mode feature is a good business decision.

Streaming a video in **light-mode** under a dark environment or at night may not be a good experience for the eyes. Hence, applications that require people spending lots of screen time should provide an option for **Dark Mode** for a better user experience.

Above all, it is worthy to note that context is a key factor in making decisions on whether to implement the option of a **Dark Mode**.  
<a name="eye-strain"></a>
### 3). Eye Strain & Blue Light Removal

By default, **Dark Mode** helps to reduce overall screen brightness. Although no study has outrightly confirmed that **Dark Mode** reduces eye strain, it can, however, be effective in low-light conditions.

Also, **Dark Mode** helps to reduce exposure to **Blue Light.** Blue light is a high-frequency colour in the "visible light spectrum" that can be seen by the human eye.

![Blue Light Keyboard](https://res.cloudinary.com/dz4tt9omp/image/upload/v1609344827/blue-light.jpg)

**Blue Light **can be found almost everywhere, from smartphones to computers and other digital devices. Another source of Blue Light is the sun, so by stepping out of your house, you are exposed to a certain degree of blue light.

Too many exposures to Blue Light can lead to digital eye strain.

Since not everyone can see well with **Dark Mode**, some mobile devices provide the option for Blue Light filters. This can be found in the display settings area and can be easily adjusted to the level of blue light exposure you want.  
<a name="reduction-of-photophobia"></a>
### 4). Reduction of Photophobia

Photophobia is a symptom of abnormal intolerance to the visual perception of light. The source of this light could be any form of light source including sunlight.

There are so many things that can cause photophobia, some of which includes:

-   Excessive light entering the eyes
-   Eye infection
-   Medications
-   Meningitis
-   Lack of eye pigment (Albinism)
-   Wearing contact lenses for an extended period of time, or wearing it wrongly.
-   Post Eye Surgery

Photophobia usually disappears once the underlying cause is treated. A good way to deal with photophobia is making use of the **Dark Mode** of a mobile device or an application. This helps to reduce the amount of bright light that goes directly into the eyes.

An extension you may consider installing on your desktop browser is  [Night Eye](https://nighteye.app/). It is supported by almost all major web browsers. It helps you enable **Dark Mode** and other features across almost all the websites you view, to help cope with the light sensitivity.

However, if light sensitivity persists, you may want to see your doctor!  
<a name="battery-saver"></a>
### 5). Battery Saver

Another positive impact of **Dark Mode** is the impact it has on the battery life of mobile devices. **Dark Mode** can significantly help reduce the battery drain on devices which use OLED(Organic Light-Emitting Diode) screens.

![Batteries](https://res.cloudinary.com/dz4tt9omp/image/upload/v1609344953/battery-saver.jpg)

Numerous studies have confirmed the fact that **Dark Mode** saves battery life. In an [Android Dev Summit](https://www.youtube.com/watch?v=UljafaxRcEE) in November of 2018, Google also confirmed that themes on android devices have a significant impact on the battery life of a mobile device.

If you are using an Android device, you should consider using **Dark Mode**, especially at night. Not only is it easy on the eyes, but it also helps save your battery life.  
<a name="factors-to-consider"></a>
### Factors To Consider When Selecting Dark Mode

In as much as **Dark Mode** seems trendy, it is necessary to consider some factors before deciding to implement it in an application. Some of these factors are discussed below:

**Readability and Visibility: **Readability simply means the ease at which a reader can easily understand or perceive a written text. Applications that contain lots of text in their interface will have to be careful about how **Dark Mode** is implemented.

If the **Dark Mode** is not well implemented, this will lead to a poor user experience with the users struggling to read the texts. This defeats one of the purposes for which **Dark Mode** is created and could lead to eye strain.

Lots of research must go into how the backgrounds, text colour and font will work together.

**Test Before Implementation:  **Testing helps to discover the strength and weakness of the Color scheme used in an application. **Dark Mode** does not work well for all applications. A website that contains lots of elements(text, images, tables) may make it difficult for **Dark Mode** to be implemented.

Other factors to consider include:

-   Determination of the target audience
-   Providing an option to switch between Light Mode and Dark Mode
-   The Environment
-   Accessibility

<a name="conclusion"></a>
### Conclusion

The decision to always use **Dark Mode** should always be a relative one. For users of an application, knowing when to use light mode and **Dark Mode** at different times of the day is very essential for the eye.

Subscribe to my newsletter [here](http://eepurl.com/gZ-jJH).