Den ferdige prototypen
Generell info
•Klient: Kasper
•Oppgavegiver: NTNU
•Gruppemedlemmer: Martin Bergkvam Rognaldsen, Marie Karoline Grøvdal, Jonas Ingemann Sandbye, Eirill Cecilie
•Prosjektperiode: 1 semester
•Semester: Vår 2025
Intro
Dette prosjektet gjekk ut på å redesigne kommunikasjonsplattformen for NTNU sitt system KASPER, som lenge har hatt rom for forbedring. Kasper brukes av de ansatte på NTNU for revidering av emne, evaluering av student og emne, se emneansvarlige, osv.
Jeg designet kommunikasjonsplattformen på Figma som en desktop og mobil-løsning. Den nye siden skulle være mer brukervennlig med spesielt fokus på lettere kommunikasjon og navigasjon, som raskt ble identifisert som et problem under intervjuene som ble utført. Den oppdaterte siden fokuserer på funksjonalitet og et forbedret brukergrensesnitt.
Hvordan Kasper pleide å se ut
Ingen tilgang til Kasper
Pitch og research
Prosjektet startet med en pitch fra NTNU av hva oppgaven innebærte og hva som de ville skulle fikses, og hva problemene var. Altså de ønsket å revidere KASPER sine systemer. Fra dette tidspunktet utførte jeg desktop research om hvordan KASPER fungerte. Det skal påpekes at for sikkerhetsgrunner så fikk jeg ikke tildelt tilgang til KASPER sine sider, og måtte derfor ta i bruk screenshots og forklaringer av hvordan systemet fungerer og henger sammen.
Med dette utgangspunktet utførte jeg en markedsanalyse for å se hvordan lignende plattformer er designet og bygd opp.
Innsikt
Etter jeg hadde samlet inn nok generell informasjon forberedte jeg spørsmål og planla intervju med flere ansatte som bruker KASPER sine system. Altså hva de bruker Kasper til, problemer de har med det, funksjoner, og ønsker de har, osv.
Derifra satt jeg opp affinity diagram for å sortere funnene fra intervjuene. Videre utførte jeg moscow analyse for å strukturere hva som er viktigst å inkludere i den ferdige prototypen med tanke på tidsrammeverket. Så utførte jeg en heuristic evaluation av KASPER sine sider for å dokumentere eventuelle problemer med siden, og satt opp en sitemap for å kunne vise strukturen av nettsiden.
MoSCoW analyse
Sortering av funn
Heuristisk evaluering
Hovedfunn
Personas
Sitemap
Funn
Fra innsiktsfasen fant jeg ut av at det største problemet med KASPER var at det var dårlig navigasjon, generelt oppsett, og manglende funksjoner. Jeg fant også ut at det var flere sterke motstridende meninger om hvor personlig nettsiden burde være. Jeg lagde personas basert på disse funnene. Derifra utviklet jeg low-fi prototyper og brukertestet på disse.
Hva løsningen må være
Mobil prototyping
For prototyping er det tatt mye hensikt til designsystemet, og det har blitt sett opp typografi, fargepalett, komponenter, ikoner, grid og spacing-system. Flere av begrunningene bak algene knyttet til designsystemet inkluderer kjennskap, at det ligner på NTNUs designsystem, og brukervennlighet.
Den endelige mobilversjonen er designet for å inkludere de viktigste funksjonene brukeren ville trenge på sparket, ettersom innsikt viste til at når det var større oppgaver de dreiv med, brukte alle intervjuobjektene desktop.
Det er plassert en navigasjonsbar på bunnen som er lett tilgjengelig for tommelen. For å forbedre navigasjons-problemet, er det plassert en «brødsmulesti» på toppen som viser hvor brukeren ligger i hiarkiet og kan trykkes på for å raskt navigere tilbake. Det kan også swipes til venstre for å gå til forrige side.
Forsiden fremhever kommende frister, som er et annet moment som jeg fikk mye tilbakemelding på. Det kan navigeres til studentevaluering ved å velge studieprogram, opprett studentevaluering, evalueringsmetode, og så valg av student. Derifra kan brukeren kontakte referansegruppe.
Designmannual
Prosess av mobil versjon
Ferdig mobil prototype
Prosess av desktop versjon
Ferdig desktop prototype
Desktop og avslutning
Desktop versjonen har samme oppsett og navigasjon som mobilversjonen, men med noen flere funksjoner. Så det er fortsatt navigasjonsbar med en mer helhetlig brødsmulesti. Revider studieplan knappen navigerer brukeren til sider der de må velge studieprogram, så kan de se på studieplanen. Ved å trykke rediger emnevegg kan det legges inn informasjon for årstall og emnekode, så de kan byttes til nytt fag. Så kommer en ny side der brukeren må fylle ut mer informasjon om studie og lagre endringer.
Det endelige resultatet bygger på de tre største problemene som jeg oppdaget under innsiktsfasen: manglende rolleinndeling, dårlig oversikt og navigasjon, og at det oppfattes som upersonlig. Løsningen jeg kom med er rollebasert med bedre flyt på siden, og er mer tilrettelagt for de som vil ta i bruk siden. Alt i alt viser den nye løsningen høgt forbedringspotensial fra den opprinnelige siden.
Videre kunne det blitt lagt til flere av funksjonene som falt utenfor scopet for denne oppgaven, og lage design for hver side som Kasper skal ha.