Terug naar overzicht

Ook bekend als:

  • Wireframing
delen

Wireframe

Een wireframe is een schematische schets van de opbouw van een pagina, zonder kleuren of afbeeldingen.

Klik op de definitie om te kopieren

Een wireframe is een eenvoudige schetsversie van een website of app, zonder kleuren of afbeeldingen, waarin de opbouw en indeling van pagina’s zichtbaar wordt, bedoeld om structuur te bespreken voordat visueel ontwerp begint.

Belang voor UX

Een wireframe maakt het mogelijk om structuur en gebruiksvriendelijkheid te testen, voordat tijd geinvesteerd wordt in het definitieve visuele ontwerp, wat kostbare aanpassingen in een later stadium voorkomt. Door te focussen op enkel structuur, zonder visuele afleiding, blijft de discussie tijdens deze fase gericht op functionaliteit in plaats van esthetiek.

Aanpak

Wireframes worden meestal gemaakt in een vroege fase van een project, op basis van gebruikersonderzoek en de gewenste functionaliteit per pagina. Het bespreken van wireframes met belanghebbenden voordat het visuele ontwerp start, voorkomt dat structurele problemen pas laat in het proces ontdekt worden.

Voorbeeld in de praktijk

Een ontwerper maakt eerst een wireframe van de homepage, om de indeling te bespreken voordat het echte ontwerp start.

Klaar om online te groeien?

Plan een vrijblijvend kennismakingsgesprek. Wij denken graag met je mee en bespreken de opties.