Het doel
Het doel was om een maatschappelijk probleem aan te pakken met een project. Ik heb mijn interesse in het terugdringen van de aankoop van producten met onverantwoorde palmolie gecombineerd met het onderwerp van mijn projectpartner: consumenten op een eenvoudige manier laten zien of een product voldoet aan hun persoonlijke waarden, zoals duurzaam, vegan, cruelty-free en palmolie-vrij.
Uiteindelijk hebben we onze krachten gebundeld en een oplossing bedacht voor vegetariërs en veganisten, waarmee zij in de supermarkt snel kunnen zien of een product aansluit bij hun dieetvoorkeuren.
Hoofdvraag
Hoe kunnen we een oplossing ontwerpen die vegetariërs en veganisten ondersteunt bij de uitdagingen die zij ervaren tijdens het doen van boodschappen?
De aanpak
Interviews & Functieanalyse
Om de behoeften en gewoonten van de doelgroep beter te begrijpen, hebben we interviews gehouden met vijf vegetariërs en veganisten. Tijdens deze gesprekken hebben we gevraagd naar hun koopgedrag, hoe zij omgaan met ontbrekende producten, welke bronnen (zoals forums of apps) zij gebruiken en welke functies zij in een digitale oplossing belangrijk zouden vinden.
Belangrijke inzichten:
-
Ze zoeken naar labels als “vegan” of “vegetarisch” en controleren daarna de ingrediëntenlijst.
-
Sommigen gebruiken apps om E-nummers te controleren.
-
Ze besteden vaak 10 minuten of meer aan het zoeken naar geschikte alternatieven.
-
Veelvuldig gebruik van forums kwam naar voren.
-
Functies zoals het aanpassen, toevoegen en reviewen van producten werden als zeer waardevol ervaren.
Verkenningsonderzoek
Om te starten hebben we individueel deskresearch gedaan naar:
-
De exacte doelgroep
-
Hun koopgewoonten
-
Hun informatiebehoefte
-
De impact van dieetkeuzes op klimaat en milieu
Vervolgens hebben we onze onderzoeken samengevoegd. Uit de interviews bleek dat:
-
De doelgroep vaak fysieke boodschappen doet.
-
De meeste frustraties ontstaan bij het zoeken naar nieuwe of onbekende producten.
-
Ze geen voorkeur hebben voor een specifieke supermarkt.
Op basis hiervan besloten we de focus te versmallen tot uitsluitend vegetariërs en veganisten. Dit maakte het project concreter en beter uitvoerbaar.
Techniekonderzoek
Voor de technische realisatie hebben we onderzocht welke technologieën geschikt zijn om productinformatie in de supermarkt snel inzichtelijk te maken. We onderzochten o.a. NFC en barcodes.
-
Ik testte het gebruik van NFC-stickers met een Unity-app en een webpagina van Albert Heijn.
-
Uiteindelijk kozen we voor barcodes omdat deze al op producten aanwezig zijn, en NFC in de praktijk minder praktisch bleek (storing als er meerdere tags in de buurt zijn).
Het proces
Schetsen & Prototyping
We begonnen met losse schetsen in InVision Freehand, die we later samenvoegden tot een clickable prototype in Figma.
-
De app is ontworpen met mobiele gebruikers in gedachten, aangezien de doelgroep vaak hun telefoon gebruikt tijdens het boodschappen doen.
Clickable Prototype
Het prototype werd gezamenlijk uitgewerkt in Figma. We ontwikkelden een style guide om visuele consistentie te waarborgen tijdens het ontwerpen van de verschillende pagina’s. Het prototype zorge ervoor dat we de conceptuele werking en user flow van de app konden testen.
Usability Test
We hebben het prototype met gebruikers uit de doelgroep getest. Zij doorliepen scenario’s en gaven hardop feedback.
Resultaten:
-
De algemene flow werd als intuïtief ervaren.
-
Er was verwarring over de account-icoon en filterfunctie.
-
Gebruikers wisten niet altijd of een filter actief was of wat het deed.
Deze feedback is verwerkt in het aangepaste ontwerp.
Heuristische Evaluatie
Aan de hand van de heuristieken van Nielsen Norman voerden we een evaluatie uit. Dit bevestigde eerder genoemde knelpunten, maar bracht ook extra punten aan het licht, zoals:
-
Geen feedback bij het plaatsen van een review. Dit kan verwarring geven over of de review daadwerkelijk is geplaatst of niet.
-
Inconsistent gebruik van benamingen. Ook dit zorgt voor verwarring bij de gebruiker.
De resultaten
Ontwikkeling PWA
Om het product toegankelijk te maken voor een breed publiek, besloten we een Progressive Web App (PWA) te ontwikkelen. Hierdoor is de app bruikbaar op zowel iOS als Android, zonder installatie vanuit een app store.
Eindprototype
Het eindproduct is een functionerende PWA met als kernfuncties:
-
Barcodescanner (gebaseerd op QuaggaJS)
-
Productpagina met voedingsinformatie via de Open Food Facts API
-
Gebouwd in React
Bekijk hieronder het clickable prototype en de schermen;
