Was ist Storyboarding im Webdesign?

...

Ein Storyboard kann helfen, eine organisierte Website zu gestalten.

Wenn sich die Ersteller einer Website im Designprozess befinden, ist das Storyboarding oft Teil der Anfangsphase. Ein Storyboard ist eine Möglichkeit, ein Gefühl dafür zu bekommen, wie die Website aussehen, sich anfühlen und sich verhalten wird, bevor sie in die offizielle Design- oder Copy-Writing-Phase gelangt. Sowohl kreative als auch technische Fachleute verwenden Storyboards, die den Design- und Entwicklungsprozess rationalisieren können.

Format

Ein Website-Storyboard beginnt normalerweise mit einer Reihe leerer Rechtecke auf einer Seite, eines für jede Seite der Website. Je nach Unternehmen und Designern kann in der Nähe der leeren Tafeln Platz für Notizen oder Fragen erscheinen. Ein Informationsdesigner, Grafikdesigner oder Webdesigner füllt das Storyboard mit einer grundlegenden Skizze jeder Seite aus, um zu demonstrieren, wie sie aussehen und sich anfühlen wird. Es kann so einfach sein wie Kästchen auf der Seite oder so komplex wie eine vollständige Skizze. Storyboards helfen einem Designteam und/oder Kunden, das gleiche Verständnis davon zu erlangen, was die Seite derzeit tun wird, und erste Änderungen am grundlegenden Design vorzunehmen.

Video des Tages

Wireframe-Diagramm

Eine der wichtigsten Aufgaben eines Storyboards besteht darin, ein grundlegendes Wireframe-Diagramm bereitzustellen, wie jede Seite aussehen wird. Das Diagramm sollte gerade genug Informationen enthalten, um ein Gefühl dafür zu geben, wie viel Platz jedes Element auf der Seite haben sollte. Zu den Elementen in einem Basisdiagramm gehören die Navigationsleiste, Hauptlinks, Bildbereich und Platz für Website-Kopien. Ein Wireframe-Diagramm ist ein nützlicher Bestandteil bei der Bewertung der Informationshierarchie einer Seite. Mit einem visuellen Layout ist es einfacher zu erkennen, ob die Hauptelemente genügend Platz haben, um die Aufmerksamkeit der Zuschauer zu erregen.

Website-Verhalten

Das Layout einer Website bestimmt oft die Art und Weise, wie Benutzer mit ihr interagieren und wie sie zu verschiedenen Teilen der Website gelangen. Ein Storyboard kann die Bewegungsrichtung durch die Website anzeigen, indem es die verschiedenen Schaltflächen und Links auf jeder Seite anordnet. Bei der Vorschau einer Website mithilfe eines Storyboards suchen Experten beispielsweise nach Links, die ohne sichtbar sind der Benutzer muss nach unten scrollen, klare Navigationsschaltflächen und eine begrenzte Anzahl von Auswahlmöglichkeiten, damit die Benutzer dies nicht tun müssen überwältigt. Das Storyboard sollte einen Eindruck von der Gesamtorganisation und Struktur der Website vermitteln und zeigen, wie alle Seiten zusammenarbeiten.

Information

Eine leistungsstarke Website bietet nur so viele Informationen, wie der Benutzer auf einmal verarbeiten kann. Ein Storyboard hilft dabei, den Text und die Bilder so zu segmentieren, dass der Leser Stück für Stück hineingezogen wird. Durch das Layout jeder Seite können Designer ein Gefühl dafür bekommen, wie viele Informationen angezeigt werden sollen. Die meisten Storyboards enthalten nicht den tatsächlichen Text und die Bilder, die auf der Site vorhanden sein werden, bieten jedoch eine allgemeine Skizze, die das Layout, die Linienbreite und eingebettete Links zeigt.