Mockup

Ein Mockup ist eine pixelgenaue, statische Darstellung des finalen Designs einer Website oder App - inklusive Farben, Typografie, Bildern und Branding. Im Gegensatz zu Wireframes (strukturell) oder Prototypen (interaktiv) zeigt ein Mockup genau, wie die fertige Anwendung visuell aussehen wird. Mockups sind das Endergebnis der Design-Phase und dienen als Vorlage für die Entwicklung.

Mockups werden in Design-Tools wie Figma, Sketch oder Adobe XD erstellt und beinhalten alle visuellen Details: Farbpalette, Schriftarten, Spacing, Iconografie und Bildmaterial. Sie ermöglichen es Stakeholdern, das finale Erscheinungsbild zu beurteilen und Feedback zu geben, bevor die Entwicklung beginnt. Oft werden Mockups in verschiedenen Ansichten erstellt (Desktop, Tablet, Mobile), um Responsive Design zu demonstrieren.

Der Unterschied zu Prototypen: Mockups sind statisch, während Prototypen interaktiv und klickbar sind. In der Praxis werden oft Mockups in Prototypen umgewandelt, um sowohl visuelles Design als auch User Flow zu demonstrieren. Mockups sind essenziell für die Qualitätssicherung - sie stellen sicher, dass Design und Entwicklung aligned sind.