Emne: Informasjonsarkitektur

Verktøy: Figma

Rolle: UI/UX designer

År: 2024

I samarbeid med Liv Marie Nygård, Jon Bruno Tjøsvoll og Martin Hansen Løntjern

Formål:

Bakgrunnen for prosjektet tar utgangspunkt i studentlivet ved NTNU Gjøvik, og fokuserer på studentfrivilligheten.

Løsningen ble utviklet med brukersentrerte metoder, og er basert på innsikt fra intervjuer med relevante målgrupper.

Målet med prosjektet:

  • Komme med et designforslag til en ny digital løsning for å bedre hverdagen for foreninger, styrere, medlemmer og ildsjeler.

Problemstilling: Det er ingen god løsning på å skaffe seg oversikt over foreninger og arrangementer på NTNU Gjøvik

Resultat:

Resultatet ble en desktop og mobilløsning med enkel oversikt over linjeforeningen din. Det er også tydeliggjort om arrangementene er for alle eller kun for medlemmer i den linjeforeningen som arrangerer.

empati

  • Intervjuet 2 ildsjeler ved designfakultetet

  • Spørreundersøkelser

  • Desk research

definer

Affinity-diagram

I affinitydiagrammet fikk vi 10 kategorier:

  • Kommunikasjon internt

  • Kommunikasjon eksternt

  • Synlighet

  • Informasjon

  • Engasjement

  • Arrangementer

  • Hobby

  • Økonomi

  • Deltakelse

  • Annet

Abstrahering

Etter affinitydiagrammet ønsket vi å gjøre en abstrahering, slik at vi fikk en samlet oversikt over det vi mente var hovedpupunktene i affinitydiagrammet:

  • Kommunikasjon

  • Informasjon

  • Deltakelse

  • Foreninger

Personas og scenario

Ut fra abstrahering, utviklet vi personas og scenario. Elias sitt scenario tilsvarer en desktop opplevelse, mens Josefine baserer seg på mobil.

Venn-diagram

Venn-diagrammet ble utviklet for å illustrere enklere for oss hvilke hovedsider som oppfyller eller adresserer hovedpunktene fra affinitydiagrammet, samt hvilke funksjoner vi trenger å implementere på sidene.

Kategoriene ble som følger:

  • Arrangementer

  • Foreninger/Wiki

  • Kalender

Disse er de sidene vi anså som de viktigste for løsningen vår. Samtidig fungerer Venn-diagrammet som en funksjonsbeskrivelse for prosjektet, hvor hver sirkel inneholder konsepter/funksjoner som er ønskelig for løsningen vi begynte å formulere.

idéutvikling

Storyboards

Vi skisserte ideene våre og tenkte ut hvordan personaene våre skulle bruke løsningen.

Bildene illustrerer mine skisser.

Crazy 8

Vi gjennomførte crazy 8 vi møtte på friksjonsmomentet: hvordan skal innlogging fungere?

prototype

Wireframe er skjelettet til nettsiden. Vi lagde et for mobil og et for desktop da de er bygget rundt brukerreisen til Josefine (mobil) og Elias (desktop). Det hjalp oss danne en helhetlig og sammenhengende oversikt over løsningen.

wireframe mobil

wireframe desktop

sitemap

designsystem

Designsystemet består av den grafiske profilen og komponentene vi lagde for løsningen vår.

Komponenter

endelig løsning

Den endelige løsningen gir enkel oversikt over hvem som arrangerer arrangementene, og hvem som kan delta. I tillegg kan man velge om man vil logge inn via Feide eller som gjest. På denne måten har man enkel tilgang til å se sine medlemskap, min kalender og mine preferanser.

desktop

mobil

Refleksjon:

Til ettertanke burde vi ha sjekket WCAG reglene oftere i prosessen. Det var enkelte fargekombinasjoner som ikke går sammen, men på grunn av at vi sjekket reglene sent i prosessen rakk vi ikke å endre fargene. Jeg har deltatt på hele prosessen, fra intervjuene, sortering av funn, analysering, og prototyping.

Vi møtte på utfordringer når vi skulle bestemme oss for hva vi ønsket i løsningen vår. Vi følte vi trengte et ferdig sitemap for å lage storyboards og vice versa. Dette resulterte i fire ulike sitemap før vi ble enige om innhold og plassering.