Lad der blive mørkt
DR LYD · KONCEPT, UI & DESIGNSYSTEM · IOS, ANDROID, WEB · 2023
Dark Mode var det mest efterspurgte ønske blandt DR Lyds brugere. Der var bare ingen, der havde bestilt det.
LEVERANCER
Konceptudvikling
Farveudvikling
UI-design
Prototyping
Tilgængelighedstest
Designsystem-opbygning
Præsentation og intern forankring
UDFORDRINGEN
Dark Mode toppede alle ønskelister: i brugerundersøgelser, i henvendelser og i App Store-anmeldelser. Men DR var hvid. Sådan lød svaret, hver gang jeg luftede tanken, for hvid var troværdig, og Mørk var ikke DR. Imens sad brugerne med mørkt tema på telefonen og blev blændet, hver gang de åbnede appen om aftenen. Opgaven fandtes ikke, så jeg stillede den selv.
LØSNINGEN
Holdningen ændrede sig ikke af sig selv. Så jeg byggede konceptet ved siden af og viste løbende prototyper til vores PM, chefen for DR Teknologi og udvalgte kolleger, så idéen kunne vokse indefra. Da konceptet sad, præsenterede jeg den for DR Design med et fagligt forslag: lad os teste det på DR Lyd og lytte til, hvad brugerne siger. Argumenterne holdt, jeg fik designchefens ja, og et hus, der havde været hvidt, gik med på mørket. Herefter stod jeg alene for færdiggørelsen og implementeringen af designkonceptet i designsystemet. Fem beslutninger bar designet:
Et drys DR i det sorte. Oversat direkte til sort og grå ville appen fremstå trist og miste sin DR-følelse. Derfor tonede jeg 12 % af DR's røde ind i den sorte og landede på en baggrund med varme i og udviklede resten af farverne ud der den metode. Referencerne var overalt i huset: Koncertsalens røde sæder, urene med røde tal i studierne og Jacob Jensens gamle B&O-design med sorte displays og røde skalaer.
En rød, der kan tåle mørke. DR's primærrøde stod nærmest selvlysende på den mørke baggrund. Jeg skruede mætningen 20 % ned, så den falder til ro, og står de to røde ikke side om side, kan man ikke se forskel. Justeringen fik samtidig kontrasten til at bestå tilgængelighedskravene, og det er stadig den røde, DR bruger på mørk baggrund i dag.
Blød sort og 90 % hvid. Ren hvid tekst på ren sort giver ghosting, hvor teksten tværes ud og flimrer ved scroll, fordi helt slukkede pixels er langsomme om at tænde igen. Baggrunden blev derfor en blødere sort og teksten hvid med nedtonet opacitet. Kontrasten blev behagelig at læse i mørke, og flimren forsvandt.
Bygget ind i designsystemet fra dag ét. Sammen med udviklerne lagde jeg Dark Mode i DR Lyds lokale komponentbibliotek med en navngivning, hvor hver farve kender sin mørke modpart. Strukturen ligger i Figma, så andre DR-produkter kan overtage den, den dag de skal samme vej.
Følg telefonen. Vi rullede Dark Mode blødt ud for at se brugernes reaktion: ved første åbning valgte man selv mellem lyst, mørkt eller at følge systemet, og på web startede siden lys med en lille måne til at skifte. Efter et halvt år, hvor brugerne havde taget godt imod det mørke tema, blev valget forenklet til min oprindelige idé: appen følger bare enhedens indstilling, og i dag gælder det på alle platforme.
RESULTATET
Brugerne tog imod det mørke tema med begejstring, og i dag er Dark Mode den mest ønskede feature på tværs af DR's øvrige digitale platforme. Det er besluttet, at udrulningen sker med mit forlæg som grundlag, og DRTV har allerede skiftet sin loadskærm til mørk, mens resten af appen venter. Og så var der det, der ikke kan måles: at sidde i metroen og se, hvor mange fremmede telefoner der havde det mørke tema slået til.
