Wat is een prototype?
Een prototype is een klikbaar ontwerp. Je kunt erdoorheen navigeren alsof het een echte website is, maar er zit geen database en geen code onder.
Knoppen brengen je naar het volgende scherm, menu’s klappen open.
Verder gebeurt er niets.
Waar het voor dient
Om te testen of mensen begrijpen hoe iets werkt, voordat je het laat bouwen.
Meer daarover lees je bij waarom je met een prototype test.
Waarin het gemaakt wordt
In hetzelfde ontwerpprogramma als je mockup. Je legt daar verbindingen tussen schermen.
Meer daarover lees je bij figma.
Hoe echt het voelt
Echt genoeg. Bij een test merken de meeste mensen pas na een paar klikken dat er geen echte gegevens achter zitten.
Meer daarover lees je bij mockup.
Mijn vuistregels
- Alleen voor de stappen die er echt toe doen.
- Niet elke pagina hoeft klikbaar te zijn.
- Gebruik echte teksten.
- Test met vijf mensen.
Die tweede houdt het betaalbaar.
Wanneer je er een maakt
Bij een bestelproces, een aanvraagformulier met stappen of een portaal waar mensen inloggen.
Meer daarover lees je bij persona.
Wanneer niet
Bij een gewone website met vijf pagina’s. Daar volstaat een mockup en test je na de bouw.
Meer daarover lees je bij wat een prototype kost.
Wat ik in de praktijk zie misgaan
Het wordt te echt gemaakt, en dan gaat het gesprek de verkeerde kant op.
Zodra alles de definitieve kleuren en foto’s heeft, gaat iedereen over die kleuren en foto’s praten. Terwijl je in deze fase juist wilt weten of de route klopt: begrijpt iemand waar hij is, weet hij wat de volgende stap is, komt hij er zonder hulp doorheen.
Het omgekeerde komt ook voor: een klikbaar model dat zó ruw is dat de opdrachtgever schrikt en denkt dat dit het eindresultaat wordt.
Wat ik daarom doe is vooraf uitspreken waar we deze keer naar kijken en waar niet. Klinkt formeel, maar het scheelt twee rondes discussie over dingen die nog niet aan de beurt zijn.
En ik test met mensen van buiten het bedrijf. Wie het aanbod al kent, loopt overal moeiteloos doorheen en ziet precies de plekken niet waar het misgaat.
Meer daarover lees je bij prototype.