Alletiders kogebog case
Tid på projektet: 10 dage
Min rolle: Projektstyring, research, konceptudvikling, user flow design, prototyping, brugertest
Metoder: Research & analyse, ideation & konceptudvikling, design & prototyping, evaluering & test
Som vores anden UX-case arbejdede vi med at re-designe Alletiders Kogebog. Projektet omfattede både det visuelle udtryk samt struktur og opbygning af indhold og features. Vores mål var at skabe en mere overskuelig, brugervenlig og inspirerende platform, der tog udgangspunkt i vores persona og målgruppes behov.
Begrænsede ressourcer tvang os til at prioritere skarpt og tænke kreativt, hvilket resulterede i et redesign med fokus på de vigtigste funktioner og en klar brugerrejse.
Persona & user stories
I projektet arbejdede vi med tildelte personaer for at analysere forskellige behov og adfærdsmønstre. Vores persona var Vegan Warriors – et vegansk par med glutenintolerance og et stort ønske om at dele viden om sund mad.
For at forstå deres behov på kogebogsplatformen udviklede vi en række user stories, som gav os et klart billede af, hvilke funktioner og løsninger der bedst kunne imødekomme deres ønsker og udfordringer.
Vi indelte vores HOW MIGHT WE spørgsmål i tre kategorier, for at få en godt overblik over vores forståelse af “problemet”.
Vi udarbejdede et journey map over brugeroplevelsen i det eksisterende design af Alletiders Kogebog.
Formålet var at opnå et dybere indblik i, hvor og hvorfor oplevelsen går galt, samt hvordan brugeren navigerer gennem siden. Gennem denne kortlægning blev det tydeligt, hvilke følelser og frustrationer der opstår undervejs, og hvilke pain points der præger interaktionen.
Analysen viste, hvordan et for kompliceret og rodet design kan skabe forvirring, usikkerhed og utilfredshed hos brugeren. Det gav dermed et vigtigt udgangspunkt for at identificere forbedringsmuligheder i det kommende redesign.
Dollar test
Efter at have udarbejdet vores How Might We-spørgsmål begyndte vi at notere alle idéer til mulige løsninger. Disse ideer blev derefter brugt i en Dollar Test for at identificere, hvilke løsninger der havde størst opbakning.
En af de features, som fik flest stemmer, var muligheden for at dele opskrifter med andre. Dette gav særlig mening i forhold til vores persona, det veganske par, som prioriterede at kunne dele deres livsstil og inspirere andre gennem deres madvalg.
Prioriterings diagram
Vi anvendte en prioriteringsmatrix til at placere alle vores ideer ud fra deres kompleksitet og brugerværdi. Denne metode gav os et klart og struktureret overblik, som gjorde det muligt at sortere grundigt i vores løsninger og konkret identificere, hvilke funktioner der skulle implementeres i vores redesign..
Valg af features
Kommenteret wireframing
Inden vi begyndte på at wireframe, skitserede vi alle vores sider inden, for at få en ide om hvordan siden skulle opsættes og konstrueres.
Her er vores kommenterede wireframe af forsiden. Til hver feature har vi tilføjet en user story og kommentarer, som beskriver både formålet og funktionaliteten samlet set.
Processen med de kommenterede wireframes gav os et klart overblik over, hvilke behov der blev dækket, og hvilke elementer der skulle implementeres i prototypen. Samtidig gjorde det konstruktionen af prototypen både hurtigere og mere enkel, da vi havde et tydeligt fundament at arbejde ud fra.
Heuristisk evaluering af wireframes
Prototype
Efter den heuristiske evaluering af vores wireframe begyndte vi at udvikle vores prototype.
Det var vigtigt for brugeren at kunne se kategorier og få inspiration, så dette blev en central del af designet. Den store søgefunktion blev også en nøglefeature, da vores persona ønskede hurtigt og nemt at finde veganske opskrifter. Fokus lå på at gøre det enkelt at søge, dele og gemme grønne opskrifter, så oplevelsen blev både intuitiv og brugervenlig.
Vores hjerte-ikoner giver brugeren mulighed for at gemme yndlingsopskrifter, så de altid kan findes igen. Glutenfri-ikonet gør det nemt for vores persona at skelne mellem glutenfri opskrifter.
Desuden gør filtreringsfunktionen det enkelt for brugeren at sortere og finde de opskrifter, de har behov for. Dette var særligt vigtigt for vores persona, da det skal være hurtigt og overskueligt at filtrere allergener fra.
Bruger-test
Vi gennemførte en brugertest med flere personer for at observere, hvordan de navigerede på siden, hvor brugervenlig den var, og hvilke tanker der opstod undervejs.
Resultaterne gav os værdifuld indsigt til at finjustere små, men vigtige detaljer. For eksempel blev filtreringsfunktionen omdannet til en pop-up i stedet for at fylde hele siden, søgefunktionen fik en tydeligere farve adskilt fra knapperne, og pop-up-beskeder og systemfeedback blev gjort mere klare og intuitive.
Alle disse justeringer forbedrede brugeroplevelsen markant og gjorde interaktionen med prototypen mere tydelig, overskuelig og nem at navigere.
Heuristisk evaluering af prototypen
De sidste reflektioner over processen…
Opgaven udfordrede mig til at tænke på nye måder, da de stramme rammer krævede, at jeg traf beslutninger, jeg måske ikke ville have overvejet. Denne udfordring åbnede op for en mere innovativ og kreativ tilgang, hvor jeg måtte arbejde uden for komfortzonen.
Det har været givende at se, hvordan de forskellige arbejdsmetoder, vi har anvendt fra start til slut, nu falder på plads og skaber en sammenhængende tråd gennem hele projektet. Det føles, som om værktøjerne virkelig er begyndt at slå rødder i min proces, hvilket har givet mig en dybere forståelse af, hvordan man bygger et projekt fra ide til færdigt resultat.