Web
Plattform:
Nettside
Varighet:
6 måneder
Roller:
Design lead, QA-lead og prosjektleder
Yobrs How-To-Wiki
Yobrs How-To-Wiki
Dette prosjektet fungerte som min avsluttende Bacheloroppgave i Interaksjonsdesign. Vi bygde en skalerbar nettside som Yobr kan ta i bruk til å opprette egne guides. Teamet bestod av to utviklere og to UX-designere.
Dette prosjektet fungerte som min avsluttende Bacheloroppgave i Interaksjonsdesign. Vi bygde en skalerbar nettside som Yobr kan ta i bruk til å opprette egne guides. Teamet bestod av to utviklere og to UX-designere.
Bakgrunn for prosjektet
Bakgrunn for prosjektet
Problemet tar utgangspunkt i en tydelig svak kobling mellom teori og praksis i høyere utdanning. Dette underbygges av NOKUTs analyse av 2 034 studentkommentarer fra 30 ulike utdanningstyper. Her oppgir hele 72 % av studentene som kommenterte relevansen mellom teori og praksis at de var misfornøyde. Kun 18 % uttrykte tilfredshet, mens 10 % var nøytrale. Tallene viser et klart behov for bedre integrering av praktisk anvendbarhet i studieløpene. (Kilde: NOKUT)
Problemet tar utgangspunkt i en tydelig svak kobling mellom teori og praksis i høyere utdanning. Dette underbygges av NOKUTs analyse av 2 034 studentkommentarer fra 30 ulike utdanningstyper. Her oppgir hele 72 % av studentene som kommenterte relevansen mellom teori og praksis at de var misfornøyde. Kun 18 % uttrykte tilfredshet, mens 10 % var nøytrale. Tallene viser et klart behov for bedre integrering av praktisk anvendbarhet i studieløpene. (Kilde: NOKUT)
Innsikt
Innsikt
Prosjektet startet med tidlig innsiktsarbeid for å bygge et solid grunnlag før vi gikk videre i prosessen. Vi gjennomførte en lavterskel spørreundersøkelse for raskt å avdekke hvilke behov og prioriteringer som var viktigst for målgruppen. Siden dette var et bachelorprosjekt, måtte vi ta særskilt hensyn til personvern og benytte verktøy som ikke lagrer personopplysninger, derfor valgte vi Nettskjema.no. Undersøkelsen ga oss verdifulle funn som videre formet retningen på prosjektet.
Prosjektet startet med tidlig innsiktsarbeid for å bygge et solid grunnlag før vi gikk videre i prosessen. Vi gjennomførte en lavterskel spørreundersøkelse for raskt å avdekke hvilke behov og prioriteringer som var viktigst for målgruppen. Siden dette var et bachelorprosjekt, måtte vi ta særskilt hensyn til personvern og benytte verktøy som ikke lagrer personopplysninger, derfor valgte vi Nettskjema.no. Undersøkelsen ga oss verdifulle funn som videre formet retningen på prosjektet.
Foto: Kristiania
Foto: Kristiania
Innsiktsresultater
Innsiktsresultater
33% ønsket personalisering og effektivitet, mulighet for å lagre/merke guider, legge notater og raskt nullstille filtre.
97% Ønsket rask gjenfinning. Kraftig søk som finner guider/ressurser uten eksakte nøkkelord, gjerne et smart søk.
75% Ønsket strukturert oversikt, tydelig, flernivå kategorisering og filtrering som gjør det lett å browse – ikke bare søke.
33% ønsket personalisering og effektivitet, mulighet for å lagre/merke guider, legge notater og raskt nullstille filtre.
97% Ønsket rask gjenfinning. Kraftig søk som finner guider/ressurser uten eksakte nøkkelord, gjerne et smart søk.
75% Ønsket strukturert oversikt, tydelig, flernivå kategorisering og filtrering som gjør det lett å browse – ikke bare søke.
Prototypen
Prototypen
Hjemmesiden som hub.
Hjemmesiden som hub.
Hjem
Hjem
Vi ønsket å bruke nettsiden som en sentral hub der brukerne enkelt kan navigere mellom ulike guider og prosjektguider. Målet var å gjøre informasjon lett tilgjengelig, men også å skape en løsning hvor brukerne kunne utforske mer enn det de i utgangspunktet lette etter. Denne retningen ble tydelig støttet av innsiktsarbeidet, som viste behov for både rask gjenfinning og muligheten til å oppdage nytt innhold underveis.
Vi ønsket å bruke nettsiden som en sentral hub der brukerne enkelt kan navigere mellom ulike guider og prosjektguider. Målet var å gjøre informasjon lett tilgjengelig, men også å skape en løsning hvor brukerne kunne utforske mer enn det de i utgangspunktet lette etter. Denne retningen ble tydelig støttet av innsiktsarbeidet, som viste behov for både rask gjenfinning og muligheten til å oppdage nytt innhold underveis.
Alle guides
Alle guides
Når brukerne klikker seg inn på guider, måtte vi også ta hensyn til behovet for en tydelig og strukturert oversikt. Siden løsningen skulle være skalerbar, ble god kategorisering helt avgjørende. Vi løste dette ved hjelp av ikonografi som representerer ulike temaer, slik at brukerne raskt kan orientere seg og finne riktig innhold.
Når brukerne klikker seg inn på guider, måtte vi også ta hensyn til behovet for en tydelig og strukturert oversikt. Siden løsningen skulle være skalerbar, ble god kategorisering helt avgjørende. Vi løste dette ved hjelp av ikonografi som representerer ulike temaer, slik at brukerne raskt kan orientere seg og finne riktig innhold.
Oversikt over alle guides.
Oversikt over alle guides.
Guide
Guide
Guidesidene
Guidesidene
Den viktigste delen av løsningen var å sikre godt strukturerte guider som var enkle å bruke. Funnene fra spørreundersøkelsen og brukertestingen viste et tydelig behov for bedre oversikt og navigasjon. Dette ledet til utviklingen av en sidemeny som gjør det raskt og intuitivt å bevege seg mellom ulike seksjoner i en guide, og som samtidig skalerer godt når innholdet vokser.
Den viktigste delen av løsningen var å sikre godt strukturerte guider som var enkle å bruke. Funnene fra spørreundersøkelsen og brukertestingen viste et tydelig behov for bedre oversikt og navigasjon. Dette ledet til utviklingen av en sidemeny som gjør det raskt og intuitivt å bevege seg mellom ulike seksjoner i en guide, og som samtidig skalerer godt når innholdet vokser.
Prosjekter
Prosjekter
iden målgruppen vår består av studenter på tvers av fagfelt, var det viktig å utvikle en løsning som reflekterte bredden i behovene deres. Derfor opprettet vi en egen side dedikert til typiske prosjekter fra ulike studieretninger. Målet var å gi et mer helhetlig overblikk over hva slags oppgaver studenter faktisk jobber med, og samtidig gjøre det enklere å forstå hvilke guider som er mest relevante for hver enkelt situasjon.
For å støtte dette introduserte vi et tag-system som knytter guider til konkrete fagområder, prosjekttyper og arbeidsprosesser. Dette gjør det mulig for brukerne å filtrere og sortere innhold på en mer presis måte, slik at de raskt finner det som er nyttig for dem. Taggene bidrar også til å skape en skalerbar struktur som kan vokse i takt med at nye guider og prosjekttyper legges til i løsningen.
Siden målgruppen vår består av studenter på tvers av fagfelt, var det viktig å utvikle en løsning som reflekterte bredden i behovene deres. Derfor opprettet vi en egen side dedikert til typiske prosjekter fra ulike studieretninger. Målet var å gi et mer helhetlig overblikk over hva slags oppgaver studenter faktisk jobber med, og samtidig gjøre det enklere å forstå hvilke guider som er mest relevante for hver enkelt situasjon.
For å støtte dette introduserte vi et tag-system som knytter guider til konkrete fagområder, prosjekttyper og arbeidsprosesser. Dette gjør det mulig for brukerne å filtrere og sortere innhold på en mer presis måte, slik at de raskt finner det som er nyttig for dem. Taggene bidrar også til å skape en skalerbar struktur som kan vokse i takt med at nye guider og prosjekttyper legges til i løsningen.
Prosjektoversikt
Prosjektoversikt
Filtreringsmeny
Filtreringsmeny
Ressurser
Ressurser
Maler
Maler
Maler og ressurser
Maler og ressurser
Brukerne måtte også få enkel tilgang til ulike maler og ressurser som kunne lastes ned og brukes direkte i arbeidet sitt. Dette omfattet alt fra dokumentmaler og sjekklister til verktøy som støtter planlegging, idéutvikling og gjennomføring av prosjekter. Vi ønsket å samle disse på ett sted for å redusere friksjon og gjøre det enklere for studenter å komme raskt i gang. Ved å gjøre ressursene oversiktlige og godt strukturert, skapte vi et bibliotek som både er praktisk i øyeblikket og skalerbart over tid.
Brukerne måtte også få enkel tilgang til ulike maler og ressurser som kunne lastes ned og brukes direkte i arbeidet sitt. Dette omfattet alt fra dokumentmaler og sjekklister til verktøy som støtter planlegging, idéutvikling og gjennomføring av prosjekter. Vi ønsket å samle disse på ett sted for å redusere friksjon og gjøre det enklere for studenter å komme raskt i gang. Ved å gjøre ressursene oversiktlige og godt strukturert, skapte vi et bibliotek som både er praktisk i øyeblikket og skalerbart over tid.
Refleksjoner
Refleksjoner
Prosjektet hadde en varighet på seks måneder og inkluderte både definerte milepæler, samarbeid med ekstern oppdragsgiver og muntlig forsvar som avsluttende del. Underveis støtte vi på flere utfordringer som virkelig satte vår evne til kreativ problemløsning på prøve, samtidig som vi måtte balansere brukerbehov, tekniske rammer og tidsbegrensninger.
Denne kombinasjonen gjorde at læringskurven ble bratt, men det medførte også mye kunnskap. Prosjektet ga meg verdifull innsikt i hvordan det er å arbeide som designer i et reelt IT-prosjekt, hvor man både må være fleksibel, strukturert og løsningsorientert. Erfaringene herfra har styrket både mine faglige ferdigheter og min forståelse for tverrfaglig samarbeid i praksis.
Prosjektet hadde en varighet på seks måneder og inkluderte både definerte milepæler, samarbeid med ekstern oppdragsgiver og muntlig forsvar som avsluttende del. Underveis støtte vi på flere utfordringer som virkelig satte vår evne til kreativ problemløsning på prøve, samtidig som vi måtte balansere brukerbehov, tekniske rammer og tidsbegrensninger.
Denne kombinasjonen gjorde at læringskurven ble bratt, men det medførte også mye kunnskap. Prosjektet ga meg verdifull innsikt i hvordan det er å arbeide som designer i et reelt IT-prosjekt, hvor man både må være fleksibel, strukturert og løsningsorientert. Erfaringene herfra har styrket både mine faglige ferdigheter og min forståelse for tverrfaglig samarbeid i praksis.
Ta kontakt
glennofori@gmail.com
+47 978 93 990
Oslo
Designet og utviklet av Glenn Ofori