Wat is een mockup?
Een mockup is een gedetailleerd ontwerp van je pagina: met de echte kleuren, lettertypen, knoppen en afbeeldingen erin.
Het ziet eruit als een afgeronde website, maar er zit geen techniek onder.
Klikken doet niets; het is een afbeelding van hoe het gaat worden.
Waar het voor dient
Om te zien en te bespreken hoe je site eruit komt te zien voordat iemand begint te bouwen.
Aanpassen kost dan minuten in plaats van uren. Meer daarover lees je bij waarom je eerst een mockup maakt.
Waarin het gemaakt wordt
Meestal in een ontwerpprogramma waarin je meekijkt en opmerkingen achterlaat.
Meer daarover lees je bij figma.
Hoeveel schermen je krijgt
Meestal een homepage, een dienstpagina en een contactpagina, allebei in een mobiele en een brede versie.
Meer daarover lees je bij breakpoint.
Mijn vuistregels
- Eén mockup per soort pagina, niet per pagina.
- Altijd ook een mobiele versie.
- Echte teksten in plaats van opvultekst.
- Één ronde met opmerkingen, dan bouwen.
Die derde voorkomt verrassingen bij het vullen.
Wat het niet is
Een klikbaar prototype en ook geen schets. Het zit daar precies tussenin.
Meer daarover lees je bij het verschil met een wireframe en een prototype.
Wat je ermee doet
Beoordelen, bespreken en goedkeuren. Daarna wordt hij de opdracht voor de bouwer.
Meer daarover lees je bij design system.