UX/UI Design

Green Riders Educatie App

project afbeelding green riders educatie app

Over dit project

Tijdens mijn stage bij de startup Green Riders in Kaapstad heb ik gewerkt aan de ontwikkeling van een educatie app voor fietskoeriers in townships. Het idee van deze app is om de koeriers via dagelijkse quizzen en trainingen op een toegankelijke manier te voorzien van de benodigde kennis voor hun werk. De uitdaging was om een app te ontwerpen die aansloot bij de beperkte opleidingsniveau die de fietskoeriers/riders. Ik heb het volledige onderzoek, user interface ontwerp en het testen met gebruikers voornamelijk zelfstandig uitgevoerd.

Opdrachtgever
Green Riders
Project type
Zelfstandig
Jaar
2024
Meer schermen
“Ontwikkel een educatie platform voor fietskoeriers in Kaapstad om hen te voorzien van alle benodigde kennis”

Proces

Ik heb dit project gedaan door gebruik te maken van het 5S-Model. Dit is een methode van 5 uitgebreide stappen, waar gebruiksvriendelijkheid centraal staat.

Probeer de app

Stap 1 - Strategy

In de eerste stap van het project heb ik het doel van de educatieve app vastgesteld en de behoeften van Green Riders in kaart gebracht door gesprekken met het management. Ik heb marktonderzoek uitgevoerd om bestaande oplossingen te verkennen en inspiratie op te doen. Daarnaast heb ik interviews gehouden met de doelgroep om hun pijnpunten, uitdagingen en behoeften te begrijpen. Op basis van deze informatie heb ik persona's ontwikkeld om de verschillende gebruikers beter te begrijpen. Tot slot heb ik ontwerprichtlijnen opgesteld om te waarborgen dat de app effectief en gebruiksvriendelijk blijft.

Persona green riders educatie app

Stap 2 - Scope

In de tweede stap van het project heb ik user stories ontwikkeld om op basis daarvan de functionaliteiten en content van de app te bepalen. De user stories hielpen om de behoeften van rijders en facilitators te begrijpen, zoals visueel leren. Vervolgens zijn de belangrijkste functies en content geselecteerd en geprioriteerd met de MoSCoW-technie. Een belangrijke functie is de dagelijkse quiz, die ook als aanwezigheidsregistratie dient. Daarnaast is er bepaald om een backend-app voor facilitators te ontwikkelen om de voortgang van riders te volgen en hen ondersteuning te bieden.

Prioritering functies en content learning modules

Stap 3 - Structure

Vervolgens heb ik de app flow ontwikkeld, die de navigatie en gebruikerservaring van de app visualiseert. Deze flow is opgedeeld in drie delen: de inlogprocedure voor riders en facilitators, de navigatie voor riders na het inloggen, en de backend-sectie voor training facilitators. Dit biedt een overzicht van hoe gebruikers door de app bewegen en welke functies ze kunnen gebruiken. Daarnaast zijn de leermodules gestructureerd in kleinere lessen om de inhoud toegankelijker te maken.

User flow green riders educatie app

Stap 4 - Skeleton

Hierna heb ik schetsen gemaakt om visuele concepten voor de app te verkennen en verschillende lay-outmogelijkheden te testen. De schetsen vormden de basis voor het creëren van wireframes, waarbij aandacht werd besteed aan elementgrootte, witruimte en lay-out, met toepassing van gestaltprincipes om de gebruikerservaring te verbeteren. Vervolgens is dit gepresenteerd aan het management en bevestigd dat de app aan de verwachtingen voldeed.

wireframs green riders educatie app

Stap 5 - Surface

In deze fase werd de stijl van de Green Riders educatie app ontwikkeld om de consistentie met de branding van het bedrijf te waarborgen. Vervolgens werd de volledige user interface ontworpen in Figma en een interactief prototype gemaakt. De app werd getest met twaalf potentiële gebruikers, die de gebruiksvriendelijkheid waardeerden en de app gemiddeld beoordeelden met een 4,1 uit 5. Op basis van de testresultaten zijn verbeteringen doorgevoerd, waaronder de implementatie van een tutorial. Green Riders was zeer enthousiast over het resultaat en gaf mij de opdracht om de app te realiseren in samenwerking met een development team.

the end result of the project

Andere projecten

Laten we praten!

Heb je interesse om samen te werken? Laat je gegevens achter en ik zal zo snel mogelijk reageren. Het is ook mogelijk om mij via keesmaat123@gmail.com te bereiken.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.