Rolle:
UI/ UX designer
Tid brukt:
3 uker
Verktøy:
Figma, Miro, Figjam
MÅL
Redesign av en eksisterende oppskrifts- og treningsapp for å gjøre den enklere, raskere og mer brukervennlig. Appen fokuserer på 15-minutters oppskrifter og treningsøkter, slik at brukerne kan ta sunne valg uten å bruke for mye tid.
Steg 1
Research & innsikt
Brukerinnsikt
Jeg startet med å analysere influencer Desirée Andersens allerede eksisterende app, "Dine sunne oppskrifter".
Jeg hadde selv brukt appen over en periode, men opplevde at enkelte forhold gjorde at den etter hvert ble brukt mindre. Derfor valgte jeg å intervjue andre brukere som også hadde lastet ned appen, for å få innsikt i deres erfaringer og oppfatninger.
Konkurrentanalyse
Sammen med brukerinnsikten jeg fikk fra intervjuene, samlet jeg fordeler og ulemper som deltakerne delte, og sammenlignet disse med styrker og svakheter fra andre lignende apper (konkurrenter) innenfor domenet: helse og livsstil. Totalt testet jeg fem personer for 4 forskjellige apper. En av appene som ble evaluert, var "Sulten" av Karen Elene Thorsen.
Sammenligning
Etter å ha sammenlignet de ulike appene, samlet jeg sentrale innsikter som jeg tok med videre i redesignet. Noen av disse var:
- - Mer fremtredende og intuitive knapper for bedre navigasjon
- - Favorittfunksjon for å lagre oppskrifter
- - En «Mest populær»-seksjon som fremhever populært innhold
- - Brukeranmeldelser med stjernevurdering for bedre beslutningsstøtte
- - Artikler på profilsider for ekstra innsikt og tips
- - Mulighet for å legge ingredienser direkte i en handleliste for økt brukervennlighet
Brukertester
For å samle inn relevant innsikt benyttet jeg et Google-skjema med målrettede spørsmål, som ble sendt til studenter som følger helse- og livsstilsinfluenseren Desirée Andersen på Instagram. På denne måten hentet jeg innsikt fra brukere med lignende interesser og behov. Dette ga meg en tydelig forståelse av hvilke funksjoner som oppleves som mest nyttige og relevante i appen.
Persona
For å tydeliggjøre målet mitt brukte jeg innsikten jeg hadde samlet inn til å utvikle personas. Hensikten var å designe en løsning som tar hensyn til de unike behovene, ønskene, målene og utfordringene til hver persona. Her er én av dem.
Crazy Eights
Før jeg begynte å skissere low-fidelity wireframes, utforsket jeg ulike ideer og løsningsforslag ved hjelp av metoden Crazy Eights. Jeg markerte funksjonene jeg ønsket å ta videre, og brukte disse som grunnlag da jeg gikk videre med wireframes.
Brainstorming
Jeg startet deretter med idémyldring for å utforske ulike løsninger og konsepter.
Struktur på siden
Deretter utviklet jeg informasjonsarkitekturen for å organisere innholdet på en intuitiv måte. Dette hjalp meg med å visualisere brukerreisen og etablere en solid struktur før jeg gikk videre med designet.
Low- Fidelity
Slik så mine første skisser ut.
Mid- Fidelity
Her starter jeg med å utforske med både grensesnitt og fargevalg. Brukertester viste seg senere at bruk av «primærfarger» på knapper, navigasjon, ikoner og lenker styrker merkeidentiteten og fremhever interaktive elementer. Dette tok jeg med meg videre.
High- Fidelity
Jeg flyttet blant annet også søkefeltet lavere ned for å bedre tilgjengelighet. Ved å bruke et firepunkts-rutenett ble plasseringen av elementene også mer presise.
Etter brukertesting la jeg til en profilknapp i «bunnmenyen» for å forbedre navigasjonen og brukeropplevelsen.
Sluttresultater
Neste->