Zum Inhalt springen

Wireframe

Ein Wireframe zeigt die Struktur einer Seite oder Ansicht. Er hilft bei der Anordnung von Inhalten, ohne einen fertigen Ablauf zu beweisen.

Auch bekannt alsStrukturskizze
Design & UX

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

Beiträge zum Thema

Design & UX mit ASES

Nutzererlebnis, Oberflächen und Markenauftritt