Wireframes

Wireframes.


Was sind Wireframes? Mit „Wireframes“ bezeichnet man eine stark vereinfachte Visualisierung von Elementen, aus denen die Webseiten bestehen. Man könnte das Wort mit „Drahtgitter“ übersetzen. In dieser Phase wird das Seitenlayout mit einfachen Linien, Rechtecken und anderen Strickelementen quasi „gescribbelt“.  Das kann mit der Hand als einfache Skizze auf Papier erfolgen, oder aber mit einem dafür geeigneten Programm, wie Axure, Sketch oder Invision. Das mag zunächst vielleicht etwas banal erscheinen, ist aber für die effiziente Arbeit im Projekt extrem wichtig und nützlich. In diesem Prozess fliessen alle Überlegungen hinsichtlich der Bedienbarkeit einer Website und der Funktion der Website ein.

 

Abb. Wireframe
Darstellung eines Wireframes.

Was soll die Webseite erreichen? Welche Inhalte soll der User in welcher Reihenfolge sehen, wie wird der User genau dahin geleitet, wo der Webseitenbetreiber ihn haben möchte? Schließlich hat eine Webseite auch einen bestimmten Zweck bzw. ein oder mehrere Ziele. Der strukturelle Aufbau einer Website muss aber auch aus User-Sicht durchdacht werden. Schließlich sollen Informationen, die der User sucht, leicht gefunden werden, der Überblick über und die Navigation durch die Seiten muss so einfach sein, dass der User sie im besten Fall intuitiv richtig bedient. Man spricht hier auch von der User-Experience. Also die Erfahrung, die der User mit der Seite hat.

 

Weiterhin wird in dieser Phase ebenso der Aufbau, die Navigation und die Inhalte für verschiedene Screengrößen, bzw. Endgeräten geplant. In der Regel ist das der Desktop-Rechner oder das Laptop, das Tablet und das Smartphone. Der zur Verfügung stehende Platz auf den unterschiedlichen Geräten, aber auch die Besonderheiten der Bedienung, bspw. mittels Tastatur oder auf einem Touchscreen mit Fingergesten. Es liegt auf der Hand, dass es keinen Sinn macht, eine Desktop-Webseite einfach 1:1 zu skalieren und kleiner anzeigen zu lassen. Vielmehr müssen ganze Inhaltsblöcke anders gesetzt werden, Schriften vergrössert werden, die Navigation verändert werden und, und, und. All dies wird ebenfalls in der Phase der Wireframies bereits vorausgedacht.

Vereinbaren Sie jetzt Ihr Beratungsgespräch - kostenlos!

Sie erreichen mich von Montag bis Freitag zwischen 10 - 18 Uhr - Tel. 0177/4643158

Angebot anfordern