Procesbeskrivelse
Overblik over processen
Vi startede med at danne et overblik over vores arbejdsproces, så vi kunne strukturere vores tilgang til opgaven. Dette omfattede en grundig analyse af den eksisterende hjemmeside, definition af målgruppen, lave brugertest, og udvikle en prototype baseret på resultaterne af brugertestene og fra general viden om brugervenligheds principper.
Studier af hjemmesiden
Første trin i projektet var at analysere den valgte hjemmeside. Her gennemgik vi layout, navigation, farver, typografi og brugeroplevelse for at identificere potentielle forbedringer.
Vi valgte at redesigne Odense Hobbys hjemmeside, som kan ses på billederne til højre
Målgruppe og personaer
Vi definerede målgruppen og skabte en primær persona og en sekundær persona baseret på målgruppens behov og adfærd. Dette hjalp os med at sikre, at vores redesign fokuserede på brugernes faktiske behov og præferencer.
Brugertest af den oprindelige hjemmeside
For at få indsigt i brugeroplevelsen af den eksisterende hjemmeside udførte vi en brugertest. Vi brugte “Think Aloud ekstern”-metoden, hvor testdeltagerne deltog over videoopkald og viste deres skærm imens de navigerede på siden og verbaliserede deres tanker. Til testen udviklede vi både et testscript og en testplan for at sikre en struktureret tilgang.
Moodboard og styletile
Efter at have indsamlet brugerfeedback udviklede vi et moodboard for at definere den visuelle retning for redesign-projektet. Dette blev efterfølgende omsat til en styletile, som konkretiserede farver, typografi og UI-elementer.
Wireframes og prototyper
Vi skitserede først lo-fi wireframes for at få styr på den grundlæggende struktur. Derefter udviklede vi hi-fi wireframes og skabte en prototype i Figma. Denne prototype blev brugt til at teste vores redesign-ideer i praksis.
Brugertest af prototypen
For at sikre, at vores redesign var forbedret i forhold til den oprindelige version, gennemførte vi endnu en brugertest. Feedbacken fra denne test blev brugt til at opdatere vores prototype og optimere brugeroplevelsen.
Endelige opdateringer og klientrapport
Efter de sidste justeringer færdiggjorde vi prototypen og dokumenterede hele processen i en klientrapport, som beskrev vores tilgang, fund og anbefalinger.
Refleksion
Læring
Til dette projekt der lærte jeg at anvende InDesign. Da jeg i forvejen allerede havde kendskab mange af de andre færdigheder som blev brugt til dette projekt som bl.a. figma.
Udfordringer
Jeg fandt det vanskeligt at arbejde med teammedlemmer, der ikke var fortrolige med Figma, da det gjorde optimering af dokumentet mere besværligt. Men derimod så kunne jeg lærer fra mig, så de til en anden gang måske vil være mere effektive når de arbejder med figma.
Derudover så fandt jeg det til tider udfordrende at forklare min egen vision til de andre, samt at skulle visualisere den.
Vi glemte nogle essentielle elementer på undersiden, såsom “se seneste varer”, “anbefalinger”, og “anmeldelser”, hvilket kunne have forbedret brugeroplevelsen.
Forbedringsområder
Jeg vil gerne blive bedre til at sikre, at alle generaliseret essentielle elementer bliver inkluderet, som fx under produktsiden skulle inkludere anbefalinger osv.
Derudover så ønsker jeg at forbedre mine hurtige skitser for at eksperimentere mere i de tidlige faser, samt for at lære at visualisere mine ideer.
I starten besluttede vi at undlade en card sorting test, da vi var bekymrede for, at det ville kræve for mange ressourcer og for meget tid. Set i bakspejlet kunne en sådan test dog have været en fordel, især i forhold til at optimere hjemmesidens oprindelige menu. Derudover burde vi have testet med den egentlige målgruppe, men af tidsmæssige årsager valgte vi at fokusere bredere. Vores primære prioritet var at forbedre brugervenligheden, da dette er relevant for alle besøgende på siden.
Næste trin
Fremadrettet vil jeg arbejde på at blive mere struktureret i min designproces, forbedre min kommunikation af designideer og sikre en mere detaljeret analyse af hjemmesiders hierarki og indhold.
Leave a Reply