Wat is de mockup

Een mockup is niets anders dan een model (in schaal of op ware grootte) van een project in ontwikkeling.

Het is een tentoonstellingsmateriaal van een website, een grafiek, een verpakking of een nieuw concept voor een reclamecampagne.

Met andere woorden, het is de exacte replica van het voltooide project met details en versieringen die zijn gericht op het benadrukken van het eindresultaat.

Het wordt veel gebruikt in merkcommunicatie, zowel online als offline.

Verschillen tussen mockup, wireframe en prototype

De mockup is dus een soort model dat beschrijft hoe het eindproduct eruit zal zien.

In de wereld van het web wordt de term digiital mockup gebruikt om die specifieke mockup te beschrijven die zich richt op de grafiek van een website, een landingspagina of een applicatie.

In dit geval is de digitale mockup, in wezen, het model van een website gepresenteerd op verschillende apparaten zoals smartphones, tablets en wearables, of de complete grafiek van een applicatie.

Wie mockups maakt, wordt mockup artist genoemd.

Al voordat de mockup gemaakt wordt, wordt er vaak het wireframe gebruikt.

Ook dit type model è zeer gebruikelijk, vooral in de digitale wereld, en è een visueel schema in een embryonale fase dat een globaal idee geeft van hoe het eindproduct eruit zou kunnen zien.

De evolutie van de klassieke potloodschets, è zeer nuttig om te begrijpen hoe je de ruimtes kunt vullen en een basisstructuur kunt ontwikkelen.

Na het wireframe komt in de ontwerpfase de mockup met een volledige en zorgvuldige uitvoering van het project.

In sommige gevallen è ook het gebruik van een prototype nodig. In sommige sectoren, vooral in de industrie, is een grafische weergave van het product niet genoeg, maar is er ook een praktische versie nodig die de concrete functionaliteiten van het project onderzoekt en test: dit is het prototype.

Hoe een mockup te maken: nuttige gratis tools

Uitgaande van het idee dat een goede mockup gemaakt kan worden in Illustrator of Photoshop en dat voor de belangrijkste projecten de Adobe-suite Adobe Comp en, voor wireframes, Adobe XD beschikbaar zijn, zijn er veel uitstekende online tools, vaak gratis (betaald alleen als je bepaalde functies wilt ontgrendelen) die echt nuttig en compleet zijn voor het maken van een goede mockup: 

• Moqups: een complete bron, perfect voor digitale mockups zoals landingspagina's en applicaties.
• Invision: een van de meest bekende webbronnen om een professionele mockup te maken die zeker succesvol zal zijn. Er is een gratis versie met beperkingen en een volledige versie tegen goede prijzen.
• Marvel: met dit programma kun je hybriden tussen mockups en prototypes maken, want Marvel maakt ook de realisatie van overgangen tussen tabbladen mogelijk.
• Wireframe.cc: deze bron is uitstekend voor het creëren van professionele wireframes. Het is een soort geavanceerd interactief whiteboard voor de ontwikkeling van dit type interface. 

Samenvattend, de mockup is de replica van het eindproject zonder zijn interactieve functies. Het heeft kleuren, grafische elementen en de uiteindelijke uitstraling aan zijn zijde en het is uiterst belangrijk om je te concentreren op de details van het project die echt het verschil kunnen maken tussen de ene mockup en de andere.