Voordat er ook maar een kleur of een lettertype wordt gekozen, schetst een goede ontwerper vaak eerst de kale opbouw van een pagina. Zo'n schets heet een wireframe: een tekening in grijstinten die laat zien waar de onderdelen komen, zonder de afleiding van vormgeving. Het lijkt een tussenstap die je kunt overslaan, maar juist die stap voorkomt veel gedoe later.

Eerst de structuur, dan de stijl

Een wireframe dwingt je om na te denken over wat er op de pagina moet en in welke volgorde, voordat je je laat verleiden door mooie kleuren. Klopt de opbouw, dan staat het fundament. Begin je meteen met opmaak, dan ga je vaak schuiven met dingen die er eigenlijk niet logisch staan, en dat kost extra tijd.

Discussie zonder afleiding

Laat je een gekleurd ontwerp zien, dan gaat het gesprek al snel over de tint van een knop. Met een kale schets blijft de aandacht bij wat telt: staat de juiste informatie op de juiste plek? Een wireframe maakt het makkelijker om over de inhoud en de volgorde te praten zonder dat de vorm de discussie kaapt.

Een wireframe is goedkoop om aan te passen. Een afgewerkt ontwerp omgooien kost veel meer tijd.

Fouten vroeg ontdekken

In een schets zie je snel of een pagina te vol wordt, of de belangrijkste boodschap wel opvalt en of de volgorde klopt. Dat soort dingen aanpassen in een ruwe tekening kost een paar minuten. Hetzelfde aanpassen in een bijna af ontwerp kost uren. Vroeg schetsen bespaart later werk.

Het hoeft niet mooi te zijn

Een wireframe mag een ruwe pentekening op papier zijn. Het gaat niet om de schoonheid, maar om het denkwerk. Sterker nog, hoe ruwer de schets, hoe makkelijker iedereen durft te zeggen dat iets anders moet. Een te nette schets voelt al snel als af, terwijl je juist nog wilt schaven.

Ook handig voor jezelf

Wil je zelf nadenken over je site, dan is schetsen ook zonder ontwerper waardevol. Teken de belangrijkste pagina's grof uit op papier en je merkt meteen wat ontbreekt of wat te veel is. Het scherpt je gedachten voordat er iets gebouwd wordt.

Wil je je site doordacht opbouwen, van schets tot eindresultaat? Neem contact op.

Verder lezen: Een moodboard maken · Een designsysteem voor klein bedrijf