Mørk tilstand: Alle fordele og ulemper at overveje

For et par år siden begyndte du måske at høre en masse snak om noget, der hedder "mørk tilstand". Data fra Google Trends viser, at søgninger på verdensplan efter dette udtryk begyndte at stige i slutningen af 2018 og toppede i oktober 2019, kort efter at mørk tilstand blev introduceret til iOS og Android.

Denne designfunktionalitet har vist sig at være populær hos mange brugere. En undersøgelse offentliggjort på Medium viste, at 82,7 % af deltagerne havde brugt mørk tilstand på deres enheder. Undersøgelser fra Android Authority og Polar viste lignende resultater, hvor henholdsvis 91,8 % og 95 % af deltagerne erklærede, at de foretrak mørk tilstand.

Designere er måske nysgerrige over den seneste eksplosion i popularitet af mørk tilstand. Hvad er "mørk tilstand" helt præcist, hvor kommer det fra, og hvorfor er brugerne pludselig så interesserede i det?

Nedenfor undersøger vi, hvad mørk tilstand er, hvordan den bruges i dag, og hvad dens fordele og ulemper er. Vi giver også billeder og skærmbilleder af mørk tilstand. Hvis du forstår, hvorfor nogle brugere foretrækker mørk tilstand, kan det hjælpe dig med at træffe dine beslutninger om digitalt design.

Hvad er mørk tilstand?

Mørk tilstand er præcis, hvad det lyder som - en mørk farveskala for brugergrænsefladen på websites og apps.

Tænk på det "klassiske" udseende af en tekstbaseret brugergrænseflade (f.eks. en tekstbehandlingsapp som Microsoft Word eller Google Docs). Disse apps bruger typisk mørk tekst på en hvid baggrund, hvilket efterligner håndskrevet tekst på en hvid side.

Kilde: Pixnio

Du kan betragte dette farveskema som "lystilstand". Lystilstand findes overalt på nettet. Faktisk kan du se det lige her på Vectornator-bloggen.

Mørk tilstand er det modsatte farveskema: lys tekst på en mørk baggrund.

Mange apps gør det nu muligt at skifte mellem lys tilstand og mørk tilstand. Nogle brugere kan lide at skifte mellem de to tilstande for at ændre på tingene eller for at justere enhedens synlighed på forskellige tidspunkter af dagen.

Mørk tilstand kan også kaldes "nattilstand". På nogle enheder er nattilstand dog forskellig fra mørk tilstand. Mens mørk tilstand indebærer en mørkfarvet brugergrænseflade, kan nattilstand blot dæmpe skærmen eller bruge varmere toner for at udsende mindre blåt lys om natten.

En kort historie om Dark Mode

Selv om den nylige interesse for dark mode er ny, er selve konceptet slet ikke nyt.

Se dette billede af en Zorba 2000-computer, der blev fremstillet af Telcon Industries i 1980'erne:

Kilde: Wikimedia Commons

Dengang var mørk tilstand ikke et bevidst designvalg, men en nødvendighed. De tidlige computere brugte CRT-skærme (katodestrålerør), som i begyndelsen ikke var sofistikerede nok til at lyse hele skærmen op på én gang.

I 1990'erne havde teknologien udviklet sig, og desktopcomputere havde nyere CRT-skærme med et komplet udvalg af farver. I dag bruger vi slet ikke længere CRT-skærme - de blev efterhånden erstattet af plasmaskærme og derefter LED- og LCD-skærme. På disse skærme er farver ikke en begrænsende faktor.

Med tiden kom de lyse temaer, som vi kender i dag, til at dominere det digitale design. Da computerens brugergrænseflader oprindeligt blev designet til at efterligne velkendte fysiske genstande (filer, mapper, "genbrugskurven" osv.), giver det mening, at billedet af mørk tekst på lyst papir ville spille en stor rolle i den digitale æstetik.

Selv om lyst design fortsat er meget populært, er mørke farveskemaer nu kommet på mode igen med fremkomsten af dark mode.

Hvor bruges mørk tilstand?

Du kan aktivere mørk tilstand for en app, en webbrowser eller et helt styresystem. Her kan du se, hvordan mørk tilstand bruges på en række digitale medier:

Mørk tilstand i hele systemet: Android og iOS (iPhone)

Både Android- og iOS-enheder tilbyder en mulighed for systemdækkende mørk tilstand. Med systemdækkende mørk tilstand gælder farveskemaet for mørk tilstand for hele mobilens operativsystem, herunder alle kompatible apps.

