Ein Mockup ist ein realistischer, gestalteter Entwurf einer Benutzeroberfläche, der zeigt, wie das fertige Produkt aussehen soll. Es steht zwischen einfachem Wireframe und interaktivem Prototyp.
Was ein Mockup zeigt
- Konkretes Layout und Design
- Farben, Schriften und Bilder
- Realistische Inhalte statt Platzhalter
- Noch keine echte Interaktion
Warum Mockups nützlich sind
Ein Mockup macht das geplante Aussehen greifbar, bevor entwickelt wird. So lassen sich Design und Inhalte abstimmen und Feedback einholen, ohne Zeit in die technische Umsetzung zu stecken.
Beispiel aus der Praxis
Vor der Umsetzung einer Startseite wird ein Mockup erstellt, das Layout, Farben und Inhalte zeigt. Erst nach Freigabe beginnt die Entwicklung.
Typische Fehler
- Mockups mit Platzhaltertexten abstimmen
- Zu früh über Details statt über das Konzept diskutieren
- Mockup mit dem fertigen Produkt verwechseln
Abgrenzung: Mockup, Wireframe und Prototyp
Ein Wireframe zeigt die Struktur, ein Mockup das fertige Aussehen, ein Prototyp zusätzlich die Interaktion.
Weiterführende Begriffe
Sie planen ein komplexes IT-Projekt?
SABIC IT unterstützt Unternehmen und öffentliche Organisationen von der Projektinitialisierung bis zum Go-Live, strukturiert, transparent und mit klarem Fokus auf Ergebnisse.
Kostenloses Erstgespräch buchen