Tmc

Think

Voorafgaand aan het maken van onze wireflow hebben we uitgebreid onderzoek gedaan naar gebruikerswensen en benodigde functionaliteiten. We verzamelden inspiratie van bestaande websites en deelden dit in een Discord-kanaal. Epic Games sprong hier bij ons uit. Daarnaast maakten we een uitgebreide mindmap in Figma met alle webshop-features die relevant zijn voor ons ontwerp. Dit zorgde voor een goede basis om een effectief ontwerp te maken.
Voorbeeld:

Mindmap in Figma

Make

Op basis van de verzamelde inzichten hebben we wireflows en prototypes ontworpen in Figma. Tijdens het maken van deze ontwerpen hebben we iteratief gewerkt en actief feedback verwerkt. Zo hebben we de kleurcombinaties aangepast en de wireflows gedetailleerder uitgewerkt. We hebben elke keer feedback van onze productowners gevraagd en dit bijgewerkt.
Bekijk op Figma

Check

Ik heb gebruikerstesten uitgevoerd op basis van de leerkaart en testkaart. Op basis van de feedback heb ik waar nodig verbeteringen doorgevoerd. Testkaart:
Leerkaart:
Login before:
Login after:

TMC-cyclus

Wanneer dat nodig was, zijn we teruggegaan naar de Think- en Make-fase om kleine aanpassingen te doen, zoals het verbeteren van kleurgebruik en het aanpassen van de opmaak en indeling van bepaalde functionaliteiten. Dit iteratieve proces zorgde ervoor dat het ontwerp stap voor stap werd verbeterd. Een concreet voorbeeld is de navigatiebalk: na feedback van de productowners zijn we teruggegaan naar de Check-fase om te onderzoeken hoe Epic Games hun navigatiebalk heeft ingericht. Deze inzichten hebben we vervolgens in Figma verwerkt en daarna opnieuw gebruikerstesten uitgevoerd. Zo hebben we de zoekbalk, wishlist en winkelwagen onder de navigatiebalk geplaatst om het overzichtelijker en minder druk te maken, net zoals bij Epic Games.