Sådan aktiverer du mørk tilstand i hele systemet i Android og iOS.

Mørk tilstand er tilgængelig i Android 10 og nyere versioner. Åbn appen "Indstillinger", vælg "Visning", og slå derefter "Mørkt tema" til.

iOS: Du kan bruge mørk tilstand i iOS 13 og nyere versioner. Du aktiverer den ved at trykke på appen "Indstillinger", rulle nedad og vælge "Skærm & Lysstyrke" og derefter vælge "Mørk tilstand".

Systemdækkende mørk tilstand fungerer ikke med alle mobilapps. Kun visse apps understøttes. På Android-telefoner fungerer systemdækkende mørk tilstand med Googles egne apps som Docs, Drive og Gmail samt mange populære apps fra tredjeparter som WhatsApp og Facebook Messenger.

Mørk tilstand i hele systemet: Windows 10 og macOS

Systemets mørke tilstand er ikke kun for mobile enheder; både Windows 10 og macOS tilbyder den også. Her kan du se, hvordan du får adgang til den.

Windows 10: Højreklik på dit skrivebord for at få vist en systemmenu, og klik derefter på "Personlig tilpasning".

Vælg "Farver" på den skærm, der vises. Under "Vælg standardtilstand for app" skal du vælge "Mørk".

macOS: Hvis du vil aktivere mørk tilstand i macOS, skal du klikke på Apple-logoet i øverste venstre hjørne af skærmen for at åbne systemindstillingerne og derefter klikke på "Generelt". Du bør se muligheden for at skifte til mørk tilstand i afsnittet "Udseende".

Mørk tilstand for individuelle apps og software

Nogle mennesker ønsker måske ikke at bruge systemdækkende mørk tilstand, men foretrækker i stedet at slå den til og fra i individuelle apps (eller de bruger måske ikke et operativsystem, der understøtter systemdækkende mørk tilstand). Heldigvis har mange apps deres egen separate mørke tilstand.

I Google Docs på Android kan brugerne f.eks. trykke på "Indstillinger" og derefter "Vælg tema" og derefter vælge "Mørk". Dette slår mørk tilstand til kun for Docs.

Nogle programmer kan bruges sammen med systemdækkende mørk tilstand for at gøre dele af skærmen endnu mørkere. Windows 10's systemdækkende mørke tilstand gør f.eks. webbrowsere som Google Chrome mørke i toppen, men indholdet nedenunder er stadig lyst.

Brugere, der ønsker en mere "komplet" mørk tilstand, kan bruge en Chrome-udvidelse sammen med deres systemdækkende mørke tilstand for at forbedre den mørke effekt.

Hvorfor mørk tilstand er vigtig for designere

Så hvorfor skal du som designer bekymre dig om mørk tilstand?

Afhængigt af hvilket område du arbejder inden for, kan dark mode være meget relevant for dig. Selvom dark mode er mest direkte forbundet med UI-design, kan alle typer designere lære noget af "dark mode"-konceptet.

Gør lette design kompatible med mørk tilstand

Hvis du er designer af et websted eller en app, som allerede har skabt en lys brugergrænseflade, skal du huske, at nogle brugere måske vil se dit design med deres mørke tilstand aktiveret. Afhængigt af hvordan dit websted eller din app er konfigureret, kan brugerne måske eller måske ikke få adgang til det i mørk tilstand.

Hvis du er bekymret for, hvordan din grænseflade vil se ud i mørk tilstand, er det værd at arbejde sammen med dine udviklere for at sikre, at dit design ser klart og læsbart ud, uanset brugerens browser- og operativsystemindstillinger.

Brug mørk tilstand som inspiration til design

Den stigende popularitet af mørk tilstand rejser også nogle interessante æstetiske spørgsmål. For det første udfordrer det paradigmet med at få digitale brugerflader til at ligne deres analoge modstykker.

Selv om det kan virke naturligt at få det til at føles som at læse en bog, når man surfer på internettet, er der ingen grund til, at det behøver at være sådan.

Hvis du kan lide konceptet med mørk tilstand og ser værdien af den i designet, kan du altid gøre mørkt design til en fast bestanddel af dine websteder og apps. Hvis du vil se et eksempel på dette, kan du se Vectornators hjemmeside, som er inspireret af mørk tilstand.

