Projektbeskrivelse:
Vores opgave var at finde en lokal hjemmeside, der ikke fugede optimalt, og re-designe den, så den blev mere brugervenlig og rettet målgruppen. Ydermere skulle der udarbejdes en klientrapport, og vi skulle pitche vores re-design foran resten af holdet samt 3. semester
Min gruppe bestod af Selin, Cecilie og mig selv
Procesbeskrivelse:
Den 20/02-2025 havde vi kick-off til projekt 1. Her fandt vi frem til den hjemmeside vi ville re-designe i projektets forløb. Der var flere hjemmesider, der var oppe og vende, med vi endte med at lande på guldsmedien-overgade.dk. Derudover udarbejdede vi en gruppekontrakt og fik stablet en overordnet tidsplan på benene.
De næste par dage gik med at foretage de indledende brugertest for at finde frem til hjemmesidens mest fremtrædende problemstillinger. Vi anvendte en blanding af think aloud og remote think aloud til at udføre dette. Før vi kunne begynde at brugerteste hjemmesiden, var vi nødt til at lave test script samt test plan. Vi fik udført nogle brugertest rundt på skolen og aftalte, at vi hver især skulle teste nogle inden vi mødtes igen.
Efter vejledning med Andrea stod det klart for os, at vi ikke havde tilstrækkelig data om målgruppen, og af talte derfor at mødes lørdag formiddag for at observere kunderne, der besøgte nogle af guldsmedene i gågaden. Vi blev dog en smule udfordret eftersom at guldsmedene i gågaden ikke var indenfor samme prisklasse som Guldsmedien Otterup, hvilket blev tydeligt efter et kort interview med en af guldsmedene, der kunne informere om, at deres produkter typisk gik for 5.000-500.000kr., hvorimod Guldsmedien Otterup skønnede hendes prisleje til omkring 700-1.000kr. i gennemsnittet.
Vi besluttede derfor at sende et spørgeskema ud, og på den måde indsamle data om målgruppen.
Udover spørgeskema, fik vi information om målgruppen gennem et telefonisk interview med ejeren af Guldsmedien Otterup.
Derudover researchede vi individuelt UI trends for 2025 ved, at se en masse YouTube videoer. Efter noget tid med research, havde vi en dialog om hvilke af de mest fremtrædende UI trends, der kunne være relevante for vores re-design af hjemmesiden.
Ud fra de indledende brugertests og vores research af UI trends, udarbejdede vi en styletile, som lå til grunde for, hvordan vi ville re-designe hjemmesiden.
For at vi alle havde mulighed for at udfolde os kreativt, aftalte vi, at vi hver især kom med et bud på en wireframe. Jeg udarbejdede mit bud baseret på de UI trends vi havde researchet og elementer jeg kunne se gå igen på andre hjemmesider, der mindede om Guldsmedien Otterup. Mit forslag til en wireframe blev ikke helt færdig, men viste overordnet set hvor jeg havde tænkt nogle af elementerne skulle placeres. Vores endelige wireframe lavede vi ved at kombinere elementer fra hvert af vores bud. Vi endte dog kun med at lave en wireframe til forsiden før vi automatisk påbegyndte prototyping.
Da vores wireframe fik nogle farver og billeder på sig, gik vi i gang med at tilføje interactions til de forskellige elementer os få det til at opføre sig som vi ønskede. Herefter var det igen tid til at brugerteste. Vi gjorde igen brug af think aloud, og gav respondenterne samme opgaver som før for at se, om vi havde løst de indledende problemstillinger. I forbindelse med think aloud testen foretog vi ligeledes en A/B test for at afgøre hvilken footer vi skulle bruge.
Generelt havde respondenterne et overordnet positiv førstehåndsindtryk af re-designet. Vores første brugertest på eget design belyste flere steder der kunne forbedres. Ud fra feedbacken på brugtertesten reviderede vi vores design, med størst fokus på de gennemgående ønsker og kommentarer.
Da vi havde implementeret den feedback, var det tid til at lave vores klientrapport. Klientrapporten skulle laves i InDesign, dog er det kun muligt at redigere i den én ad gangen. Af den grund havde vi lavet et fælles word-dokument, hvor vi alle kunne sidde og skrive noget tekst til de punkter der skulle med. Mens en fra gruppen lagde teksten ind i InDesign, blev der samtidig udarbejdet udkast til rapportens design i Figma.
Ugen efter vi havde afleveret, var det blevet tid til at vi skulle pitche vores re-design. Jeg har aldrig været meget for at snakke foran mange, så det var lidt grænse overskridende. I forbindelse med pitchen skulle vi lave en padlet, hvor folk kunne skrive kommentar om, hvad der var godt, hvad kunne være bedre og vores præsentationteknik.
Refleksion
Der er helt klart nogle ting jeg vil have i mente til næste projekt.
En af dem værende tidsforbrug. Selvom vi under kick-off havde lavet en overordnet timeline, synes jeg alligevel ikke jeg lavede andet end projektrelaterede ting hele ugen, om det var morgen, middag eller aften.
En anden ting er at sige til noget før, hvis noget går mig på. Vi havde lidt grupperelaterede udfordringer, der gik mig på, og selv om jeg sagde, hvad jeg følte, ville jeg ønske, at jeg havde gjort det lidt før, for selvfølgelig kommer der uenigheder.
Jeg lærte desuden hvor meget for- og efterarbejde, der går i et projekt. Selv et forholdsvis lille projekt. Bare sådan noget som research eller at forberede brugertest, havde jeg ikke overvejet selvfølgelig også tog en god sjat af vores tid.
Vi stiftede bekendtskab med InDesign, og det kan jeg godt mærke skal øves en del mere. Selvom man som oftest lærer bedst med en hands-on approach når det gælder digitale værktøjer, synes jeg det er ærgerligt at vi ikke nåede at have workshoppen før projektet, så vi havde en smule kendskab til det. Jeg synes i hvert fald, at det blev ret presset, at man selv skulle lære det helt fra bunden oven i projektet.
Vores pitch synes jeg overordnet set var superfin og som man kunne forvente, især når nu det er første gang vi prøver det. Jeg synes helt klart at det var megagrænseoverskridende at skulle pitche foran ikke bare resten af holdet, men også 3. semester. Jeg var ekstremt lettet, og det et var utroligt befriende da det var overstået!
Jeg synes dog det var lidt ærgerligt, at en kommentar der gik igen i de fleste gruppers padlet var, at man skulle kigge mere ud og snakke til publikum, selvom vi havde fået besked på, at tale til klienten (i dette tilfælde Andrea).
Resultat af prototype
Herunder kan prototypen afprøves, alternativt er et link til prototypen her