Waarom Donkere Modus de Gebruikerservaring Verbetert.

Het is belangrijk om te onthouden dat de eerste interfaces zwarte schermen hadden (meer vergelijkbaar met de donkere modus), met platte tekst in verschillende tinten. De vooruitgang op het gebied van grafische interfaces sinds de jaren zeventig door het bedrijf Xerox, en later voortgezet en verbeterd door bedrijven als Apple, heeft ertoe geleid dat we pagina's met witte achtergronden en interfaces associëren als uitgangspunt in de wereld van gebruikersinterfaces.

Deze interfaces brengen echter een reeks problemen met zich mee die ontwerpers en hun benadering van het bouwen van grafische stromen beginnen te beïnvloeden, zoals het langdurig bekijken op witte interfaces, wat visuele vermoeidheid en geleidelijk ongemak voor gebruikers kan veroorzaken.

Stel je een kantoormedewerker voor die 8 uur achter een scherm zit; de helderheid beïnvloedt de vermoeide ogen en verhoogt het risico op zichtproblemen op de lange termijn. Bovendien impliceren witte pagina's minder onderscheid in hun inhoud, wat soms verwarring of desoriëntatie kan veroorzaken tijdens het navigeren, vooral wanneer urgente of kritieke taken vereist zijn.

Dat is de reden waarom steeds meer websites alternatieven aanbieden met kleurencombinaties variërend van licht tot donker in hun interfaces: de donkere modus is een alternatief voor de standaardaanpak van het creëren van interfaces die worden gedomineerd door wit, met een nieuw schema van donkere en zwarte tinten.

Het doel is niet alleen om visuele vermoeidheid te verminderen; De donkere modus brengt een reeks voordelen en doelstellingen met zich mee die ervoor zorgen dat meer gebruikers dit willen in de interfaces die ze dagelijks bezoeken:

Het concentreert de inhoud effectiever, houdt de gebruikersinterface op de achtergrond en helpt gebruikers snel de inhoud te vinden die ze nodig hebben. Dit versnelt de besluitvormingsprocessen van gebruikers.

Het zorgt voor een professionelere, serieuzere en verfijndere uitstraling. Veel professionele ontwerp- en investeringstools bevatten standaard de donkere modus, waardoor een professionele en elegante toon wordt geërfd.

Het verbetert de visuele ergonomie, vermindert vermoeide ogen en verhoogt de productiviteit.
Met algemene donkere tinten bespaart het apparaatenergie beter, wat voordelen biedt voor de ecologische voetafdruk van gebruikers. Voor apparaten die over deze functie beschikken, maakt dit ook eenvoudiger schermaanpassingen mogelijk op basis van de omgevingslichtomstandigheden, waardoor de gebruikerservaring in nachtelijke omgevingen wordt verbeterd.
Bovendien is het een groeiende gebruikerstrend, dus het opnemen van donkere modi kan de bruikbaarheid van sommige digitale producten en websites verbeteren.

Overwegingen bij het gebruik van de donkere modus
Gezien deze voordelen is het duidelijk dat de donkere modus aanzienlijke voordelen biedt op het gebied van inclusiviteit, gebruikerscomfort en professionele prestaties.

De methode voor het maken van interfaces in de donkere modus is echter niet alleen gebaseerd op het omschakelen van witte tinten naar zwart. Er zijn cruciale overwegingen bij het wijzigen van een lichte basisinterface en het transformeren ervan naar de donkere modus:

Het kleurenpalet dat u in uw donkere modus gaat toepassen, moet rekening houden met kleurencombinaties met functionele contrasten, volgens de WCAG-maatregelen voor kleurtoegankelijkheid. Idealiter wordt aanbevolen dat de tintcontrasten AA zijn voor die belangrijke elementen in een donkere interface, namelijk: schermachtergrond, laagachtergrond, achtergrondkleur van de secundaire laag, actiekleur, hoofdtekst en subtekst.

Hoewel het tegenstrijdig lijkt, wordt de zuivere zwarte toon die bekend staat als #FFFFFF niet aanbevolen voor gebruik. Puur zwart is een kleur die in de natuur niet voorkomt, dus onze ogen zijn niet voorbereid op die toon op achtergronden, en cognitief verwerken we deze niet correct, omdat het contrast creëert en andere gekleurde elementen kan laten ‘dansen’, zoals typografie. . De basiskleur van uw palet voor de donkere modus kan bijna puur zwart zijn, maar dat mag nooit precies dat zijn. Een schaal op basis van donkere grijstinten is hiervoor ideaal. Vermijd verzadigde kleuren, omdat deze visuele trillingen kunnen veroorzaken, vooral in mobiele interfaces.

In eerste instantie moet het gewenste kleurenpalet de kleuren behouden die al door de bedrijfsrichtlijnen zijn vastgelegd. We moeten ervoor zorgen dat onze interfaces zakelijk blijven, dus de kleuren die merkidentificerend zijn en gemakkelijk door de gebruiker kunnen worden herkend, moeten behouden blijven. Bovendien moet het kleursysteem worden gedefinieerd op basis van de functie, zoals in de lichtmodus, omdat dit het helpt voorbereiden op mogelijke veranderingen en aanpassingen in de toekomst.

In donkere modi is eenvoud de sleutel tot succes. Het creëren van hiërarchieën van donkere kleuren met een limiet op accentkleuren, met minder tinten van dezelfde kleur of verschillende kleuren, komt de feedback van gebruikers en de cognitieve belasting ten goede, en het helpt ontwerpteams ook om dit nieuwe palet effectief en snel te beheren, waardoor ontwerpprocessen worden versneld. Vijf verschillende kleurschakeringen en vier verschillende kleuren zouden ideaal zijn.

Ten slotte moet diepte begrijpelijk zijn: de elementen die het dichtst bij zijn, moeten lichter zijn, terwijl de elementen met meer witte elementen, zoals tekst, het helderst zijn. Daarom zullen de donkerste tinten ruimtes verder weg in de diepte bezetten, altijd zonder het gebruik van schaduwen (aangezien ze niet correct worden waargenomen op donkere achtergronden). Wat het dichtst bij de gebruiker staat, moet de meeste helderheid hebben. Dit is de reden waarom je voor elementen als tekst kunt spelen met de dekking van hun wittinten. Teksten met grotere nadruk kunnen een witte dekking van 90% gebruiken, met gemiddelde nadruk 60-70%, en bij teksten in een uitgeschakelde status 40%.

Kortom, de donkere modus is niet alleen een esthetische trendkeuze, maar ook een integrale strategie om de toegankelijkheid en gebruikerservaring te verbeteren.