Mørke grænseflader har visse fordele i forhold til lyse grænseflader, og derfor foretrækker mange brugere dem. Der er dog også nogle ulemper, som man skal overveje. Vi dykker dybere ned i disse i næste afsnit.

Fordele og ulemper ved mørk tilstand for designere

Mørk tilstand og farvepsykologi

Nogle designere foretrækker lyse farveskemaer frem for mørke på grund af de følelser, som mørke farver kan fremkalde.

I vestlige kulturer betragtes sort og grå undertiden som "negative" farver, der forbindes med død, depression, mystik eller ondskab. Sort er forbundet med sorg, en tradition, der stammer fra romertiden, men som blev populær i den victorianske æra.

Kilde: Pxhere

Mørke farver forbindes dog også med luksus og elegance. Vestlig formel beklædning er typisk sort eller mørkfarvet (tænk på smoking, jakkesæt og den "lille sorte kjole"). Luksusbiler, tøj og andre luksusvarer er også ofte mørkefarvede.

Kilde: Pixabay

Mørke farver forbindes med luksus, fordi mørke farvestoffer oprindeligt var meget dyre at fremstille. De gamle romere anså f.eks. lilla for at være den kongelige farve. De fremstillede lilla farvestof ved at koge tusindvis af havsnegle, hvilket var en dyr og tidskrævende proces.

Langt senere, i middelalderen, brugte europæerne "egeæbler" (en løgvækst på egetræer) til at fremstille sort farvestof. På grund af farvestofets pris blev sort den foretrukne farve for spanske aristokrater og rige hollandske købmænd i det 15. århundrede.

Så hvordan kan disse indsigter bruges i din brug af mørke farver? Når du overvejer, om du skal vælge et mørkt design til din brugergrænseflade, skal du tænke på, hvordan du ønsker at positionere dit produkt.

Hvis luksus er en af dine vigtigste brand-egenskaber, kan et mørkt farveskema være et godt valg. Men da mørke farver kan være polariserende, kan det være fornuftigt at lade brugeren selv vælge.

Mørk tilstand og belastning af øjnene

Ud over æstetik er der mange andre grunde til, at nogle brugere foretrækker mørk tilstand. En af de hyppigt nævnte grunde er øjenbelastning.

Med den digitale teknologis voksende udbredelse i vores samfund tilbringer den gennemsnitlige person nu en stor del af dagen med at stirre på skærme. Faktisk tilbringer den gennemsnitlige voksne i USA over 10,5 timer dagligt foran en skærm. Dette har ført til stigende bekymring for øjenhelbredet.

Nogle brugere hævder, at de synes, at mørk tilstand er mere behagelig for deres øjne, men kan den virkelig reducere øjenbelastning?

Der er på nuværende tidspunkt ingen afgørende videnskabelige beviser for, at mørk tilstand kan reducere risikoen for overbelastning af øjnene. Faktisk kan mørk tilstand faktisk gøre det sværere at se ved at få dine pupiller til at udvide sig. Dette gælder især under stærkt oplyste forhold. Under svagt oplyste forhold kan mørk tilstand dog være en vis fordel for overbelastning af øjnene. ‍

Eksperter anbefaler, at man ikke bekymrer sig for meget om mørk tilstand, når det drejer sig om øjenbelastning. I stedet bør brugerne holde regelmæssige pauser fra skærmen eller bruge kunstige tårer for at forhindre, at øjnene tørrer ud.

Mørk tilstand og læsevenlighed

Mørk tilstand bør ikke påvirke læsbarheden for de fleste brugere.

Læsbarheden afhænger først og fremmest af farvekontrasten. Et højt kontrastforhold mellem tekst og baggrundsfarve gør teksten mere læsbar. Derfor anbefaler retningslinjerne for tilgængelighed af webindhold (WCAG) et kontrastforhold på mindst 4,5:1.

Du kan opfylde WCAG-standarderne ved at bruge enten lys tilstand eller mørk tilstand. Her er nogle eksempler fra WebAIM.org:

