Wireframe, Mockup & Prototyp
Ein Wireframe ist ein bewusst grauer Strukturentwurf, der Inhalte und Reihenfolge einer Seite klärt; ein Mockup zeigt dieselbe Seite fertig gestaltet mit Farben, Schriften und Bildern; ein Prototyp verknüpft mehrere Ansichten klickbar, sodass sich ein Ablauf vor der Programmierung testen lässt.
In der Praxis
Die Reihenfolge ist der eigentliche Nutzen: Solange nur Graustufen zu sehen sind, diskutieren alle über Inhalt und Priorität – sobald Farben im Spiel sind, dreht sich das Gespräch um Geschmack. Nutzen Sie diese Phase, um unbequeme Fragen zu klären: Was muss ein Besucher auf dieser Seite tun, und was steht dem im Weg? Ein klickbarer Prototyp ist besonders bei Formularen, Konfiguratoren und Buchungsstrecken sinnvoll, weil sich Denkfehler dort im Entwurf für einen Bruchteil der Kosten beheben lassen. Zeigen Sie den Prototyp zwei oder drei Personen außerhalb des Projektteams; das deckt erfahrungsgemäß mehr auf als eine weitere interne Abstimmungsrunde. Verwechseln Sie einen Prototyp aber nicht mit einer fertigen Website: Er sieht funktionsfähig aus, hat aber keine Datenbank, keine Anbindungen und keine echte Verarbeitung dahinter.