Mads, Nima, Nina og mig
ReDesign
Vi fik til opgave at lave et ReDesign på en selvvalgt hjemmeside.Beskrivelse af opgaven
Udfør en brugertest på den eksisterende hjemmeside (testplan, test script og
brugertest)
Redegør kort og klart for de væsentligste problemer, som analysen af
hjemmesiden har afdækket.
Formuler forslag til, hvordan de højest prioriterede problemer kan løses.
Vis i form af re-designs af landing page og selvvalgte undersider af hjemmesiden,
hvordan gruppen vil implementere de anbefalede løsninger.
Udfør en brugertest på jeres løsninger (testplan, test script og brugertest).
Argumenter for jeres konklusioner og løsninger.
Anvend relevante metoder og indsigter baseret på research til at understøtte
udviklingsproces og argumentation for løsninger på de fundne problemer.
Hjemmesiden vi valgte var koersel-med-hestevogn.dk. En side som vi synes rigtige mange ting for at kunne informere sine kunder rigtig.
Der blevet lavet som det første en gruppekontrakt, så vi fik lagt nogen klare linjer iforhold til vores arbejde.
Det første vi startede ud med var, hvilken slags brugertest vi vil benytte. Vi valgte at bruge usability testen og think aloud for at vi kunne danne os et overblik over hvad kunderne søgte, og hvad de kiggede efter på siden
Test script
Nr. 1
TESTSCRIPT (Den individuelle testperson)
| TESTSCRIPT | |
| Introduktion(x min)Formål: Bryde isen, skabe en kontekst, etablere tillid[Video off] | Hvem er vi (roller og opgaver) ● Moderator: stiller spørgsmålene og optager video Hvad skal testes? Hvorfor (formålet)Vi ønsker at teste, hvor nemt brugerne kan navigere i hjemmesiden samt høre brugernes tanker med henblik på at forbedre brugeroplevelsen. (UX) Omfang Testen tager ca. 5 min, og vi bruger ca. 2 på at opsætte udstyr. Vi tester individuelt. BemærkVi optager testen på video, og vi optager det, der sker på skærmen – formålet er, at vi nemmere kan analysere testen bagefter, og at vi får alle detaljer med, som vi ellers ville glemme. Optagelserne offentliggøres ikke. Observatører (alle) tager noter undervejsDu som testperson vil blive anonymiseret i afrapporteringen – fx som testperson A med visse baggrundsdata som alder og køn.Information om hvem der ud over gruppen vil se testresultaterne Informeret samtykke |
| Indledende interview(5-10 min):Formål: etablere konteksten for deltagernes senere svar, dvs. spørgsmål, der vedrører adfærd og vaner der er relevante i forhold til det der testes. [Video on] | Demografisk data (alder, beskæftigelse etc)Relevant information i forhold til det der testes (eksempelvis internetvaner hvis relevant) Hvor gammel er du?Er du gift eller forlovet?Har du barn der skal konfirmeres?Hvis du skulle bestille en hestevogn på en hjemmeside, hvad skulle hjemmesiden ligge vægt på? Notater: evt. Billede dokumentation / videodokumentation |
| Brief. (Moderator til testperson)(5 min) [Video on, computer on] | Inden vi går i gang:Husk, at det er hjemmesiden vi tester. Ikke dig!Du kan ikke gøre noget galt – du kan kun gøre os klogere på, hvad der fungerer og ikke fungerer på hjemmesiden. Fortæl, når du støder på noget, du synes, er mærkeligt, ikke virker eller hvis der er noget, du godt kan lide. Alting, også detaljer – intet er for småt.Vær så ærlig som muligt. Vi bliver ikke stødt, for hjemmesiden er jo netop skabt til brugere som dig. Jeg vil give dig nogle opgaver undervejs, som du skal løse. Mens du løser dem, må du gerne tænke højt, uden “censur” – dvs. fortælle hvad du gør undervejs, og hvorfor du gør det. Det kan godt virkelig lidt mærkeligt til at starte med, men det hjælper os med at forstå, hvorfor du som bruger klikker og agerer, som du gør.f. Ved nogle opgaver vil jeg stille nogle spørgsmål undervejs. Andre gange lader jeg bare dig fortælle, hvad du ser og gør uden at stille spørgsmål. Giver det mening? Har du nogen spørgsmål, inden vi går i gang? |
| Opgaver(5 min)Task-baseret testscenarier | ● Nu vil jeg give dig en række opgaver, jeg vil bede dig om at løse. Fortæl, hvad du tænker undervejs, og hvorfor du gør, som du gør. 1. Find ud af hvilke begivenheder man kan leje hestevogne til. 2. Find frem til hvor og hvordan man bestiller. 3. Find ud af hvilke slags hestevogne kan man bestille 4.Find ud af hvad det koster at leje en hestevogn 5.Find ud af hvem han er |
| Post-interview / wrap upFormål: At samle op samt stille afsluttende spørgsmål | Vi er nu færdige med testen, og jeg har nogle afsluttende spørgsmål:1) Hvad er din overordnede oplevelse af hjemmesiden www.koersel-med-hestevogn.dk2) Blev dine forventninger indfriet?3) Hvad fungerede godt?4) Hvad kan gøres bedre? |
Test plan
TESTPLAN
Svar
Anvendelsesområde
(Hvad tester du og hvilke test gør du brug af? f.eks. website og usability test med think aloud)
Hjemmeside, hestevognskørsel, usability (bruger venlighed)
Brugervenlighedstest (Usability Testing)
Denne type test har til formål at evaluere, hvor nemt og effektivt brugerne kan interagere med et produkt eller en grænseflade. Brugerne udfører specifikke opgaver, mens designeren observerer deres handlinger og samler feedback.
Think aloud:
Mens brugeren bruger hjemmesiden, skal de beskrive, og tænke højt, hvad de føler, når de integrere med hjemmesiden.
Formål
(Hvad er mål, løsninger og spørgsmål, hvad vil du teste?)
Formål
Formålet med testen er at identificere brugervenlighedsmæssige udfordringer og optimere hjemmesidens design baseret på brugerfeedback. Specifikke fokusområder inkluderer:
Navigation
Forståelse
Generel brugeroplevelse
Tidsplan & lokation
(Hvornår og hvor vil man udfører testen)
Udenfor skolen, Private test (individuelt)
Sessions
(Testens længde)
5 minutter pr testperson
Udstyr
(Hvilket udstyr bruges i testen?
f.eks. computer, skrivebord)
Mobiltelefon
Computer
Deltagere
(Antal og typer af deltagere, der skal testes)
5 test personer, målgruppe
Scenarier
(Hvilke tasks skal testpersonen teste formuleret som scenarie?)
1. Find ud af hvilke begivenheder man kan leje hestevogne til.
2. Find frem til hvor og hvordan man bestiller.
3. Find ud af hvilke slags hestevogne kan man bestille
4.Find ud af hvad det koster at leje en hestevogn
5.Find ud af hvem han er
Roller
(Hvem deltager og hvad er deres opgave?)
Moderator optager samtidig med at brugeren tester hjemmesiden.
Dokumentation
(f.eks. billeder, optagelser, notater, skemaer fra testen)
Optagelser.
Findings
IDENTIFIKATION
Svar
Kritiske fejl
(Fejl der gør at testpersonen ikke kan gennemføre en task / scenarie)
Hjemmesiden ikke let tilgængelige oplysninger om ting som ejeren og typer af hestevogne.
Ikke-kritiske fejl
(Fejl fra testdeltageren,
f.eks. åbne det forkerte navigations menupunkt)
Gennemførelsesprocent
(Test deltagere gennemfører testen uden kritiske og ikke kritiske fejl)
21/35
60%
Tid på opgaven
(Den tid det tager deltagere at fuldføre opgaven)
Gennemsnit cirka 5 min.
Subjektive foranstaltninger
(Brugervenlighed, tilfredshed, nem at finde information etc – evt. vurdérer testpersonen på en skala fra1-5, hvor 5 er godt og 1 er dårligt)
Hjemmesiden dømmes generelt 2
Feedback
(Kan lide, Kan ikke lide og anbefalinger til emnet der testes)
Fotoerne blev rost. En testperson roste også kuskens elegante tøj.
Hjemmesidens farver, design, og opsætning var kritiseret. En testperson synes at hjemmesiden virkede dyster.
Hjemmesiden blev kaldt ustruktureret. Den manglede oplysninger om ejeren, firmaet, og om bestilling af hestevogn. Der manglede også underkategorier.
Der blev også nævnt at der manglede oplysninger om hvilke slags vogne er tilgængelige og hvilke dage de kunne lejes til.
Hjemmesidens web-adresse blev kaldt bøvlet og kedelig.
Dokumentation
(Hvordan blev testen dokumenteret? hvor findes dette?…)
Video- og lydoptagelser
Efter vores analyser fik opsat en prototype på hjemmeside, i Figma
Linket til vores prototype
https://www.figma.com/proto/7FU6LEHbutWR9krW3OXfrM/P1%2C-HiFi?node-id=2116-286&t=RkD7qSx3dlhGAPPE-1
Vi gennemgik test script, testplan og findings på vores prototype af hjemmesiden for at kunne udarbejde en klientrapport.
Klientrapport
Reflektion
Jeg er glad for at vi fik den mulighed for at danne par i en gruppe, så det hele ikke var et lotteri, det gjorde situationen meget lettere. I vores gruppe var vi meget enige omkring arbejdsgangen, og vi var gode til at snakke sammen for bedst mulig måde at få løst opgaverne på. Vi havde vores forskellige kompetencer, men supplerede hinanden rigtig fint. Dog frustration over, at man skal skrive i Indesign. Men vi kom i mål med et vellykket projekt som gruppen og jeg godt kan være stolte af.
Jeg har lært, at i en gruppekontakt kan man godt blive mere specifik på nogen områder. Vil hellere være fysisk tilstede og snakke om tingene, end at skulle side over Discord og snakke projekt. Det er virkelig vigtigt at man kan snakke åbent omkring tingene i gruppen. Jeg har lært, at jeg har det bedst med at være praktisk og have det i hænderne, end at skulle være den faglige i en gruppe. En ting jeg skal tage til eftertrækning ved næste projekt.