Wat is het verschil tussen een wireframe, een mockup en een prototype?
Het verschil tussen een wireframe, een mockup en een prototype zit in de vraag die je ermee beantwoordt.
Indeling, uiterlijk of gedrag: elke stap voegt er één laag aan toe.
Ze vervangen elkaar dus niet.
De wireframe
Beantwoordt: wat staat er op deze pagina en in welke volgorde? Grijs, kaal, snel te wijzigen.
Meer daarover lees je bij wat een wireframe is.
De mockup
Beantwoordt: hoe ziet het eruit? Kleur, lettertype, beeld en afstanden staan erin, maar er beweegt niets.
Meer daarover lees je bij mockup.
Het prototype
Beantwoordt: wat gebeurt er als ik hierop klik? Schermen zijn aan elkaar geknoopt, zodat je een route kunt lopen.
Meer daarover lees je bij prototype.
Zo kies ik
- Twijfel over de indeling? Maak een wireframe.
- Twijfel over de uitstraling? Maak een mockup.
- Twijfel over een route of formulier? Maak een prototype.
- Geen twijfel? Bouw gewoon.
Die laatste scheelt bij kleine sites soms een week aan ontwerpwerk.
Wat ze gemeen hebben
Alle drie zijn ze goedkoper dan achteraf verbouwen. Dat is de enige reden dat ze bestaan.
Meer daarover lees je bij of je stappen kunt overslaan.
Wat ze niet zijn
Geen van drieën is de website. Er zit geen echte inhoud in en niets werkt op een server.
Meer daarover lees je bij ux.