Dark mode

GODKÄND

Inledning

2019 var året som många av de största tech-företagen tog in dark mode i sina tjänster. Ett dark mode är ett så kallat mörkt läge för din valda tjänst, program eller app. Några som gjorde det var b.la. Apple, Google, Slack och Soundcloud. Detta gjorde att många snart därefter hoppade på. Sedan dess har det blivit väldigt populärt men också föredragits av användare som då kört det i hela sina operativsystem. Idag kan du även styra det via tid på dygnet (Dark mode då det är mörkt ute och vise versa) som det finns många fördelar med.

Syfte: Den här sidan är för dig som vill veta mer om vad dark mode är, eller för dig som ska jobba med det.

Målgrupp: UX designer, UI designer, front-end utvecklare, projektledare, uppdragsledare, test och tillgänglighet.

Instruktion för användning: Läs igenom dokument för att förstå varför och när det kan vara bra att använda ett dark mode.

Hantering av Dark mode

Open

Exempel på Chrome i forced dark mode

Sedan 2021 har vi startat ett arbete med att ta fram designsystemet också i dark mode. Vi vill skapa det för att kunna äga frågan hur det kommer se ut men också bemöta våra användare som vill kunna ha det som inställning i våra tjänster. Google Chrome har även implementerat en funktion så alla användare kan tvinga webbsidor att visas i ett mörkt läge. Genom att klistra in chrome://flags/#enable-force-dark i din browser så kan du välja att tvinga din browser till dark mode. Det är en funktion som idag ligger under deras “experiments” men skulle det bli en standard funktion i framtiden så har vi kontroll över det om vi implementerat vårt dark-mode läge.

Genom att ge användare möjlighet att besöka våra tjänster i dark mode ökar vi både vår tillgänglighet och relevans. Vi ser en ökad populäritet att ge användare möjligheten att använda tjänster i ett dark mode.

Hur används Dark mode

I några oberoende undersökningar som gjorts har det visats att majoritet av användare använder Dark mode som standard, och har en förväntan att tjänster dom använder ska stödja Dark mode. Det finns även några fördelar som t.ex:

• Snällare mot ögonen

• Anpassa läge efter dygnets timmar

• I vissa fall öka batteritid

• Följer förväntat system-beteende

Utmaningar:

• Flera färgscheman att hantera

• Ett större designsystem

• Högre krav på kod (för att anpassa efter valt läge)

• Fler komponenter för test och kvalitetssäkring

Länkar

Mer läsning:

What Is Dark Mode – And Should You Be Using It?