Ein Mock Up ist ein visueller Entwurf, der zeigt, wie eine Website oder eine App später aussehen soll. Er enthält bereits Farben, Schriftarten, Bilder, Navigationselemente und das grundsätzliche Seitenlayout. In der professionellen Webentwicklung dient es als verbindliche Vorlage für das spätere Interface Design.
Im Unterschied zu einem groben Wireframe ist ein solcher Entwurf deutlich konkreter. Er bildet Designentscheidungen realistisch ab und eignet sich hervorragend für Abstimmungen mit Projektbeteiligten. Full Stack Entwickler nutzen das Mock Up, um Module effizient umzusetzen und den Übergang vom Design zum funktionierenden Code vorzubereiten.
Gerade im UX Design unterstützt ein gut durchdachtes Mock Up die Nutzerführung. Es zeigt, wie Elemente angeordnet sind und welche Abläufe im späteren Produkt vorgesehen sind. Auf dieser Basis lassen sich frühzeitig Anpassungen vornehmen, noch bevor Entwicklungsressourcen gebunden werden.
Wenn gewünscht, kann der Entwurf auch zu einem klickbaren Prototypen erweitert werden. Doch selbst ohne Interaktion vermittelt das Mock Up bereits einen konkreten Eindruck vom Look und Feel der finalen Anwendung.