Wat is het verschil tussen een wireframe en een mockup?

Wireframe en mockup zijn verschillende fasen van visueel ontwerp van de interface:

• Wireframe is een schematische, vereenvoudigde weergave van de structuur van een pagina of scherm. Het toont de plaatsing van de belangrijkste elementen, hun onderlinge relaties en functionele blokken zonder gedetailleerd ontwerp. Wireframe helpt snel de logica en structuur af te stemmen.

• Mockup is een meer gedetailleerde en visueel dicht bij het uiteindelijke ontwerp. In de mockup worden kleuren, lettertypen, pictogrammen en andere stijlelementen al meegenomen. Het is een tussenstap tussen wireframe en prototype.

Voorbeeld: eerst wordt een wireframe gemaakt om te bepalen waar het menu, de knoppen en de inhoud komen, en vervolgens wordt een mockup gemaakt om te laten zien hoe het eruit zal zien vanuit ontwerp oogpunt.