Nyt hero-design
DR LYD · KONCEPT & UI · IOS, ANDROID, WEB · 2023–2024
Det første, brugerne møder, når de åbner DR Lyd, er heroen. Jeg designede den fra bunden.
LEVERANCER
Konceptudvikling
UI-design
Prototyping
Komponenter til DR's designsystem
Udviklersamarbejde
UDFORDRINGEN
Den gamle hero havde tre titler, kunne kun scrolles i én retning og lignede mere en artikel på DR.dk end en del af DR's designsprog. Tallene bekræftede fornemmelsen: få brugere rørte den overhovedet, og af dem, der scrollede, nåede kun 8 procent frem til den sidste af de tre titler. Opgaven var en ny hero, der fik brugerne til at udforske kataloget.
LØSNINGEN
Jeg udviklede konceptet som appens visuelle fundament og arbejdede det igennem med mit Scrum-team på tværs af iOS, Android og web. To retninger blev bygget som prototyper og afprøvet på kolleger fra hele DR, inden den endelige blev valgt. Fem beslutninger bar designet:
Heroen kom hjem i DR's designsprog. Overlap og genkendelighed på tværs af DR's platforme, herunder DRTV. Det nye var gradienterne bag coveret og selve tekst-tilen.
Ingen blindgyder. Op til 12 titler i en cirkulær karrusel med dot-tæller under hver tile. Når man har set den sidste, er man tilbage ved den første.
Farverne vælger sig selv. Ønsket var håndvalgte farver til gradienterne, men det ville kræve et kæmpe arbejde med bagkataloget og nye regler for eksterne podcastleverandører. Jeg spurgte en udvikler, om det kunne automatiseres. Han gik i nørdemode, og sammen fintunede vi en algoritme, der vælger farverne ud fra coveret. Testet på en stor del af kataloget ramte den skævt på under 1 procent grundt farverne på det enkelte cover, og løsningen blev godkendt. Siden har publicering kunnet sætte en hvilken som helst podcast i heroen med det samme, uden at vente på farver.
Billeder, der fortæller historien. Liveudsendelser og historier kan få et baggrundsbillede, der viser, hvad de handler om, ikke kun hvor de kommer fra. Jeg designede grebet til også at kunne rumme video, og det er siden blevet implementeret ud fra mine designs.
To fravalg undervejs. Coveret lå oprindeligt i venstre side, men blev flyttet for at være tro mod designsystemet. Og et 16:9-format blev droppet, fordi det åd for meget af skærmen og gav færre synlige indgange til indhold.
RESULTATET
Efter redesignet nåede 16 procent af dem, der scrollede, frem til den sidste titel. Dobbelt så mange som før, selvom der nu var fire gange så meget at scrolle igennem. Designet blev rullet ud på iOS og web i 2023 og på Android i 2024, og heroen er i dag fortsat den samme, som brugerne møder, når de åbner appen.
