Utfordringen
TV Aksjonen mangler oversikt over innsamlingen. De ønsker å kunne visualisere dette ved å filtrere på kommuner og fylker i et dashboard.
Bakgrunn
I løpet av sommeren 2023 hadde jeg gleden av å jobbe som sommerpraktikant hos Computas, der jeg var ansatt som designer på to oppdrag med to ulike team. Det ene oppdraget var å fullføre utviklingen av et digitalt dashboard for TV-aksjonen som skulle benyttes for å overvåke innsamlingen deres. Oppdraget var allerede påbegynt da vi ble involvert, og hovedmålet var å levere et fullstendig produkt. Vi overtok både den eksisterende kodebasen og Figma-filene som hadde blitt utviklet tidligere.
Prosjekt: Sommerstudent hos Computas
Når: 2023
Kunde: TV-aksjonen
Team: Thea Ahlgren, Lukas Stjernen, Per Holte, Alexander Lu, Madelen Gamborg-Nielsen
Utvikling av Digitalt Dashboard for TV-aksjonen (Sommeren 2023)
Problem: Gi TV-aksjonen oversikt over penger samlet inn ved hjelp av et digitalt dashboard.
Team: Vårt team besto av fire utviklere og en designer. En av utviklerne jobbet både med frontend-utvikling og design.
Prosess
Prosessen begynte med et besøk hos TV-aksjonen for å få et dypere innblikk i deres behov og visjon. Vi brukte også den innledende tiden til å utforske det eksisterende arbeidet som allerede var utført. Dette inkluderte møter med kunden for å klartlegge hvilke behov som allerede var imøtekommet og hvilke tilpasninger og forbedringer vi kunne jobbe videre med. Underveis utførte vi Gerilja-testing på Computasansatte, og brukertester med kunde.
Designvalg
Vi ble tilsendt en liste med prioriteringer fra TV-askjonen der de oppga hvilke elementer de ønsket at vi skulle videreutvikle basert på tidligere design. Designvalg er tatt basert på brukertester, men også basert på research på Dashboard-design.
Filtrering
TV-aksjonen ønsket så mye filtrering som mulig. Derfor forhørte jeg meg først med backend-teamet før vi satt opp en liste over hva det var mulig å legge til filtrering på. Dette førte til at dashboardet ble filtrert globalt på fylker, samt at hver graf individuelt kunne filtreres på fylker. Det ble lagt inn filtreringsmulighet for å velge hvilken aksjon man ville se på, og å velge type aksjon og fylke samtidig. Filtreringen ble prototypet i Figma, og brukertestet på Computas-ansatte og videreutviklet deretter. På grunn av filtrering la jeg inn en melding til brukeren dersom det ikke fantes data for en fylke, en aksjon eller for en spesifikk graf.
Visuelt uttrykk
Det fordi det kom frem av brukertester på ansatte i Computas at dashboardet kunne virke overveldende for noen som ikke har brukt det før. Derfor ble fargepaletten forenklet til nyanser av blå, i stedet for å bruke ulike farger for hver aksjonstype. I tillegg ble grafene og tabellene jobbet med for å være best egnet til datatypen de representerte. Plassering av elementene ble bestemt basert på flyt og hvordan en bruker leser nettsiden. De viktigste elementene ble derfor plassert øverst og lengst til venstre. Derfor ble filtrering lagt til øverst på siden, og "topp 3 Spleiser" øverst til venstre blant grafene. Siden kan vises som en tabelloversikt i stedet for grafer, og denne ble lagt til som en fane under filtreringen i stedet som en fane globalt i navigasjonsbaren. Dette var for å gjøre det mer tydelig at tabelloversikten følger samme filtrering som grafene.
Erfaringer
Vårt samarbeid med TV-aksjonen resulterte i et funksjonelt og visuelt gjennomarbeidet digitalt dashboard som vil være avgjørende for ansatte i TV-aksjonen å følge innsamlingen deres. Denne erfaringen har utvilsomt bidratt til min forståelse av designprosessn og min evne til å arbeide effektivt i et team. Spesielt å samarbeide med en annen designer på samme prosjekt har gitt meg nye erfaringer. Jeg lærte mye om kommunikasjon og delegering av arbeidsoppgaver. Dette er erfaringer jeg tar med meg i fremtidige prosjekter.
