Kurz gesagt: Ein Wireframe ist eine vereinfachte Darstellung der Struktur eines Bildschirms ohne finale Gestaltung. Er dient dazu, Hierarchie, Inhalte, Bedienelemente und die Abfolge der Schritte zu überprüfen.
Wie ich Wireframes in der Praxis einsetze
Mit einem Wireframe beginne ich bei der Aufgabe des Besuchers, nicht bei der Idee des Designers. Ich gehe den Ablauf auf einem kleinen Mobilgerät, mit einer Tastatur und über eine langsame Verbindung durch und beobachte anschließend, wo Menschen zögern oder Fehler machen. Jede Anpassung sollte einen Grund, ein messbares Signal und den kleinstmöglichen Eingriff haben, damit ihre Wirkung erkennbar bleibt.
Worauf Sie achten sollten
Der häufigste Fehler besteht darin, mehrere Dinge gleichzeitig ohne Ausgangsbasis zu ändern. Dann lässt sich nicht feststellen, ob das Wireframe tatsächlich geholfen hat. Eine einzelne Kennzahl erklärt ohne Beobachtung ebenfalls nicht, warum Menschen zögern oder die Seite verlassen.
Fragen für Entscheidungen
- Welche Aufgabe möchte die Person auf der Seite erledigen?
- Wo könnte sie zögern, einen Fehler machen oder den Kontext verlieren?
- Funktioniert die Lösung auf Mobilgeräten, mit einer Tastatur und in einem langsamen Netzwerk?
- Welches Signal zeigt, dass die Änderung wirklich geholfen hat?