Wat is een wireframe?
Wat is een wireframe? Het is een kale schets van een pagina, meestal in grijstinten.
Je legt erin vast welke onderdelen op de pagina staan en in welke volgorde.
Hoe het er straks uitziet, komt later.
Wat erin staat
Blokken voor beeld, regels voor tekst, rechthoeken voor knoppen. Genoeg om over de indeling te praten, te weinig om over kleur te praten.
Meer daarover lees je bij waarom je zonder kleur werkt.
Waarvoor je het gebruikt
Om vroeg te ontdekken dat een pagina te veel wil, of dat de belangrijkste knop te laag staat.
Meer daarover lees je bij visuele hiërarchie.
Hoe kaal is kaal
Van een schets op papier tot een net bestand in een ontwerpprogramma. Beide tellen, zolang de vorm ondergeschikt blijft.
Meer daarover lees je bij ux.
Wat ik altijd invul
- De kop en de belofte bovenaan.
- Waar de belangrijkste knop staat.
- De volgorde van de secties eronder.
- Wat er op mobiel als eerste zichtbaar is.
Die vierde bepaalt vaak de hele indeling, want de meeste bezoekers komen op een klein scherm binnen.
Wat het je bespaart
Een indeling wijzigen kost in een wireframe vijf minuten. In een afgebouwde pagina kost het een dag.
Meer daarover lees je bij of je het kunt overslaan.
Waar het ophoudt
Zodra de gesprekken over kleur en lettertype gaan, is de wireframe klaar en begint het ontwerp.
Meer daarover lees je bij mockup.