Wireframing ist eine Technik, die von Website-Designern seit geraumer Zeit mit großem Erfolg eingesetzt wird, da sie die Vorteile von Low-Tech-Geschwindigkeit und -Günstigkeit mit einer Effektivität und Klarheit verbindet, die sie zu einem äußerst nützlichen und flexiblen Werkzeug in den frühen Phasen des Website-Designs und der Entwicklung macht.
Die grundlegende Funktion eines Wireframes ist die Darstellung eines praktikables und verständliches Modell der Struktur, der Benutzeroberfläche und des Inhalts einer Website und vermitteln eine gute Vorstellung von Funktionalität, Benutzerfluss und anderen Merkmalen, die sowohl für Designer als auch für andere interessierte Parteien in der frühen Entwicklungsphase hilfreich sein können.
Wireframes werden oft mit speziellen Softwarepaketen entwickelt und bereitgestellt, können aber auch als einfache Zeichnungen auf Papier oder einem Whiteboard erstellt werden (oder zumindest so beginnen, bevor sie in ein anspruchsvolleres Medium überführt werden). Die Bausteine eines Wireframes sind in der Regel einfache Kästchen, Linien, Text und schattierte Bereiche, um den Inhalt, die Grafiken, die Funktionalität und die Beziehung und den Verlauf zwischen ihnen darzustellen. Typografische Hierarchien und Layouts können ebenfalls in der Struktur dargestellt werden.
Zwei Arten von Wireframing:
- Die einfache Vektor-Drahtgitter ? eine Reihe von gezeichneten Bildschirmen, die grob die Hauptelemente der Website darstellen, mit Platzhaltern für Grafiken, Text, Funktionen usw. und mit einer groben Architektur, die um sie herum aufgebaut ist, um die Navigation und die funktionalen Beziehungen zu beschreiben. Eine ausgefeiltere Version kann Text, Kommentare zu Funktionen und Inhalten sowie aktuelle Bilder und Grafiken enthalten.
- Die UI-Drahtgitter ? eine statische Version der Website; die Seiten selbst sind also ziemlich endgültige Versionen der tatsächlichen Seiten der Website, aber sie sind nicht verlinkt oder interaktiv, so dass sie nur den Inhalt und die Beziehungen zu anderen Teilen der Website zeigen. Es ist auch möglich, anklickbare Wireframes zu erstellen, bei denen die Tester und die an der Entwicklung beteiligten Parteien zwischen den groben Seiten und Überschriften klicken können, um die Navigationsfähigkeit, die Logik der Links und die Verständlichkeit des Ablaufs zu testen.
Die Vorteile des Wireframing:
- Es ist schnell, einfach, billig und leicht zu ändern, so dass es ein gutes Konzeptions- und Diskussionsinstrument ist;
- Da man sich auf die Funktionalität und nicht auf das Aussehen konzentriert, gibt es weniger Ablenkungen von den strukturellen Zusammenhängen und die Entwickler und Mitwirkenden verzetteln sich nicht so sehr in Kommentaren zu Aussehen, Beschreibungen, Layout usw.
- Sie bietet eine sichtbare, flexible und brauchbare Grundlage für Experimente und Diskussionen über Architektur und Navigation sowie ein Mittel zur Bearbeitung von Ideen und Fragen, die sich aus der Debatte ergeben.
Die möglichen Nachteile:
- Da es sehr grob und wenig explizit ist, erfordert es eine gewisse Vorstellungskraft und Anstrengung von Seiten des Betrachters;
- Da es sich im Allgemeinen um ein technologiearmes System handelt, ist es recht restriktiv und kann nur grobe Illustrationen und Konzepte in einer primitiven Umgebung liefern.
Wireframing ist ein sehr effektives Werkzeug bei der Planung und Entwicklung von Websites. Wenn Sie mehr über diese Technik wissen möchten Rufen Sie uns doch einfach an unter +44(0)800 024624 oder senden Sie uns eine E-Mail an hello@ux247.com