En ting, du skal huske på, er, at meget store kontraster mellem tekst og baggrundsfarve kan give øjenbelastning. Et eksempel er ren hvid (#FFFFFFFF) tekst på en ren sort (#000000) baggrund eller omvendt.

Uanset om du designer til mørk tilstand eller lys tilstand, skal du forsøge at bruge en afbalanceret farvekontrast, der er let at læse uden at virke skurrende.

Mørk tilstand og tilgængelighed

Desværre skaber mørk tilstand en udfordring for brugere med nærsynethed eller astigmatisme, fordi en effekt kaldet "halation" (fra ordet "halo") får lys tekst på en mørk baggrund til at se tåget eller sløret ud for disse brugere.

Hvis du vil sikre, at dine apps og websites er tilgængelige for alle, kan du overveje at give brugerne mulighed for at skifte mellem lys tilstand og mørk tilstand.

Mørk tilstand og dvaletilstand

Nogle brugere kan lide at aktivere mørk tilstand om aftenen, inden de går i seng. Formålet er at reducere eksponeringen for blåt lys inden sengetid.

Blåt lys har vist sig at forstyrre søvnmønstre ved at undertrykke udskillelsen af melatonin. Det kan også forårsage andre negative sundhedseffekter, selv om dets nøjagtige indvirkning på vores helbred og søvn stadig er omstridt.

Mørk tilstand er ikke den eneste måde at reducere det blå lys på; brugerne kan f.eks. også dæmpe deres skærm. Men en veludformet mørk tilstand kan faktisk reducere mængden af blåt lys, som brugerne udsættes for.

Mørk tilstand og fokus

Nogle virksomheder har hævdet, at mørk tilstand kan forbedre fokus og koncentration, men det er ikke dokumenteret af forskning.

Der er dog én måde, hvorpå mørk tilstand kan forbedre koncentrationen. "Skærmens flimren" har vist sig at påvirke koncentrationen, selv når flimren er for svag til at kunne opfattes. En mørk baggrund kan fjerne eller mindske dette flimren og dermed forbedre koncentrationen.

Kilde: Rawpixel Ltd., Flickr. Licens: CC BY 2.0.

Mørk tilstand og batterilevetid

En sidste påstand, der ofte fremsættes om mørk tilstand, er, at den forbedrer batteritiden. Det er sandt, i hvert fald for nogle typer enheder.

Det skyldes, at OLED-skærme kun oplyser de farvede pixels, mens de sorte er slukket. For OLED-telefonbrugere, der har aktiveret mørk tilstand, betyder det en dramatisk forøgelse af batteritiden hver dag og en længere levetid for deres batteri på lang sigt.

Jo "mørkere" den mørke tilstand er, jo mere batteri spares der på en OLED-skærm. En undersøgelse fra XDA Developers viste, at mørke tilstande, der brugte en ren sort farve, sparede en lille smule mere strøm end tilstande, der brugte mørkegråt i deres design.

Forskellen mellem de to var dog kun 0,3 %. Så hvis du er usikker på, om du skal bruge ren sort eller mørkegråt i dine designs, er batterilevetiden måske ikke et vigtigt aspekt.

Resumé: Alle fordele og ulemper ved Dark Mode

Fordele ved mørk tilstand

• Mørke farver kan symbolisere luksus og elegance.
• Mørk tilstand kan mindske øjenbelastning i dårligt lys.
• Mørk tilstand kan reducere eksponeringen for blåt lys, hvilket kan forbedre søvnkvaliteten.
• Mørk tilstand kan forbedre tilgængeligheden for personer med lysfølsomhed.
• Mørk tilstand kan reducere eller fjerne skærmens flimren og potentielt øge fokus.
• Mørk tilstand forbedrer batterilevetiden på enheder med OLED-skærme.

Ulemper ved Dark Mode

• Mørke farver kan fremkalde negative følelser, der er forbundet med sorg, sorg eller depression.
• Mørk tilstand kan øge øjenbelastningen under stærkt oplyste forhold.
• Mørk tilstand kan forårsage halation for personer med nærsynethed eller astigmatisme, hvilket gør teksten mindre læsbar for dem.
• Mørk tilstand kan nedsætte læseforståelsen og fokus.
• Mørk tilstand forbedrer ikke batterilevetiden på ældre enheder uden OLED-skærme.

Konklusion

Som du kan se, er der ikke noget enkelt svar på spørgsmålet "er mørk tilstand en god ting?"

Når alt kommer til alt, handler det om personlige præferencer. Mange brugere elsker mørk tilstand, simpelthen fordi de synes, at den er cool, mens andre synes, at den er uinteressant eller svær at bruge.

Og som altid må du ikke glemme at prøve Vectornator - det er det perfekte værktøj til at afprøve dine nye idéer til design af brugergrænseflader i mørk tilstand!