Oppdrag: Sommerstudent i Computas
Kunde: TV-aksjonen
Team: Idunn Stabell, Erik Myhre, Hans Lu, Peter Gisholt og Madelen Gamborg-Nielsen
Tags: UX, Kartleggingsintervju, Brukertesting, Geriljatesting, Workshop, Figma
Oppdrag
Oppdraget ble utført som sommerstudent hos Computas og kunden var TV-aksjonen.
Bakgrunn og utfordring
Hvert år trenger TV-aksjonen å distribuere materiell som t-skjorter, bøsser, plakater og annet til frivillige over hele landet. Tidligere ble dette organisert manuelt gjennom flere Excel-ark, og oppdateringer om bestillinger ble håndtert via telefonsamtaler og e-post. Denne prosessen var tidkrevende, sårbar for feil og krevde mye administrativ oppfølging.
For å effektivisere bestillingsprosessen for kommunene, fylkene og TV-aksjonen selv, skulle vi utvikle en nettbasert plattform der kommunene enkelt kunne bestille materiell, samtidig som fylkene og TV-aksjonen kunne administrere og godkjenne bestillinger.
Min rolle og teamet
I løpet av sommeren 2023 jobbet jeg som UX-designer hos Computas og var en del av et tverrfaglig team med fire utviklere. Dette var et helt nytt prosjekt, så vi startet utviklingen fra bunnen av. Jeg var eneste designer på teamet, så jeg hadde ansvar for alt fra å drive innsiktsarbeid, designe brukergrensesnittet i Figma, fasilitere workshops og gjennomføre brukertester. I tillegg var jeg hovedkontakt for kunden.
Prosess og metodikk
Kartlegging av behov og innsiktsarbeid
Vi startet prosjektet med å besøke TV-aksjonen og gjennomføre intervjuer med de involverte. Dette var avgjørende for å forstå hvordan den eksisterende bestillingsprosessen fungerte, hvilke utfordringer de opplevde, og hvilke behov de hadde for en ny løsning.
Basert på innsiktsarbeidet kartla jeg en brukerreise som viste hvordan de ulike aktørene—kommuner, fylker og TV-aksjonen—interagerte i bestillingsprosessen. Jeg presenterte dette for teamet, og det dannet grunnlaget for en workshop hvor vi jobbet videre med informasjonsarkitektur og funksjonalitet.
Workshop og tidlige skisser
For å sikre en felles forståelse og få frem gode idéer, fasiliterte jeg en workshop for teamet. Vi brukte kreative metoder som Crazy 8’s og brainstorming for å utforske mulige løsninger. Resultatet av workshopen ble en papirprototype for brukergrensesnittet, der vi skisserte hvordan de viktigste sidene i løsningen skulle se ut. Jeg tok med meg disse skissene videre og utviklet de første digitale prototypene i Figma.
Nettbutikk brukerside
Adminside
Design og prototyping
Designet i Figma ble utviklet med fokus på enkel navigasjon og en smidig bestillingsflyt. Brukergrensesnittet måtte være intuitivt, slik at kommuner enkelt kunne bestille materiell, fylker kunne administrere bestillinger, og TV-aksjonen kunne ha full kontroll over lagerbeholdning og forsendelser.
En sentral utfordring var at de fleste produktene var one-size, bortsett fra t-skjorter som fantes i flere størrelser. Siden det ikke skulle være noen betalingsløsning, måtte vi også finne en naturlig måte for brukeren å legge til varer og holde oversikt over bestillingen.
Løsning
- En handlekurv ble implementert for å gi brukeren oversikt over antall varer de hadde lagt til.
- For t-skjorter ble alle størrelser vist samtidig, slik at brukeren enkelt kunne legge til ønsket mengde.
- Brukeren kunne legge inn oppdatert kontaktinformasjon før bestillingen ble sendt inn.
- Bestillingen kunne redigeres helt frem til den ble bekreftet.
For å sikre at designet fungerte godt, gjennomførte vi flere iterasjoner basert på testing og tilbakemeldinger.
Tidlig testing og iterasjoner
Vi ønsket å avdekke potensielle problemer så tidlig som mulig, og startet derfor med enkle geriljatester på Computas-ansatte. Dette gjorde at vi raskt kunne få innspill og gjøre justeringer før vi presenterte løsningen for kunden.
Flere ting ble endret basert på disse testene:
- Designet for hvordan t-skjorter ble lagt til i handlekurven måtte justeres for å gjøre prosessen mer intuitiv.
- Vi la til en bekreftelsesside før bestilling for å redusere risikoen for feilbestillinger.
- Navigasjonen mellom handlekurv og bestillingsskjema ble forenklet.
Da løsningen var mer moden, testet vi den sammen med kunden. Tilbakemeldingene herfra var verdifulle for å tilpasse systemet til deres behov før vi gikk videre til testing med de faktiske brukerne, nemlig fylkesaksjonslederne.
Testing med fylkesaksjonsledere og siste justeringer
Under brukertestingen med fylkesaksjonsledere oppdaget vi flere nye utfordringer som måtte løses:
- Tilgjengelighet på ulike skjermstørrelser: Noen brukere jobbet på små skjermer, noe som gjorde at enkelte knapper og funksjoner ble vanskelige å finne.
→ Løsning: Vi flyttet godkjenningsknappen øverst i tabellen slik at den alltid var synlig, uansett skjermstørrelse.
- Ulik digital kompetanse: Noen brukere hadde lite erfaring med digitale bestillingssystemer, og trengte tydeligere navigasjon.
→ Løsning: Vi la til mer forklarende tekst og verktøytips for å veilede brukerne gjennom prosessen.
- Behov for synlig kontaktinformasjon: Fylkene kommuniserte ofte med kommunene via telefon og e-post, men kontaktinformasjonen var ikke lett tilgjengelig i systemet.
→ Løsning: Vi la til kontaktinformasjon direkte i bestillingsoversikten.
- Oversikt over bestillingshistorikk: Fylkene ønsket å se om kommunenes bestillinger var innenfor rammene av fjorårets bestillinger.
→ Løsning: Vi la inn en visuell indikator som viste om bestillingen var høyere eller lavere enn tidligere år.
Etter disse justeringene ble løsningen godkjent av kunden, og vi kunne ferdigstille designet.
Viktige designvalg
- En tydelig handlekurv for å gi brukerne oversikt over antall varer.
- Dynamisk visning av t-skjortestørrelser for enklere bestilling.
- Synlig godkjenningsknapp øverst i tabellen for å sikre at den alltid var lett tilgjengelig.
- Mulighet for både enkel og bulk-godkjenning av bestillinger for fylkesaksjonsledere.
- Tydelig merking av bestillinger for å vise om de var innenfor tidligere års rammer.
Erfaringer
Dette prosjektet ga meg en dyp forståelse av hele designprosessen, fra innsiktsarbeid til testing og iterasjon.
- Jeg ble tryggere på å fasilitere workshops, spesielt for utviklere som ikke hadde erfaring med slike metoder fra før.
- Jeg lærte viktigheten av tidlig testing og hvordan raske iterasjoner kan spare tid senere i prosessen.
- Jeg fikk erfaring med å designe for brukere med ulik digital kompetanse, og hvordan vi kan gjøre løsninger mer tilgjengelige.
- Jeg ble bedre kjent med samarbeid i et tverrfaglig team, og hvordan man kommuniserer effektivt med både utviklere og kunder.
Dette var et utrolig lærerikt prosjekt, og det var spesielt givende å bidra til en løsning som gjør TV-aksjonens arbeid enklere og mer effektivt.
Ferdige skisser i Figma
