DEV Community

Cover image for 5 Reasons Why Dark Mode Matters
deji adesoga
deji adesoga

Posted on • Originally published at thecodeangle.com

5 Reasons Why Dark Mode Matters

When it is dark enough, you can see the stars.

― Ralph Waldo Emerson

Table of Contents

Introduction

According to an American survey, 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 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!

Reasons For Dark Mode

Visual Attraction Image

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

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.

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.

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

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.

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. 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!

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

Numerous studies have confirmed the fact that Dark Mode saves battery life. In an Android Dev Summit 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.

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

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.

Top comments (4)

Collapse
 
protocod profile image
Maximilien Di Dio • Edited

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.

Yeah, that's right.

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

But this sentence is wrong.

The risks of blue light emitted by phones is a way to sold expensive and useless glass to "protect your eyes".

For scientists, today, there is no reason to fear that blue light.

health.harvard.edu/blog/will-blue-...

If you know a research paper or a serious article which have a different conlusion, please feel free to share the link.

Collapse
 
moopet profile image
Ben Sinclair

It provides the opportunity to present a unique user interface to the end-users of an application.

I don't think you're describing "dark mode" here; you're describing design in general.

Collapse
 
desoga profile image
deji adesoga

Design is an ambiguous word and Dark Mode happens to fall under it. So we can say Dark Mode provides the opportunity to present end-users with a unique form of design.

Collapse
 
moopet profile image
Ben Sinclair

I think that's the bit I'm getting at - "dark mode" isn't unique in any way. It's a subset of themes or skins. There have been light-on-dark themes since people first made interfaces with colour, and they encompass all sorts of things like high- or low-contrast, large text, simplified buttons, even shades reactive to ambient conditions.
Either every combination is a unique opportunity or they're all part of the same school.