Na MacOS, Windows 10 en Android Q introduceert iOS 13 nu ook Dark Mode. Dat brengt een kans ter verbetering van je User Experience, die veel Developers nu aangrijpen. Maar is het echt nuttig? Volgens voorstanders verlengt het de batterijduur, vermindert het de last op je ogen en verbetert het de leesbaarheid in slecht belichte ruimtes. Maar is het echt zo vooruitstrevend?

Dark Mode voordat Dark Mode bestond

In het begin der tijden (van computers) was Dark Mode geen optie, maar een gegeven. In de jaren 80 vuurden monochrome CRT-schermen stralen met electronen af op een zogenoemd phosphorescent scherm. Het phosphor dat hiervoor werd gebruikt was groen, waardoor er groene tekst op een zwarte achtergrond ontstond. Deze modellen werden daarom vaak “green screens” genoemd.

Later kwamen er schermen met kleurondersteuning die de drie phosphorkleuren – rood, groen en blauw – tegelijkertijd konden activeren. Hiermee werd de kleur wit gemaakt. Met het idee van desktop publishing in het achterhoofd werd het idee van een virtueel document dat een fysiek vel papier nabootste populair. Mensen begonnen zwarte tekst op een witte achtergrond te plaatsen. Deze populariteit droeg bij aan het overnemen van deze kleurstellingen in de vroegste versies van het web, waardoor het als standaard werd opgenomen. Eigenlijk zijn we nu met de introductie van Dark Mode dus weer terug bij af.

Waarom Dark Mode?

Als er aan mensen gevraagd wordt waarom ze Dark Mode gebruiken, is het meest populaire antwoord dat het gemakkelijker op de ogen is – gevolgd door esthetische redenen (“Het ziet er mooi en elegant uit”). De keuze lijkt voor veel mensen aan te komen op persoonlijke voorkeur. Echter zijn er ook wel degelijk praktische voordelen aan Dark Mode.

Toegankelijkheid

Voor mensen met slecht zicht is Dark Mode een nuttige tool om de zichtbaarheid te verbeteren. Uit onderzoek is gebleken dat mensen met slecht zicht een voorkeur hebben voor lichte tekst op een donkere achtergrond. Ook voor mensen zonder visuele problemen heeft het voordelen. Het gebruik van elektronische apparaten, vooral ‘s nachts, draagt bij aan een verminderde nachtrust. Blootstelling aan blauw licht zou bijdragen aan het verstoren van natuurlijke slaapritmes en invloed hebben op je humeur en efficiëntie bij het oplossen van problemen. Hiervoor werden al eerder features zoals Night Shift en Night Light bedacht, die de hoeveelheid blauw licht verminderen.

Energiebesparing

Over de impact van Dark Mode op energiebesparing is niet iedereen het eens. Dat komt omdat dit afhankelijk is van het scherm waarvan gebruik wordt gemaakt. Zo is deze energiebesparing vooral te merken bij amoled-schermen. Studies vanuit Android, waarbij Google-apps als YouTube zijn onderzocht, tonen aan dat Dark Mode tot wel 60% aan energie kan besparen.

Hoe voeg ik Dark Mode toe?

Bij het ontwikkelen van webapplicaties op basis van JavaScript kun je gebruik maken van media queries. Media queries bevatten waardes vanuit het besturingssysteem van de gebruiker. Met de nieuwe release aan media queries wordt er ondersteuning toegevoegd voor de prefer-color-schemes query. Deze kan worden gebruikt om te detecteren op wat voor manier de gebruiker de pagina getoond wil krijgen. Deze query heeft de volgende waardes:

• no-preference: De gebruiker heeft geen voorkeur.
• light: De gebruiker heeft liever een pagina met een ‘light’ thema.
• dark: De gebruiker heeft liever een pagina met een ‘dark’ thema.

De support voor deze media query is momenteel nog beperkt, maar het groeiende draagvlak kan ervoor zorgen dat dit sneller wordt opgenomen. Het zal voorlopig nog standaard blijven om pagina’s met zwarte tekst op witte achtergronden te tonen en mensen met behulp van een toggle dit te laten switchen.

Eindstand

Het vraagstuk blijft of Dark Mode een hype of een noodzaak is. Op die vraag bestaat geen one-size-fits-all antwoord. Momenteel heeft Dark Mode vooral veel momentum omdat het trendy is, maar het biedt ook echt de kans om je platform gebruiksvriendelijker en meer customizable te maken. Het is altijd aan te raden om met je eindgebruiker te bekijken of Dark Mode een waardevolle toevoeging is voor jouw platform.