Een wireframe is een vereenvoudigde lay-outschets die de structuur laat zien zonder visueel ontwerp. Geen kleuren, geen foto's, geen gepolijste typografie. Alleen vakjes, lijnen en placeholder-tekst. Het doel is om te bepalen waar elementen komen te staan ​​voordat er wordt besloten hoe ze eruitzien. Wireframes geven antwoord op vragen over hiërarchie, navigatie en contentflow. Ze zijn goedkoop te maken en gemakkelijk aan te passen.

Ontwerpers tekenen wireframes met de hand, in tools zoals Figma of Sketch, of met speciale apps. Low-fidelity wireframes gebruiken ruwe vakjes en gekrabbelde labels. High-fidelity wireframes voegen echte inhoud en een preciezere afstand toe, maar vermijden nog steeds kleur en afbeeldingen. Teams gebruiken wireframes om belanghebbenden in een vroeg stadium op één lijn te krijgen. Een klant die bezwaar maakt tegen het verplaatsen van een knop in een wireframe bespaart iedereen de moeite om later een afgewerkt scherm opnieuw te bouwen.

Wat wireframes laten zien

• Plaatsing van de belangrijkste paginaonderdelen.
• Navigatiestructuur en menu-items.
• Inhoudshiërarchie en -groepering.
• Interactieve elementen zoals knoppen en formulieren.

Wireframes zijn geen blauwdrukken. Het zijn hulpmiddelen voor communicatie. Het doel is om overeenstemming te bereiken over de structuur voordat iemand tijd besteedt aan het uiterlijk.