Torsdag den 20. februar blev der afholdt kickoff på projekt 1, hvor opgaven var at redesigne en hjemmeside. Samtidig markerede dagen begyndelsen på projektet. Vi havde mulighed for at arbejde i makkerpar og derefter blive sat sammen med en anden gruppe. Jeg valgte at arbejde sammen med Rebecca, og vi blev sat i gruppe med Ana og Daisy.
Vi startede med at finde en hjemmeside, som vi mente kunne forbedres. Efter en del overvejelser valgte vi “Kenneths Proshop – Bowlingudstyr”, da vi så potentiale for forbedringer. Vi fik vores valg godkendt og gik derefter i gang med at udarbejde en gruppekontrakt. Dernæst planlagde vi ugens arbejde, fordelte opgaverne og begyndte straks på projektet.
Da vi analyserede Kenneths hjemmeside, havde vi svært ved at gennemskue dens koncept og struktur. For at få en bedre forståelse valgte vi at kontakte Kenneth direkte, så han kunne forklare sine intentioner med hjemmesiden. Han forklarede, at nogle af hans ting var bestillingsvare, hvor man skulle kontakte ham og får det bestilt og andre ting kunne man købe over hjemmesiden.
Efter dette indledende arbejde udarbejdede vi en testplan samt et testscript for at kunne gennemføre den første brugertest. Vi kontaktede Bowlinghal og SimGolf for at høre, om vi måtte teste hjemmesiden med nogle af deres kunder, hvilket vi fik lov til.
Til brugertesten benyttede vi Think Aloud-metoden, hvor tre personer gennemgik hjemmesiden, mens de fortalte om deres oplevelse. Deres feedback gav os værdifuld indsigt, og vi identificerede fire primære problemstillinger:
- Navigation – Svært at finde rundt på siden.
- Konceptforståelse – Hjemmesidens formål var uklart.
- Produktbeskrivelser – Manglede detaljer og var svære at forstå.
- Troværdighed – Siden fremstod ikke professionel eller pålidelig.
Efter brugertesten brainstormede vi løsninger og begyndte at udvikle vores redesign. Vi arbejdede med:
- Lo-fi wireframes for at skitsere strukturen.
- Hi-fi prototyper for et mere detaljeret layout.
- Moodboard og style tile for at fastlægge farver og typografi.
Som sagt havde vi fået fire problemstillinger ud fra vores brugertest. Det lagde vi stor vægt på da vi skulle udarbejde vores første prototype af hjemmeside. Navigation: Brugertestene viste, at målgruppen havde udfordringer med, at navigere rundt på hjemmesiden, og finde de ønskede varer. Blandt andet findes der på den originale hjemmeside 7 hovedpunkter på menulinjen, hvor vi i redesignet har 4 hovedpunkter, for at kategorisere hjemmesiden, og gøre det
mere overskueligt for brugeren. Derudover er produkterne blevet kategoriseret under ‘Bestillingsvare’, som nu indeholder bowlingkugler og tilbehør, og ‘Webshop’ som indeholder samme underpunkter som før. I punktet ‘Om mig’ har vi valgt at lave en kort beskrivelse af hvem Kenneth er, og hans mål med hjemmesiden. Under kontaktoplysninger under ‘Om mig’ har vi valgt at indsætte mail, telefonnummer og adresse på Kenneth. (Venstre Kenneths Højre Vores)
Konceptforståelse: Hjemmesidens formål var uklart. Derfor valgte vi på hjemmesidens forside at lave en kort, men konkret, beskrivelse af hjemmesidens
koncept. Derudover, valgte vi under ‘Bestillingsvare’ at tydeliggøre konceptet ved at skrive “Bowlingkuler på bestilling”, så man ikke var i tvivl om, at det er en bestillingsvare. Når man går ind på en bowlingkugle, valgte vi også at skrive, at det er en bestillingsvare og Kenneths kontaktoplysninger.
Produktbeskrivelser: Gennem brugertestene kom vi også frem til, at målgruppen, grundet deres gennemsnitlige alder, at interessen for produkterne og vigtigheden af produkternes individuelle egenskaber, mangler en beskrivelse af produkterne. Derfor valgte vi at tilføjet en uddybende beskrivelse af hvert produkt på hjemmesiden, både under undersiden ‘Bestillingsvare’ og undersiden ‘Webshop’. (venstre Kenneths Højre vores)
Troværdighed: Siden fremstod ikke professionel eller pålidelig. Vi valgte derfor at udformet et logo til vores redesign, der følger det samme farvetema som resten af hjemmesiden. I samme farvevalg som vores logo, giver vi hjemmesiden nogle farver som følger farvetemaet, for at give det et mere professionelt udtryk.
Herefter gik vi i gang med at udarbejde den første prototype i Figma.
Da den første prototype var færdig, udførte vi endnu en brugertest med tre studerende på UCL. De roste hjemmesidens simple og overskuelige opbygning, men kom også med konstruktiv kritik:
- Teksten var for lille og svær at læse.
- Bowling-skoene burde også være tilgængelige i webshoppen, ikke kun på forsiden.
- Bestillingsprocessen for bowlingkugler var stadig ikke tydelig nok.
Teksten var for lille og svær at læse: Vi valgte dermed at ændre størrelsen på teksten. (Venstre prototype 1 Højre Prototype 2)
Bowling-skoene burde også være tilgængelige i webshoppen, ikke kun på forsiden: I vores første prototype, havde vi valgt kun at lægge skoene på forsiden og ikke under webshoppe. Dette blev ændret, ved at lave en ny kategori på vores webshop. Når man trykkede på “Webshop” dukker der to kategorier op: Bowlingtasker og Bowling sko. Der er dermed mulighed for at finde skoene to steder. (Venstre prototype 1 Højre Prototype 2)
Bestillingsprocessen for bowlingkugler var stadig ikke tydelig nok: For at gøre det endnu mere tydligere, valgte vi at skrive flere gange. Når man gik ind på kategorien “Bestilingsvare” i menuen, kom du ind på en side hvor du kunne vælge hvad du vil købe og her stå der to gange, at det er en bestillingsvarer.
Vi tog deres feedback til os og lavede de nødvendige justeringer, hvorefter vi udviklede den endelige prototype. I kan prøve prototypen via linket under.
https://www.figma.com/proto/UsC9nY8OQIk0ZExEWwKyyN/Projekt-1?node-id=120-12&t=Mv9Cv99h0ybfvGd6-1
Da vores prototype var færdig, skulle vi udarbejde klientrapporten, hvilket vi gjorde i Adobe InDesign. Da vi ikke tidligere havde arbejdet med programmet, havde vi svært ved at navigere i det. Vi prøvede os frem, men oplevede frustrationer undervejs, da det tog længere tid end forventet. Vi fik dog rapporten færdig, men følte ikke, at det endelige resultat levede op til vores forventninger – både designmæssigt og indholdsmæssigt. Det ville have været en stor fordel at have haft en workshop i InDesign inden projektet.
Efter vi havde afleveret det hele, skulle vi udarbejde en pitch, som vi skulle præsentere for vores underviser, resten af holdet og hele 3. semester. Det var en spændende oplevelse, men også meget grænseoverskridende at stå foran så mange mennesker. En del af opgaven var at lave en Padlet, hvor 3. semester kunne give os feedback på vores præsentation. Feedbacken var inddelt i tre kategorier: Hvad fungerede godt? Hvad kunne forbedres? Og præsentationsteknik. Efter vi havde fremlagt, kunne vi gå ind og læse de tilbagemeldinger, vi havde fået. Dette kan også findes i linket under.
https://padlet.com/fala70542/kenneth-s-proshop-bowlingudstyr-pztg4t774f5yfat5
Reflektion
Gennem dette projekt har jeg udviklet mig både fagligt og personligt – især i forhold til samarbejde, planlægning og forståelsen af designprocessen. Jeg har fået en dybere indsigt i brugercentreret design og lært, hvor vigtigt det er at inddrage brugerne tidligt i forløbet. Særligt anvendelsen af Think Aloud-metoden gav os konkret og brugbar feedback, som vi aktivt brugte til at forbedre vores redesign.
Jeg har opnået erfaring med centrale designværktøjer som wireframes, moodboards og hi-fi prototyper i Figma, og jeg har fået forståelse for, hvordan man bevæger sig fra idé og skitse til et brugbart og gennemarbejdet slutprodukt. Gruppen fungerede godt, og samarbejdet har vist mig, hvor stor betydning god kommunikation, tydelig rollefordeling og faste rutiner har for et projekts fremdrift. Gruppekontrakten og vores ugeplan var med til at sikre overblik og struktur gennem hele processen.
En af de mest udfordrende dele af projektet var arbejdet med klientrapporten i Adobe InDesign. Da det var et nyt program for os, krævede det tålmodighed og tid at lære det at kende. Det blev tydeligt for mig, hvor vigtigt det er at mestre sine værktøjer, og hvor meget det kan bremse processen, hvis man ikke er fortrolig med dem. Selvom det var frustrerende, var det også lærerigt – og jeg blev mindet om, at fejl og forsøg ofte er en vigtig del af læringsprocessen.
Afslutningsvis skulle vi præsentere vores projekt for både underviser, medstuderende og hele 3. semester. Det var en både grænseoverskridende og lærerig oplevelse. Jeg fandt ud af, hvor meget det kræver at stå foran mange mennesker og præsentere et projekt klart og overbevisende. Det kræver ikke kun forberedelse, men også selvtillid og evnen til at formidle tydeligt – både med ord og med kropssprog. Jeg lærte, at øjenkontakt, stemmeføring og engagement spiller en stor rolle for, hvordan et budskab bliver modtaget. Selvom det var en udfordring, gav det mig større mod og styrket tro på egne evner i præsentationssituationer.
Samlet set har projektet givet mig en helhedsforståelse for designprocessen – fra indledende research og brugertest til udvikling, iteration og endelig præsentation. Det har været en værdifuld og lærerig oplevelse, som jeg kan tage med mig videre i mit studie og fremtidige arbejde.