Alletiders kogebog case
Dette var vores 2 UX case, hvor vi skulle re-designe alletiders kogebogs hjemmeside. Alt fra deres visuelle udtryk, til selve opbygningen og strukturen af deres indhold og features.
Vi fik 10 story points til rådighed, hvilket kastede os ud i at prioritere de vigtigste ellementer for vores persona og målgruppe. En opgave der fik os til, at tænke ud af boksen og finde kreative løsninger med store begrænsinger.
Enhver ny feature som ikke var eksisterende på den originale side, kostede 8 point. Så vi skulle prioritere på et helt andet plan end vi v ar vant til.
Persona & user stories
Alle fik tildelt hver deres persona med forskellige behov, hvorefter vi skulle analyserer vores persona og lave research på deres behov og adfærd, for at opbygge en større forståelse af deres behov.
Vi fik tildelt vegan worriors, et vegansk par med gluten intolerance, samt et stort behov for, at dele viden om sund mad.
Efterfølgende begyndte vi at lave en hel masse user stories for, at få et bedre indblik i, hvad vores bruger har behov for på kogebogsplatformen. Helt specifikt gav det os en klar ide om hvad vi kan, for at imødekomme deres behov.
Vi indelte vores HOW MIGHT WE spørgsmål i tre kategorier, for at få en godt overblik over vores forståelse af “problemet”. Også blev vi klar til vores Dollar test.
Vi lavede også en user journey for brugeroplevelse på det nuværende design på alletiders kogebog. Dette gjorde vi, for at få et dybere indblik i, hvad der egentlig går galt, hvordan brugeren navigerer og hvilke følelser og pain point der kan opstå i et for kompliceret og rodet design.
Dollar test
Efter vores HOW MIGHT WE spørgsmålende, begyndte vi skrive alle vores ideer ned på mulige løsninger.
Alle disse ideer skulle vi bruge til vores dollar test, for at se hvilke løsninger der ville få flest stemmer.
En af de festures som fik flest stemmer, blev mulighed for at dele opskrifter med andre. Da vores veganske par som persona, vægtede det at kunne dele deres livstil med andre, og muligheden for at inspirerer, meget højt.
Prioriterings diagram
Denne løsning hjalp os til, at placere alle vores ideer, ud fra dets kompleksitet og user value. En metode der gav os mulighed, for at sortere grundigt i vores løsninger, og konkret finde frem til hvad vi skulle implementerer i vores re-design.
Valg af features
Kommenteret wireframing
Inden vi begyndte på at wireframe, skitserede vi alle vores sider inden, for at få en ide om hvordan opsætningen skulle være.
Her er vores kommenteret wireframe af forsiden. Vi har tilføjet en userstory, hvorefter der er kommenteret på alle vores features, så de beskriver formålet og hvad det gør samlet set.
Hele processen af de kommenteret wireframes, gav os et fantastisk syn på hvad der bliver løst hvor, og hvad vi skal implementerer i vores prototype.
Desuden, gjorde det også hele konstruktionen af prototypen, til en hurtigere og mere simpel proces.
Heuristisk evaluering af wireframes
Prototype
Efter den heuristiske evaluering af vores wireframe begyndte vi at udarbejde vores prototype.
Det var vigtigt for brugeren, at se kategorier, og få inspiration. Så det var vigtigt at implementerefor i vores design.
Den store søgefunktion blev også en vigtig feature, da vores persona gerne nemt og hurtigt vil søge efter veganske opskrifter eller andet.
Vores hjerte ikoner giver brugeren mulighed for at gemme deres yndlingsopskrifter, så de altid kan finde dem frem igen. Og glutenfri ikonet gør det nemt for vores persona at skelne imellem de glutenfrie opskrifter.
Filtreringsfunktionen gør det let for brugeren, at sortere til/fra og nemt finde de opskrifter man har behov for. Dette var også et vigtigt komponent for vores persona.
Bruger-test
Vi lavede en brugertest på en række personer, for at se hvordan de navigerer rundt på siden. Hvor brugervenligt er det for dem, hvad tænker de på når de går igennem siden.
Alt dette var med til, at vi som ux’er kunne finjustere de små fejl der dukkede op undervejs.
f.reks skulle der justeres på filtreringsfunktionen. Den skulle omdannes til en pop up, i stedet for at fylde hele siden.
Heuristisk evaluering af prototypen
De sidste reflektioner over processen…
Opgaven tvang mig til at tænke anderledes, (på den rigtig gode måde) da de stramme rammer krævede, at jeg forlod mine vante metoder og traf valg, jeg ellers ikke ville have overvejet. Den udfordring åbnede op for en mere innovativ og kreativ tilgang, hvor jeg skulle tænke anderledes, end hvad jeg var vandt til.
Det er givende at se, hvordan de forskellige arbejdsmetoder, vi har brugt fra start til slut, nu falder på plads og skaber en sammenhængende tråd i hele projektet. Det føles, som om værktøjerne er begyndt at slå rødder i min proces, hvilket giver en dybere forståelse af, hvordan man bygger et projekt fra idé til færdigt resultat.