Wireframe
Ein Wireframe zeigt die Struktur einer Seite oder Ansicht. Er hilft bei der Anordnung von Inhalten, ohne einen fertigen Ablauf zu beweisen.
Ein Wireframe ist eine vereinfachte Darstellung der Struktur einer Seite oder Bildschirmansicht. Er zeigt etwa, wo Navigation, Inhalte und Bedienelemente liegen und welche Information hervorgehoben werden soll. Die visuelle Ausarbeitung kann dabei bewusst knapp bleiben.
Wofür die Skizze reicht
In einem hypothetischen Kundenportal ordnet ein Wireframe die Dokumentensuche über der Ergebnisliste an. So lässt sich die vorgesehene Informationsverteilung besprechen, bevor Details gestaltet werden.
Die Zeichnung allein zeigt nicht, wie eine Suche reagiert oder wohin ein Link führt. Dafür braucht es ergänzende Beschreibungen, einen Ablauf oder einen interaktiven Prototyp. Ein Wireframe ist auch keine technische Vorgabe für jede Bildschirmgröße und kein Beleg für eine verständliche Bedienung.
Quellen
Verwandte Begriffe
- User InterfaceDas User Interface ist die Schnittstelle zur Bedienung eines Systems. Beschriftungen und Rückmeldungen gehören ebenso dazu wie die sichtbare Gestaltung.
- PrototypEin Prototyp macht einen Entwurf für eine bestimmte Frage prüfbar. Seine Form und sein Umfang richten sich nach der Unsicherheit, die geklärt werden soll.
- Interaktiver PrototypEin interaktiver Prototyp reagiert auf ausgewählte Handlungen. Er kann einen Bedienweg zeigen, ohne die echte Verarbeitung dahinter nachzubilden.
- FokusreihenfolgeDie Fokusreihenfolge bestimmt den Weg durch fokussierbare Elemente. Sie soll Bedeutung und Bedienbarkeit auch bei dynamischen Änderungen erhalten.
- FokusfalleIn einer Fokusfalle bleibt die Tastaturbedienung in einem Bereich stecken. Eine absichtliche Begrenzung im Dialog braucht einen bedienbaren Ausgang.
- Sprunglink zum HauptinhaltEin Sprunglink führt an wiederholter Navigation vorbei zum Hauptinhalt. Das Ziel muss auch für die anschließende Tastaturbedienung stimmen.
Beiträge zum Thema








Design & UX mit ASES
Nutzererlebnis, Oberflächen und Markenauftritt

