Waarom Dark Mode een website kan versterken: een gids voor website owners

De opkomst van dark in webdesign

De huidige aandacht voor dark mode doet vermoeden dat de nachtmodus een nieuwe uitvinding is. Maar in de jaren ‘80 was het monochrome, zwarte scherm met witte of groene letters de standaard. Dat ontwerp werd al snel losgelaten in een poging om op het scherm de ervaring van inkt op papier te evenaren. Dark mode is dus geen nieuwe uitvinding, maar terug van weggeweest. Dat komt deels door de machtswissel in communicatieland. De informatiedrager van vandaag is niet van papier, maar digitaal. Bovendien heeft de dominantie van het scherm nieuwe vragen opgeworpen, bijvoorbeeld over de invloed van (blauw) licht op ons slaapgedrag. Zo is deze herontdekte feature al bijna (opnieuw) standaard geworden. 

cijfers laten een grote populariteit zien van dark mode

Recent Amerikaans onderzoek toont aan dat het gebruik van dark mode sterk is toegenomen onder een breed scala aan apparaten en demografische groepen. Maar liefst 81,9% van de smartphonegebruikers en 82,7% van de desktop- en laptopgebruikers geven de voorkeur aan dark mode. In algemene zin geeft 91-95% van de gebruikers aan een voorkeur te hebben voor dark mode boven de lichte modus. Dit wijst op een overweldigende algemene voorkeur (tussen 91-95%) voor dark mode boven de lichte modus.

Sinds 2019 is het gebruik van dark mode razendsnel gegroeid: van 35% in 2019 naar 65% in 2021 tot 80% in 2023.

Datzelfde onderzoek laat zien dat jongvolwassenen het vaakst de voorkeur geven aan dark mode.

Het aanbod van apps met dark mode blijft dan ook niet achter: 94% van de top-300 apps in Amerikaanse app-stores bieden dark mode aan.

Dark mode is dus veel meer is dan een voorbijgaande trend. Dat dark mode mag rekenen op de voorkeur van meer dan 80% van de gebruikers, over verschillende platformen en demografische groepen heen, maakt het aanpassen van visuals voor dark mode noodzakelijk. 

Hoe dark mode bijdraagt aan toegankelijkheid volgens WCAG

In webdesign past het gebruik van dark mode binnen de toegankelijkheidsrichtlijn WCAG 2.1 en 2.2, vooral omdat het de bruikbaarheid en toegankelijkheid van websites voor gebruikers met visuele beperkingen kan verbeteren. Denk daarbij aan:

• Contrast: volgens de richtlijn moeten tekst en afbeeldingen van tekst voldoende contrast hebben met de achtergrond. Dark mode kan daarbij helpen, vooral in omgevingen met weinig licht.

• Aanpasbaarheid: de richtlijn stelt dat gebruikers de weergave van tekst moeten kunnen aanpassen zonder verlies van inhoud of functionaliteit. Het aanbieden van een dark mode geeft gebruikers meer controle over hoe ze inhoud bekijken.

• Vermindering van lichtgevoeligheid: voor gebruikers met lichtgevoeligheid (fotofobie) of bepaalde vormen van dyslexie kan een donkere modus comfortabeler zijn. Dat sluit goed aan bij een richtlijn binnen WCAG die gaat over het verminderen van storende elementen.

• Automatische detectie: browser en besturingssystemen zullen, afhankelijk van de vooraf ingestelde voorkeur van een gebruiker, dark-modemogelijkheid van een website automatisch detecteren en daarop overschakelen.

Dark mode webdesign is geen specifieke eis in WCAG 2.1 en 2.2, maar het aanbieden ervan helpt wel om aan de richtlijn te kunnen voldoen of - als de richtlijn voor jezelf geen vereiste is - de algemene toegankelijkheid van je website te vergroten. Overigens is niet iedereen enthousiast: sommige gebruikers vinden juist een lichte modus prettiger. Des te meer reden om de keuze aan de gebruiker te laten. 

Bezoekers kunnen de ZonMW website ook bekijken in darkmode

Andere voordelen van dark mode webdesign

1. Een donkere achtergrond laat visuals beter tot hun recht komen
   Heb je een website met veel afbeeldingen? Of wil je visuals benadrukken? Dan zorgt dark mode ervoor dat beelden meer opvallen. Witte of lichte achtergronden laten beeld vervagen, waardoor vooral lichte beelden de neiging hebben om op te gaan in de achtergrond. Op een zwarte achtergrond vallen afbeeldingen met kleur meer op en trekken ze meteen de aandacht van bezoekers.
   
   
2. Dark mode roept krachtigere emoties op
   Zwart wordt vaak als een neutrale kleur beschouwd. Maar niets is minder waar. De diepte en dominantie van zwart hebben een sterk psychologisch effect. Onbewust associëren we zwart met elegant, krachtig, strak en stijlvol: allemaal dingen waar we in user experience design ons uiterste best voor doen.
   
   
3. De digital experience wordt comfortabeler
   Dark mode biedt gebruikers een meer ontspannen schermervaring, simpelweg omdat de belasting voor de ogen lager is. Ogen worden minder snel droog en een donker scherm is aangenamer voor mensen met gevoelige ogen. Bovendien is de hoeveelheid blauw licht kleiner, waardoor je slaaphormoon melatonine niet onnodig in de war raakt. 
4. Dark mode is vriendelijker voor de planeet
   Nieuwe telefoons en tablets verbruiken in dark mode minder energie. De witte pixels worden in dark mode namelijk uitgeschakeld. Daardoor verbruiken deze schermen in nachtmodus zo’n 2 tot 4 keer minder energie. Dat scheelt behoorlijk!

Wat vinden wij?

Hier bij Betawerk zijn we dol op dark mode! Om eerdergenoemde redenen, maar ook omdat de (web)wereld gelukkig niet zwart-wit is. Dark mode webdesign betekent niet dat je moet kiezen voor een zwarte achtergrond met witte letters - die tijden zijn gelukkig voorbij ;-) Afhankelijk van je doelstelling en visuele identiteit gaan we op zoek naar een kleurstelling die je site aangenaam, aantrekkelijk en ‘eigen’ doet voelen. 

Misschien kiezen we voor warm zwart of leisteengrijs. Voor melkwegblauw, wijnrood of dennegroen: mogelijkheden te over om ook in dark mode vast te houden aan je eigen identiteit. Bovendien: je kunt óók kiezen voor een mengvorm tussen donker en licht. Waarbij we sommige vlakken een donkere achtergrond geven, en andere juist een lichte. Het belangrijkste is en blijft dat je online omgeving past bij jou en je gebruikers. En daarvoor ben je bij Betawerk aan het juiste adres.

Meer weten of dark mode? 

Plan hier een call in met onze adviseur