Was ist ein Mockup?
Mockups sind ein Mittel, um aus Ideen individuelle Webdesigns zu erstellen. Ein gut ausgearbeitetes Mockups kann sogar für Tests verwendet werden.
Hinweis: Dieser Artikel wird aktuell überarbeitet, da er unvollständig ist oder unsere Qualitätsansprüche nicht erfüllt.
Inhaltsverzeichnis
Mockups sind ein nützliches Mittel im Webdesign, um aus Ideen ein individuelles und passendes Design zu entwickeln.
Mockups, Skizzen oder Wireframes?
Als Basis für Mockups dienen häufig händischen Skizzen oder Wireframes. Häufig entsprechen sie bereits dem «Look and Feel» des fertigen Webdesigns. Je nach Grad der Ausarbeitung werden somit bereits die endgültigen Farben, Typographien, Bilder und Grafikelemente verwendet. In kleinen Projekten wird häufig auf Mockups verzichtet. Hierbei werden Templates direkt in HTML/CSS erstellt oder fertige Templates auf Wunsch und nach Möglichkeit angepasst.
In der täglichen Arbeit werden Wireframes und Mockups häufig verwechselt oder die Begriffe vermischt.
Vom Mockup zum Webdesign
Bei gut ausgearbeiteten Mockups ist es in der Regel nur noch ein kleiner Schritt zum Webdesign, welches schliesslich als Vorlage für die Programmierung dient. Umfangreiche, mehrteilige Mockups können auch als Basis für Prototypen verwendet werden. Diese verhalten sich fast identisch, wie die fertige Website oder Webapplikation. In professionellen Mockup-Tools sind solche Möglichkeiten bereits integriert und sogenannte Click-Dummies relativ kostengünstig realisierbar.
Mockups in der Praxis
In der Praxis kann festgestellt werden, dass Mockups von den fertigen Produkten manchmal kaum mehr unterschieden werden können. Ein grosser Vorteil davon ist, dass damit bereits vor der Programmierung ein eingehender Funktions- und Usability-Test vorgenommen werden kann. Nachteilig kann es sich auswirken, wenn die hohe Detailtreue zu Diskussionen über persönliche Vorlieben wie z.B. die Farbwahl oder über ein Bild führt statt über das Konzept.
