Wireframes
Benutzerfreundlichkeit schon im Voraus optimieren
Ein „Wireframe” ist ein Element, das bei der Erstellung von Webseiten-Konzepten verwendet wird. Es handelt sich um repräsentative Teile der Informationsarchitektur. Wireframes konzentrieren sich auf die genaue Anordnung der Inhalte einer Webseite, ohne konkrete grafische Darstellungen wie Farben, Schriften oder Bilder zu berücksichtigen.
Dadurch wird der Fokus auf die Art des Contents, die Struktur der Webseite und deren Benutzerführung gelegt. Es soll die Interaktion des Benutzers mit der Seite sichtbar gemacht werden. Das strukturelle Modell, das mit den Wireframes entsteht, ist auch die Vorlage für das spätere Mock-up und den Prototyp der Webseite.
Deshalb sind Wireframes wichtig
Wireframes unterstützen den Entstehungsprozess von Webseiten. Die Benutzerführung steht stark im Vordergrund, um die Benutzerfreundlichkeit bereits im Voraus zu optimieren. Dazu gehört, wie die Informationsaufnahme unterstützt werden kann und auch die ideale Anordnung von Menüs und Breadcrumbs.
Es handelt sich um einen Entwurf, der grobe Strukturen und Anordnungen darstellt, um ein gutes Gesamtbild der Webseite zu vermitteln.
Arten von Wireframes
Wireframes werden in zwei Arten unterschieden:
Bei einem statischen Wireframe handelt es sich um eine schematische Darstellung von nur einer einzelnen Webseite. Für diese eine Webseite, werden die grundlegenden Elemente festgehalten. Das Layout des statischen Wireframes sollte konzeptionell sein. Es ist nicht notwendig und auch gar nicht gewünscht ein vollendetes Design abzuliefern.
Dynamische Wireframes bestehen aus mehr als einer Seite. Die einzelnen Seiten werden interaktiv miteinander verknüft und bilden einen funktionellen Prototypen. Bei einem dynamischen Wireframe kannst du also von einer Seite zur nächsten navigieren.