Prototyping

LoFi wireframe:

Kan enten vær en form af sketch eller en digital sketch.

I dette tilfælde har vi valgt at lave en sketch i hånden, som viser hvordan opstillingen af vores app skal se ud, så det er nemt og effektivt. Vi kunne også have lavet en digital sketch i Figma, det havde taget lidt længere tid. Men ville bestå af bokse, og liner som udgør hvor der skal være tekst eller billeder.

Det er her vi laver en skabelon, i form at gå kasser og har mere fokus på nedstående punkter:

• Der er ikke noget interaktiv i en wireframe
• HiFi er hvor man sætter layoutet op i grå kasser
• Finder fonts, logoer, ikoner og billedestil til siden
• Overskrift, underoverskrift, brødtekst og tekstbokse.

https://www.figma.com/design/c7x8Cjqor9nUdppQfdTz02/WS-2—Lo-fi?node-id=0-1&t=BJoQkDHrmA68btpq-1

Vi fik brugertestet vores app. I den forbindelse benyttede vi usability testen, med current think aloud.

Usabillity testen: Kan testpersonen anvende vores produkt, er det intuitiv, er den nem at finde rundt i, giver det hele mening når de søger rundt på vores side. Er den informativ, og bliver alle deres spørgsmål besvaret.

Currrent Think Aloud: Testpersonen skal tænke højt i forbindelse i takt med at de trykker rundt på siden. På den måde får vi de rigtige reaktioner og deres tanker undervejs.

Vi fik testet af på 5 personer, fordi de første 5 personer opdager ca. 85% af de største brugertest problemer. Vi får også en bedre indsigt, og kan samtidig observere samt lytte til testpersonen under forløbet. Hvad virker og hvad kan man gøre bedre.

Brugerundersøgelse

Vi valgte at anvende Think-Aloud testen

• Det er en metode hvor brugeren skal igennem vores produkt og samtidig tænke højt, hvad man gør for bedre at forstå hvad de tænker.

TESTPLAN

 Målgruppe: Hundeejere

Feedback 

Efter vores første feedback, gik vi gang med Hi-Fi

Tester stadig

Her er produktet næsten færdigt

Produktet er blevet mere visuelt

https://www.figma.com/design/owscQEz0Jc3mM7zNgABpSV/WS-2—Hi-fi?node-id=0-1&t=r9PJ6C3FMxqAaWzR-1

Hifi prototype

Nu har vi fået sat farver på vores wireframe, og er nu blevet til en Hifi prototype. Så når du trykker på en knap, vil du automatisk blive ledt videre til næste side. Vi valgte ikke at lave en LoFi prototype, da vi allerede havde lavet en Hfi Wireframe. Forskellen er at Lofi prototype er interaktiv, hvor en wireframes ikke er interaktiv. Men selve skabelonen kan være den samme.

Derudover så har vi også udarbejdet en styletiles: Typografi, farver, Tone of Voice, billedestil, ikoner/ logo og grafiske elementer.

Vi kunne efterfølgende godt lave endnu en brugertest på den færdige model. Der ville sikkert have været flere forbedringer.

Så skulle vi har taget den samme brugertest metode i brug til vores prototype.

Denne opgave synes jeg var ret spændende, med at skulle opsætte sin egen app. Her fik vi virkelig mulighed for at forbyde os i projektet,  og at vi kunne sætte os ind i tingene hvordan det hele fungere. Det var selvfølgelig også en større opgave, så det krævede også mere tid. Jeg har lært rigtig meget på denne workshop i forhold til Figma og brugertest hvordan man skal præsenter det visuelt men også kommunikationen. Jeg synes at gruppen jeg var komme ind i var en af de bedre. Vi kunne finde ud af at snakke sammen, og det med at man er åben og kan sige sin ærlige mening er helt klar til plus.

Der var ligesom en projektleder, som uddelegerede opgaverne og sørgede for at alle ligesom var med på en eller anden måde. En rigtig god måde at starte et projekt ud på, og at der er nogen som kan styre slagetes gang. Når man er mange i en gruppe, hvor i var fem personer i vores gruppe, hvilket næsten var 2 eller 1 for mange. Der var nogen gange, hvor man ligesom ikke var deltagende, for der var ikke nok arbejdsopgaver til alle fem. Jeg havde siddet og arbejdet med Figma ikke alt, men jeg havde fået en bedre forståelse af programmet og dens opbygning. Derudover lærte jeg at det er vigtigt at lave nogen spørgsmål forinden, så man er forberedt. Det virker mere professionelt overfor personerne, men også at man bliver mere sikker i sin opgave. Så har igen lært mere efter denne workshop.