Sunn Mat App Konsept: en Casestudie Som Beviser at UX Er Akkurat Som Matlaging

Produktdesign er litt som matlaging. Du trenger kvalitetsingredienser, en oppskrift, et godt utstyrt kjøkken, og til slutt: en dyktig kokk som setter alt sammen i en lettfordøyelig form.

Det er litt av en strekk, vil du si?

La meg forklare matlagingsmetaforen mer detaljert for å vise hva jeg mener.
Du kan si — jeg er ikke en kokk, jeg bruker produkter fra supermarkedet og burritoen min er fin som den er. Selvfølgelig! Jeg sier ikke at for å lage et fint måltid trenger du alt det som er nevnt ovenfor.

Men du går ikke rundt og reklamerer for at det er den beste burritoen i byen og prøver å tjene penger på det.

Det er 2020 og det finnes fortsatt denne oppfatningen om at hvem som helst med noen grunnleggende grafiske ferdigheter kan designe en funksjonell app. Ifølge Gartner var den kommersielle suksessen til mobilapper i 2018 00,01 prosent — én vellykket app av 10 000 apper.

For å designe den ene appen, må du heve nivået ditt. Målet med denne casestudien er å skildre prosessen vi gikk gjennom mens vi designet et konsept for en sunn måltidsapp, og hvordan vi prøvde å anvende matlagingsmetaforen på hvert av trinnene vi tok. Nyt!

Endelige skjermer for en sunn måltidsapp. Se mer på Behance!

Definer utfordringen

For å følge vår matlagingsmetafor, måtte vi først bestemme hva vi skulle lage. Etter litt brainstorming bestemte vi oss for å fokusere på helse og… vel, ingen overraskelse her, mat.

Det finnes mange helseforhold som krever et strengt kosthold, som ofte er veldig vanskelig å følge.

Vi vet at hurtigmat ikke er bra, men hva med mammas søndagsmiddag med kjøttkake?

Denne mangelen på bevissthet sammen med det økende antallet mennesker som lider av kroniske sykdommer eller sykdommer av velstand var grunnene til at vi bestemte oss for å jobbe med et appkonsept som ville ta tak i disse problemene.

Finn en god oppskrift med UX-strategi

Vi visste at vi ikke kunne fokusere utelukkende på den medisinske siden av problemet. Ingen app kan erstatte en ekte lege. I søken etter solid data og for å bedre forstå problemet, gjennomgikk vi mange tilgjengelige apper for å se hvordan de adresserer helse- og diettproblemer og for å lære hva som mangler på markedet.

En grundig skrivebordsundersøkelse satte oss på rett spor for å finne en god oppskrift for et produkt skreddersydd til brukernes behov. Heldigvis hadde vi ressurser tilgjengelig — dyktige UX-forskere sammen med tid og tilgang til nødvendige verktøy.

Kjøkkenet vårt var ganske godt utstyrt, og noen av de viktigste funnene var som følger:

• 62–68% av mennene og 46–60% av kvinnene i Polen er overvektige.
• Antall personer som lider av diabetes i Polen i 2013 var 2,17 millioner.
• Forebygging av diabetes kan redusere dødelighet med 43%. Det er nesten halvparten av alle dødsfall.
• Folk blir mer bevisste på innflytelsen som kosthold har på helsen deres.
• Det finnes mange teorier om helse og diett, og det gjør mange mennesker forvirret.

Hvem lager vi mat til?

Før du begynner å forberede måltidet ditt, er det lurt å vite hvem som skal spise det. Det er et enkelt spørsmål som, overraskende nok, mange av oss glemmer å stille.

Det spiller ingen rolle om du lager den mest deilige biff bourguignon hvis du serverer den til en vegetarianer.

Under vår forskning oppdaget vi en rekke løsninger som har som mål å forbedre helse gjennom kosthold. De fokuserte enten på kosthold som et verktøy for vekttap, støtte til treningsmål eller en enkel mobilversjon av en kokebok.

Ved å krysse referere dette med våre forskningsfunn, klarte vi å utarbeide våre personas.

Personas vi utarbeidet etter vår forskning.

