Mockups & Wireframes
Mockups und Wireframes sind zumeist der erste Schritt, um Ideen zu veranschaulichen und sich Strukturen vor Auge zu führen.
Mockups
Mockups können dabei selbstverständlich etwas komplexer ausfallen und bereits Interaktionen und konkrete Ausarbeitungen enthalten. Ist das der Fall, kann man dann allerdings auch wieder von Prototypen oder Screen- designs sprechen. In diesem Fall ist ein Mockup keineswegs die Veranschaulichung eines bereits konkret gewor- denen Vorschlags, sondern die Skizzierung einer Idee, wie etwas beispielsweise aussehen könnte. Am Beginn ei- nes kreativen Prozesses kann man dann eine Vielzahl von kreativen Ideen, indem man sie mit Hilfe von Mockups darstellt, auf einige wenige herunterbringen.
Wireframes
Ein Wireframe ist die Ergänzung von Mockups um einen „Roten Faden“. Es werden verschiedene „States“ des User Interfaces skizziert und gegebenfalls mit Linien sinngemäß verbunden. Anhand eines Wireframes kann also nachvollzogen werden, wie sich das Design während der Benutzung anpasst. Es ist quasi die Kombination aus Seiten-Mockups und einer Sitemap. Dazu: Eine Sitemap ist nur die Veranschaulichung einer Seite und erfolgt meistens mit bloßem Text und Linien.
