Dark Mode vs. Light Mode: Which Is Better? (2022)

Recently, spurred by the introduction of dark mode in IOS 13, a reporter asked me to comment on the usability of dark mode and its popularity as a design trend. It’s a question that I also got several times from attendees to ourUX Conference.

Dark Mode vs. Light Mode: Which Is Better? (1)

I must say upfront that NN/g has not done its own research on dark mode. However, these questions prompted me to do a review of the academic literature on whether dark mode has any benefits for users — with normal vision or not. I will share these findings with you.

But first, let’s make sure we’re all on the same page by defining some vocabulary.

Definition: Contrast polarity is a term used to describe the contrast between the text and the background:

  • Positive contrast polarity (light mode) refers to dark-font text on light background.
  • Negative contrast polarity (dark mode) denotes the combination of light (e.g., white) text on dark (e.g., black) background.

Dark-mode displays emit less light than light-mode ones (and, because of that, they might extend battery life). But the amount of light in the environment influences not only power consumption, but also our perception. In order to understand how, let’s briefly review some basic information about the eye pupil and how it reacts to the amount of light in the environment.

The Human Pupil Is Sensitive to the Amount of Light

The human pupil is the gateway to the retina: through it, light reaches the eye. By default, the human pupil changes size depending on the amount of light in the environment: when there is a lot of light, it contracts and becomes narrower, and when it’s dark, it dilates to allow more light to get in. Smaller pupil sizes make the eyes less susceptible tospherical aberrations(in which the image appears unfocused) and increase the depth of field, so people don’t have to work so hard to focus on the text, which, in turn, means that their eyes are less likely to get tired. (Camera apertures work exactly in the same way: a photo taken at f/2.8 will have a narrower depth of field and thus more blurring than one taken at f/16.)

As we age, the pupil decreases in size. Too small pupil sizes mean that too little light enters the eye, which impairs our ability to read or detect text, especially in low ambient light (for example, at night). On the other side, as we get older, we become more susceptible to glare, and glare is particularly likely under bright light.

Normal-Vision Users

Early studies conducted in the 1980s seemed to point out that, for people with normal vision or corrected-to-normal vision (i.e., wearing appropriately prescribed glasses or contacts), the contrast polarity did not affect visual performance.

Yet, several more recent studies contradict that initial finding. In particular, we will focus on two articles that involved two different types of tasks: one, published in 2013 in the journalErgonomics,looked at visual acuity and reading performance, and the other one, published in 2017 inApplied Ergonomics, investigated performance for aglanceable-readingtask — the quick reading of 1–2 words that people often engage in when they interact with a mobile phone, asmartwatch, or a car dashboard and that is involved in activities such as checking directions or attending to a notification.

(Video) Dark Mode vs. Light Mode Battery Test

Effects of Contrast Polarity on Visual Acuity and Proofreading

Cosima Piepenbrock and hercolleagues at the Institut für Experimentelle Psychologie in Düsseldorf, Germany studied two groups of adults with normal (or corrected-to-normal) vision: young adults (18 to 33 years old) and older adults (60 to 85 years old).None of the participants suffered from any eye diseases (e.g., cataract).

The participants were given two different types of tasks:

  • A visual-acuity task, which involved detecting the gap in aLandolt C optotype— in other words, showing them asymbol similar to the letter “C” oriented in various way and asking them to identify where the gap is (e.g., top, bottom).
  • A proofreading task, which involved reading a short passage and identifying different types of errors

The tasks were presented in different contrast polarities — for some participants, they were in dark mode and for others they were shown in light mode. Contrast polarity was abetween-subjectsvariable, meaning that each participant saw only tasks in one contrast polarity (e.g., only dark mode).

The researchers also collected pre- and post-test fatigue-related measures: participants rated their eyestrain, headache, muscle strain, back pain, and subjective well-being at the beginning of the experiment, as well as at the end.

Their results showed that light mode won across all dimensions: irrespective of age, the positive contrast polarity was better for both visual-acuity tasks and for proofreading tasks. However, the difference between light mode and dark mode in the visual-acuity task was smaller for older adults than for younger adults — meaning that,although light mode was better for older adults, too, they did not benefit from it as much as younger adults, at least in the visual-acuity task.

When researchers looked at fatigue metrics, they concluded that there was no significant difference of contrast polarity on any of them (meaning that it wasn’t the case that dark mode made people more tired, or vice versa).

Another study, published in the journalHuman Factorsby the same research group, looked at how text size interacts with contrast polarity in a proofreading task. It found that the positive-polarity advantage increased linearly as the font size was decreased:namely, the smaller the font, the better it is for users to see the text in light mode.Interestingly, even though their performance was better in the light mode,participants in the study did not report any difference in their perception of text readability(e.g., their ability to focus on text) in light versus dark mode — which only reinforcesthe first rule of usability: don’t listen to users.

Effects on Contrast Polarity on Glanceable Reading

