Erklärung

Ein Wireframe (Drahtgitter) ist ein Hilfsmittel für die Konzeption von Websites. Beim sog. »wireframing« werden in sehr technischer, reduzierter Darstellungsweise die Elemente und Inhalte einer Website geplant. Das Visual Design tritt beim Wireframe völlig in den Hintergrund. Ziel des Wireframes ist es, die inhaltliche Struktur und den Aufbau einer Website, oder verschiedener Unterseiten, zu planen. Stark ausgestaltete Elemente oder Farben lenken in dieser Phase nur ab.

Mit Adobe Proto ersteller Wireframe
Mit Adobe Proto ersteller Wireframe – Bildquelle: Adobe

Wireframe vs. Clickdummy vs. Prototyp…

Ein Wireframe ist meist statisch und nicht responsiv. Wenn die einzelnen Screens eines Wireframes miteinander verknüpft werden, entsteht ein Clickdummy. Eine alternative Bezeichnung dafür ist Prototyp.

Aufgrund der reduzierten Darstellung, zählen Prototypen in Anmutung von Wireframes zu den sog. Low Fidelity-Prototypen. Wireframe sind klassische konzeptionelle Hilfsmittel. Clickdummies und Prototypen hingegen brechen die Grenze zwischen Konzeption und User Experience auf.


Ihr Kommentar zu dieser Frage

Ihr Kommentar zu dieser Frage

Bei Fragen, Anregungen oder Kritik zu dieser Frage, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: