Wireframes bieten kreative Spielräume im Webdesign. Sie bieten eine Möglichkeit unterschiedliche Layouts und Einordnung von Elementen auszuprobieren bevor es ins Interface Design übergeht.
Ein Wireframe ist ein wichtiges Bestandteil eines Designprozesses, der beim Aufbau einer Website zur Darstellung der inhaltliches Struktur eingesetzt wird. Beim Wireframing bleibt das Design im Hintergrund. Das hilft die Website zu planen ohne sich von Farben und Bildern ablenken zu lassen.
Die ersten Wireframes lassen sich schnell und einfach mit einem Stift auf dem Papier entwerfen. Später können Sie mit Hilfe von Wireframe-Tools digitalisiert werden um die Kommunikation mit den Kunden oder Projektbeteiligten zu vereinfachen bzw. um die Inhalte zu dokumentieren.
Einige Tools eignen sich hervorragend dafür, wie z.B. ProtoPie, Sketch, Omnigraffle, Axure, Mockplus.
Arten von Wireframes:
- Statische Wireframes: Dies ist eine schematische Darstellung einer einzelnen Seitenvorlage. Hier werden die grundlegenden Elemente der Seite festgehalten und stellen ein konzeptionelles Layout der Seite dar.
- Dynamisch: 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.