Jonathan Dobres and his colleagues at MIT’s Agelab attempted to quantify whether ambient lighting conditions (simulated daytime compared to simulated nighttime) affect in any way the advantage of positive polarity in the context of a lexical-decision task. A lexical-decision task, a paradigm commonly used in psychology, involves showing participants a string of letters and having them decide whether it’s a word or a nonword.A lexical-decision task is more similar with the glanceable reading that we do in highly interruptible conditions such as when driving or using a mobile phone or smartwatch on the go — all of these involve quickly looking at a display and extracting the relevant information.

(Video) Is Dark Mode Actually Better For Your Eyes? - Cheddar Explains

The participants in the Agelab study had normal or corrected-to-normal vision. They were shown character strings at two possible contrast polarities (dark mode vs. light mode), in different ambient lights (daytime vs. nighttime), and at different font sizes.

The study found that lighting, polarity, and text size all had an effect on performance — in the direction perhaps expected by now: simulated daytime lead to faster judgements than simulated nighttime, light mode was better than dark mode, and bigger font was faster than smaller font. The interesting result was the significant interaction between ambient lighting and contrast polarity:during daytime, there was no significant effect of contrast polarity, but during nighttime, light mode led to better performance than dark mode.Moreover, during nighttime it was much harder for people to read small-font text in dark mode than in light mode.

Dark Mode vs. Light Mode: Which Is Better? (2)

The lack of effect of polarity in simulated daytime environments was somewhat surprising and inconsistent with a different older study by Buchner and Baumgartner, that also looked at bright vs dark ambient conditions. However, in that study the bright ambient light was much lower than the one used in the Agelab study (think office light versus bright outdoors light). Dobres and his colleagues argue that the amount of ambient light may affect the positive-polarity advantage, with bright light leading to zero difference, but normal office light still being able to produce a difference.

Long-Term Effects

The literature reviewed so far looks at one-time effects of contrast polarity on human performance. But how about long-term effects? In other words, does long-term exposure to one type of contrast polarity have any effects?

An intriguing study published in Nature Research’s Scientific Reports in 2018 suggests that sustained exposure to light-mode may be associated with myopia. Myopia (or nearsightedness) refers to the inability to see far objects clearly and is strongly correlated with the level of education and with reading. In their study, Andrea Aleman and her colleagues at University of Tübingen in Germany asked 7 human participants to read text presented in dark mode and light mode for an hour each. To see if their predisposition to myopia changed after reading, they measured the thickness of the choroid, a vascular membrane behind the retina. The thinning of the choroid is associated with myopia.

The researchers found significant thinning of this membrane when participants read text presented in light mode and significant thickening when reading text presented in dark mode. The thinning was more pronounced in participants who already had myopia.

This result seems to suggest that, even though performance in light mode may be better in the short term, there may be a long-term cost associated with it.

Users with Impaired Vision

The literature on users with impaired vision, is paradoxically, less rich than the one on people with normal vision, although there is an implicit consensus that dark mode is better at least for some people with visual impairments.Gordon Legge and his colleagues at University of Minnesota define two low-vision categories: (1) due to central-vision impairments and (2) due to cloudy ocular media.

(Video) How dark mode works | Is dark mode saves battery? | Tamil

The ocular media refers to the various transparent substances in the eye, including the cornea and the lens. The most common cause of cloudy ocular media is cataract, which refers to the clouding of the lens and is fairly common in older people. A cataract scatters and blocks some of the light that is supposed to reach the retina through the lens and thus prevents the creation of a clear, focused image on your retina.

Even as early as 1977, a study by Sloan reported that some people with low vision prefer dark mode. (Inour own accessibility studies, Kara Pernice has also seen users with low vision sometimes switching between dark and light mode in an attempt to gain clarity.) In 1985, Gordon Legge and his colleagues at University of Minnesota hypothesized that this effect is due to “abnormal light scatter due cloudy ocular media” — presumably, because, if more light reaches the eye with a cloudy lens, there’s a bigger chance of a distortion. Thus, dark mode may be better for people with cloudy ocular media because the display emits less light.

In Legge’s study, each of the 7participants with cloudy ocular media had better reading rates with dark modes, whereas the rest of the participants, who had impaired central vision, were not affected by contrast polarity.

Legge’s studies formed the basis of recommending the possibility of switching to dark mode for modern computer interfaces. In 2005, Papadopoulos and Goudiras, in an article that reviewed various accessibility best practices for low-vision users, recommended the availability of dark mode in user interfaces.

A caveat noted by several of the researchers in the normal-vision field is that Legge’s studies with low-vision users were conducted with CRT displays, as opposed to the LEDs used in most modern displays. These displays were more susceptible to flicker in light mode than in dark mode, thus possibly biasing the results against the light mode.

Takeaways

So, should you jump on the dark-mode bandwagon?While dark mode may present some advantages for some low-vision users — in particular, those with cloudy ocular media such as cataract, the research evidence points in the direction of an advantage of positive polarity for normal-vision users. In other words,in users with normal vision, light mode leads to better performance most of the time.

