case:

Dashboard
CO₂-visualisering til DSB Erhverv

DSB Erhverv ønskede at give erhvervskunder overblik over deres CO₂-udledning fra togrejser, og mulighed for at sammenligne med tilsvarende rejser i bil. Opgaven var at omsætte komplekse beregninger til en enkel, meningsfuld og troværdig visualisering.

Kontekst

Team i DSB Erhverv: Tværfagligt team med UX, UI designer, product owner, forretningsejer og udviklere.

Min rolle
UX designer – ansvarlig for konceptudvikling, informationsarkitektur og iterationer frem til overlevering til UI designer og udvikling.

Problem

EU-lovgivning gjorde det obligatorisk for virksomheder, at registrere og rapportere deres CO₂-forbrug - herunder på transport. DSB skulle derfor gøre det muligt for erhvervskunder at trække disse data ud, men ønskede samtidig at bruge funktionen aktivt: At gøre det attraktivt at være DSB Erhvervs-kunde ved at synliggøre miljøværdien af at vælge tog frem for bil.

Datagrundlaget var komplekst: Rejser fordelt på flere korttyper, CO₂ udregnet pr. pladskilometer, og en sammenligning med biler, der spænder fra benzin til plugin-hybrid. Udfordringen var ikke kun at vise tallene – men at beslutte hvilke tal der var sigende, hvordan og om de skulle fremhæves som default, og hvor funktionen skulle placeres i IA'en, så DSB kunne profilere sig på den.

Metoder

Kortlægning af forretningskrav og tekniske begrænsninger
Idéskitsering på papir
Iterativ prototyping i Figma
Workshop med forretning om kommunikation og metric-hierarki
Undersøge de tekniske begrænsninger i et ældre system
Løbende annoterede iterationer med designbegrundelser

En af de første wireframes, som visualiserede forståelse af forretningens behov forud for en workshop. Prototypen her dannede grundlag for diskussion om muligheder og forståelse af brugernes behov til workshop.

Undervejs i workshop præciseres tekster så vi bedre forstår hinanden.
Vi foretager justering og forsimpler, så udregninger er teknisk mulige. Vi bliver bevidst om hvor begrænset mulighederne er grundet gammelt system og snarlig deadline

Eksempel på undersøgelse af hvornår en graf er simpel at aflæse. Her en graf der har en søjle for hver type bil, mens det er toget (den lyse søjle) du vil sammenligne med

Her er grafen simplere, og du har fået mulighed for at tilpasse den via en interaktion i dropdown i stedet.

Min erfaring siger at det altid er godt at visualisere flere muligheder, når man har et tæt samarbejde med forretning, der selv har gode ideer.

Løsning

Et konfigurerbart dashboard, hvor brugeren selv vælger hvilke korttyper der indgår i sammenligningen, og kan vælge bilkategori fra en dropdown sorteret efter brændstoftype frem for bilmærke – fordi det er nemmere at skimme for ikke-bilkendere. Det fremhævede nøgletal - sparet eller merforbrug CO₂ - kommunikeres tydeligt øverst og skifter label afhængigt af resultatet.

Et konkret designproblem undervejs: Hvad sker der når toget faktisk udleder mere CO₂ end den valgte bil? Løsningen skulle kommunikere ærligt begge veje - "Sparet" eller "Merforbrug" - frem for kun at vise det positive. På den måde skulle brugerne ikke selv fortolke tallene, men fik fortolkningen præsenteret direkte.

Justering efter review. Brug af annotationer med tekst justeringer og dropdown ændringer.

Resultater

Erhvervskunder fik et værktøj til at dokumentere og kommunikere miljøværdien af deres rejsepolitik
Designet understøttede DSBs mulighed for at profilere sig på bæredygtighed over for erhvervskunder
Løsningen balancerede forretningens ønske om at fremhæve togrejsens fordele med ærlig, troværdig kommunikation

Senior UX designer hos DSB Aug 2021 - Nov 2024

Fremhævede resultater

Styrkede UX's strategiske rolle gennem systematisk måling – valgte SUS-metoden specifikt fordi den producerer sammenlignelige scores der kan visualiseres og kommunikeres til ledelse og stakeholders

Skabte tættere kobling mellem forretning og udvikling via workshops og visualiseringer af brugerrejser.

Vigtigste kompetencer i spil