Vår egen oppskrift (så hva vi ønsket å oppnå)

50g forskning, 1 kopp wireframing, 2 ts UI Design

Den grundige analysen av produkter allerede på markedet hjalp oss med å klargjøre og skjerpe vår produkts visjon.

Vi hadde som mål å lage en fullt personlig tilpasset applikasjon, i stand til å utdanne folk om fordelene med sunn mat mens den tilbyr et utvalg av deilige plantebaserte oppskrifter.

Vi ønsket at appen vår skulle være brukerens følgesvenn på reisen mot bedre helse. Et sted hvor brukerne enkelt kan administrere sine måltidsplaner og handlelister på en daglig basis.

Tid for å handle

Når vi hadde UX-oppskriften klar, kunne vi dele appen opp i de mest avgjørende ingrediensene og bestemme hvilke funksjonaliteter vi ønsker å inkludere slik at de tjener appens hovedmål.

Definere komponenter

1. Fullstendig personlige måltidsplaner

Det er som å besøke en kostholdsveileder — du definerer dine favoritt- og minst favorittmatvarer, og appen tilpasser måltidsplanen din etter din smak. Du kan bytte mellom måltider avhengig av hva du har lyst på å spise. Fordi ingen vet om de vil foretrekke pannekaker eller speilegg til frokost om en uke!

2. Ernæringsråd

Avhengig av målet ditt, kan du spore kalori- og næringsinntak. Men bortsett fra dataene selv, vil appen også gi deg informasjon om hvorfor dette spesifikke mikroelementet er bra for deg.

3. Velvære tracker

Konsistens er nøkkelen. Hvis vi spiser godt en uke og den neste overlever vi stort sett på takeout, vil ikke resultatene være imponerende. Det er derfor vi la til verktøyet for å måle fremgangen din, slik at du kan holde humøret og motivasjonen oppe.

Hovedfunksjoner i Healthy Meal-appen

4. Handlelister

Slik at brukeren allerede har satt sitt mål og valgt riktig måltidsplan. Motivationen er der, men… kjøleskapet hans er fortsatt et relikvie fra gamle vaner. Det er på tide å handle. For å gjøre det lettere, lar appen brukerne legge til ingredienser fra valgte oppskrifter til handlelisten.

5. Produktsøk og skanner

Vår app har en innebygd skanner og søk som ikke bare gir deg ernæringsinformasjonen, men også gir anbefalinger basert på helprofilen din.

6. Matlagingsmodus

Matlagingsmodusen ble inspirert av ulike bilapplikasjoner. Når hendene dine er skitne og du trenger å se på telefonen mens du forbereder måltidet, kan skrifttype, store knapper og talekommandoer være utrolig nyttige.

Kombiner ingredienser under UX-designfasen

Dette var tiden da vi måtte kombinere alle komponentene til større funksjonelle deler. Vi prøvde å holde oss til mønstrene som brukeren allerede kjenner fra forskjellige apper, for å gjøre det brukervennlig og intuitivt.

Vår erfarne kokk (eller faktisk, en brukeropplevelsesdesigner) jobbet med denne oppgaven, hakket, rørte og dampet til det begynte å se ut som en faktisk app. Guerilla-testing var ekstremt nyttig på dette stadiet, da det gjorde at vi kunne opprettholde riktig kurs.

Skjermbilder av The Healthy Meal-appen under wireframing-fasen.

Krydre smaken med noen smakfulle visuelle design

Vi begynte å definere stilen på appen vår ved å velge den rette fontkombinasjonen. Vi ønsket å gå for et varmt og innbydende utseende som er litt mer klassisk og lesbart.

En god kokk vet at det ikke er fire, men fem grunnleggende smaker, og at det er et must å tilsette litt umami for å heve retten. For å få designet til å skille seg mer ut, la vi til spesiallagde illustrasjoner og serverte det med et flatt design som minner litt om en kokebokstil.

Fonts and styles of the Healthy meal app.

Some of the custom-made app illustrations.

God appetitt!

Se endelige skjermer i vår Behance case study.

Trenger du hjelp med å definere produktet ditt? 
Vi er tilgjengelige for nye prosjekter!