Why is light mode better for performance? These findings are best explained by the fact that, with positive contrast polarity, there is more overall light and so the pupil contracts more. As a result, there are fewer spherical aberrations, greater depth of field, and overall better ability to focus on details without tiring the eyes.

Even though larger font sizes and bright ambient light may erase some of this advantage in people with normal vision, at this point we don’t recommend switching to dark mode by default if your target audience includes the general population.

(Video) Dark Mode Vs Night Mode | Explained In Malayalam

That being said, we strongly recommend thatdesigners allow users to switch to dark mode if they want to— for three reasons: (1)there may be long-term effects associated with light mode; (2) some people with visual impairments will do better with dark mode; and (3) some users simply like dark mode better. (We know that peoplerarely change defaults, but they should be able to.) It’s unlikely that people will alter the display mode for any random website, but, if a website or an application sees frequent use, it should consider providing this option to its users. In particular,applications meant for long-form reading (such as book readers, magazines, and even news sites) should offer a dark-mode feature. And the option should ideally be pervasive throughout all the screens of that website or application. Moreover, if an operating system provides a dark-mode API (like iOS does), make sure you take advantage of it — doing so will give those users who decide to switch to dark mode the ability to experience your application or website in their chosen contrast polarity.

References

A. Aleman, M. Wang, and F. Schaeffel (2018). Reading and Myopia: Contrast Polarity Matters.Scientific Reports8, 10840 (2018) doi:10.1038/s41598-018-28904-x

J. Dobres, N. Chahine, B. Reimer (2017). Effects of ambient illumination, contrast polarity, and letter size on text legibility under glance-like reading,Applied Ergonomics.DOI: 10.1016/j.apergo.2016.11.001

G.E. Legge, G. S. Rubin, D. G. Pelli, and M. M. Schleske (1985). Psychophysics of Reading – ii. Low Vision.Vision Research.

K.S. Papadopoulos., D. B. Goudiras (2005). Accessibility Assistance for Visually-Impaired People in Digital Texts.British Journal of Visual Impairment.DOI: 10.1177/0264619605054779.

C. Piepenbrock, S. Mayr, I. Mund & A. Buchner (2013). Positive display polarity is advantageous for both younger and older adults,Ergonomics, DOI:10.1080/00140139.2013.790485

Cosima Piepenbrock,S. Mayr,A. Buchner(2013). Positive Display Polarity Is Particularly Advantageous for Small Character Sizes: Implications for Display Design.Human Factors.DOI: 10.1177/0018720813515509

L.L. Sloan (1977). Reading Aids for the Partially Sighted: A Systematic Classification and Procedure for Prescribing. Baltimore, MD: Williams & Wilkins.

(Video) The Truth About Dark Mode ! Malayalam

FAQs

Which is better for you dark mode or light mode? ›

Conclusion and advice

Studies have shown that people with normal or corrected vision have a better performance, however, people with stronger visual disorders will tolerate Dark mode better. But Light mode has a cost associated to the better performance, and it is the long-term risk of eye disease.

Is light mode actually better? ›

The best thing about the light mode is for text. For pages with lengthy text, it makes it easier to read. Using a light interface improves concentration. White space around text improves focus by 20%, according to Dmitry Fadeyev.

Which mode is good for eyes? ›

Dark mode is intended to reduce blue light exposure and help with eye strain that comes with prolonged screen time.

Why dark mode is the best? ›

What are the advantages of dark mode? There are a lot of advantages to using dark mode, like extended battery life and reduced glare and blue light exposure. MORE BATTERY, LESS CHARGING: Using dark mode can extend your battery life by up to 30%, which means you won't need to charge your phone as often.

Is dark mode better for eyes? ›

Dark mode doesn't directly reduce eye strain, but it can offer some relief. For example, in a dim setting, a bright screen has your eyes working harder. On the contrary, a dark screen in a brightly lit room will have the same effect. -Easier to read.

Is dark mode good for Phone? ›

Tip: Dark theme can make your screen easier to read and can save battery on some screens.

Videos

1. 'Dark Mode' Is Not What You Think...
(LaterClips)
2. Dark Mode vs Light
(CrispyAF)
3. Why is EVERYONE Switching to DARK MODE?
(Techquickie)
4. Is Dark Mode Better For You?
(StateofTech)
5. Why dark mode isn't always better for eyesight
(Vulcan Post Malaysia)
6. Is light or dark mode better for eyes?
(Ask About APPS)

Top Articles

You might also like

Latest Posts

Article information

Author: Ray Christiansen

Last Updated: 12/16/2022

Views: 5427

Rating: 4.9 / 5 (69 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Ray Christiansen

Birthday: 1998-05-04

Address: Apt. 814 34339 Sauer Islands, Hirtheville, GA 02446-8771

Phone: +337636892828

Job: Lead Hospitality Designer

Hobby: Urban exploration, Tai chi, Lockpicking, Fashion, Gunsmithing, Pottery, Geocaching

Introduction: My name is Ray Christiansen, I am a fair, good, cute, gentle, vast, glamorous, excited person who loves writing and wants to share my knowledge and understanding with you.