Case

Emanuel Vigelands Museum er et unikt og stemningsfullt museum i Oslo som huser kunstnerens mausoleum og veggmaleriet Vita. Den eksisterende nettsiden formidlet museets særegne atmosfære gjennom farger og visuelle virkemidler, men med utdatert struktur, dårlig universell utforming og uklar navigasjon.

Utfordring

Hvordan kan vi redesigne nettsiden slik at den beholder museets mystiske identitet, samtidig som informasjon, billettkjøp og bookingfunksjoner blir tilgjengelige for alle brukere?

Min rolle

Prosjektet var et gruppearbeid i IDG2210. Jeg hadde ansvar for brukertestingen og innsiktsarbeidet, jeg planla og gjennomførte think-aloud-testene, og var med på å oversette funnene til prioriteringer gjennom MoSCoW. Jeg tegnet også lo-fi- og hi-fi-skissene i Figma, så mye av det visuelle uttrykket i løsningen kommer direkte fra research-funnene jeg satt med.

Prosess

Innsikt → Struktur → Identitet → Prototype

Ekspertanalysen avdekket at billettkjøp krevde for mange steg og at mobilversjonen nesten ikke fungerte

Vi startet med en ekspertanalyse av den eksisterende nettsiden. Det viktigste funnet var at billettkjøp var veldig vanskelig å finne og var nesten ubrukelig på mobil. Det funnet satte retningen for resten av prosjektet, informasjonsarkitektur og mobil måtte løses før vi rørte ved det visuelle.

Brukertesting bekreftet mistanken, og viste at navigasjon og billettsalg var de to største hindrene

Vi gjennomførte think-aloud-testing på fire personer i ulike aldersgrupper for å bekrefte om ekspertanalysen traff. Funnene var tydelige: navigasjonen var uklar, teksten for liten og billettsalget vanskelig å finne. En konkurrentanalyse viste at tydelig plassering av arrangementer på forsiden og kalenderbasert billettsalg fungerte godt for andre museer, og ble et konkret forbilde for vår løsning.

MoSCoW-analysen tvang oss til å prioritere billett- og bookingflyten fremfor bredde

All innsikt ble sortert gjennom affinitetsmapping, og vi brukte MoSCoW for å avgjøre hva som måtte løses først. Must have: trolig billettkjøp og mobilresponsivitet for å få billett- og bookingflyten skikkelig på plass. Resultatet var at wireframsene fra start ble bygget rundt disse to flytene, ikke rundt en full redesign av hele siden.

Personas avdekket at turist og artistmanager trengte ulike flyter, og det formet skillet mellom billett og booking

Basert på dette utviklet vi personas med konkrete scenarier: en utenlandsk turist, en artistmanager som vurderer lokalet til arrangement, og et par som skal booke til dåp. Turisten og artistmanageren hadde til dels motstridende behov, turisten trengte en rask, enkel billettflyt, mens artistmanageren trengte mer informasjon før hen tok kontakt om leie. Det er derfor bookingforløpet for lokaleleie er skilt fra billettkjøpet.

Med et stadig oppdatert sitemap som fundament gikk vi videre til lo-fi wireframes.

Løsning

Løsningen er en redesignet nettside med tydelig struktur, tilgjengelig informasjon og en enkel flyt gjennom de viktigste funksjonene.

Navigasjon og struktur: Ny informasjonsarkitektur skiller tydelig mellom Billetter, Arrangementer, Leie lokale, Samling og Om oss. Navigasjonsmenyen er redesignet med tydelig markering av aktiv side og fungerer godt på både desktop og mobil.

Billettkjøp Billettsiden ble prioritert høyt basert på innsikten. Løsningen inkluderer kalendervalg med kun tilgjengelige dager synlige, tidsintervaller og enkel checkout-flyt tilpasset museets åpningstider; kun søndager.

Booking av lokale Et eget bookingforløp skiller tydelig mellom billettbesøk og utleie av lokalet, med kontaktmulighet for nye samarbeidspartnere.

Iterasjon basert på brukertesting Brukertesting av lo-fi-prototypen ga konkrete justeringer: kalender og dato måtte vises før kontaktfeltene, kvitteringssiden ble forbedret, og informasjon om tilgjengelighet ble lagt inn på billettsiden. Her ser vi en typisk brukerflyt hvor en person skal bestille billetter:

Refleksjon

Dette prosjektet ga meg god erfaring med å jobbe strukturert fra innsikt til løsning. Det var veldig interessant å jobbe med et museum der identiteten allerede var veldig sterk. Den største utfordringen var å løse de funksjonelle problemene uten å ødelegge det som allerede fungerer estetisk.