Als Wireframe wird der konzeptionelle Entwurf einer Internetseite während der Planungsphase bezeichnet.

Anders als ein „Mock-up“ ‒ ein visueller Prototyp – wird der Begriff Wireframe (Drahtmodell) dazu benutzt, einen sehr frühen konzeptionellen Entwurf einer Website oder eines Software-Frontends darzustellen. Dabei spielt die Gestaltung und Funktion noch keine Rolle. Das Augenmerk liegt auf der Anordnung von Elementen und der Benutzerführung (UX, Benutzererfahrung).
Es gibt zwei Arten eines Wireframes:

  • Zum einen statische Wireframes: Dies ist eine schematische Darstellung einer einzelnen Seitenvorlage. Hier werden die grundlegenden Elemente der Seite festgehalten. Ein konzeptionelles Layout sollte erkennbar sein. Ein vollendetes Design ist nicht notwendig.
  • Des Weiteren gibt es auch dynamische Wireframes. Diese bestehen aus mehreren Seiten, die als funktioneller Prototyp interaktiv miteinander verknüpft sind. So ist eine Navigation von einer zur anderen Seite möglich. Dynamische Wireframes werden häufig durch einen beiliegenden Navigationsbaum oder ein Flussdiagramm ergänzt, welche beide die Struktur abstrahieren und leichter verständlich machen.

Es reicht also aus, grafische Komponenten nur sehr rudimentär abzubilden, da es bei einem Wireframe – sei es nun statisch oder dynamisch – in erster Linie um die Konzeption und nicht um das Design geht

 


Diese Webseite nutzt Cookies um Ihnen die beste Nutzererfahrung zu ermöglichen. Weitere Informationen finden Sie in unserer Datenschutzerklärung.