/
Websites

Wireframe

Ook bekend als
Pagina-schets, low-fidelity ontwerp, websitewireframe
Een wireframe is een schematische opzet van een pagina waarin vooral de structuur, volgorde en functie van onderdelen worden bepaald, nog zonder volledige visuele uitwerking.

Eerst de logica, daarna de versiering

In een wireframe bepaal je bijvoorbeeld waar de hero komt, welke informatie daarna nodig is, waar bewijs staat en waar een CTA logisch is. Kleur, fotografie en fijne typografie zijn nog niet de hoofdzaak.

Waarom dit tijd bespaart

Een groot inhoudelijk blok verplaatsen in een schets is makkelijker dan een volledig ontworpen sectie opnieuw opbouwen. Je kunt dus eerder discussiëren over de juiste dingen: inhoud, volgorde en gebruikersroute.

Een wireframe hoeft niet lelijk te zijn

Low fidelity betekent niet dat het per se uit grijze blokken moet bestaan. Een wat visueler wireframe kan juist prettig zijn, zolang het ontwerp nog niet belangrijker wordt dan de structuur.

Gerelateerde begrippen

H
Een hero is het grote eerste contentblok bovenaan een webpagina. Hier ziet een bezoeker meestal in één oogopslag wat een bedrijf aanbiedt en wat de belangrijkste vervolgstap is.
H
De homepage is de centrale startpagina van een website en geeft bezoekers een eerste overzicht van wie je bent, wat je aanbiedt en welke routes voor hen relevant zijn.
U
UI staat voor User Interface: de zichtbare interface waarmee iemand een digitaal product bedient, zoals knoppen, velden, menu’s, kleuren en typografie.
W
Websitearchitectuur is de manier waarop pagina’s, onderwerpen en routes binnen een website logisch zijn georganiseerd en met elkaar verbonden.

Verder lezen

Scroll naar boven