# Prototypen
# Storyboard
- Zweck
- Den Ablauf einer Interaktion mit der Anwendung visualisieren
- Zeitaufwand
- 1 Stunde bis 1 Tag
- Beteiligte
- Design-Thinking-Team
- Erfahrungsstufe
- Fortgeschritten
# Darum geht's
Mit einem Storyboard können Nutzungserfahrungen mit einer Anwendung, Dienstleistung oder einem Produkt bereits in einer frühen Projektphase skizzenhaft visualisiert werden. Mithilfe von Bildern, Zeichnungen und/oder Collagen erzählt ein Storyboard die einzelnen Schritte einer Interaktion. Im Gegensatz zu Wireframes, die einzelne Ausschnitte einer Anwendung zeigen, dienen Storyboards der Abbildung einer Interaktion aus der Sicht eines Nutzers meist in Form eines Comics. Storyboards bilden Nutzungsanforderungen in ihrem ganzheitlichen Kontext ab und machen diese nachvollziehbar. Es sollen Diskussionen provoziert werden über mögliche Schwachpunkte oder Verbesserungsmöglichkeiten. Storyboards ermöglichen es die Perspektive des Nutzers zu visualisieren und gegebenenfalls nützliches Feedback zu erhalten. Außerdem dienen Storyboards der Kommunikation innerhalb des Entwicklungs-Teams und sorgen für ein gemeinsames Verständnis.
# Das ist das Ziel
Skizzenhafte Visualisierung eines Ablaufs einer Interaktion mit der Anwendung.
# So macht man's
- Konkretisiere Thema und Botschaft, die du durch die Geschichte ausdrücken möchtest. Als Grundlage dienen die Ergebnisse aus der Empathie-Phase sowie evtl. vorhandene Artefakte aus der Definieren-Phase.
- Lege die Akteure deiner Geschichte fest.
- Wähle welche Interaktion visualisiert werden soll und was die einzelnen Schritte sind.
- Schreibe die gesamte Geschichte in einem Drehbuch nieder.
- Unterteile die Geschichte in einzelne Abschnitte (Szenen).
- Entscheide dich für eine geeignete graphische Darstellung (Zeichnung, Fotos)
- Fertige für jede Szene ein Bild an.
- Begrenze dich auf 6 bis 12 Bilder.
- Nutze das Storyboard, um deine Geschichte effizient und effektiv zu erzählen.
# Wann du's brauchst
Ein Storyboard bietet sich insbesondere in der frühen Prototyping Phase an, um Lösungsansätze im zugehörigen Kontext darzustellen und für andere nachvollziehbar zu machen.
# Hilfsmittel und Templates
- Papier und Stifte (z.B. dünner schwarzer Stift, dicker schwarzer Stift, grauer Textmarker)
- Vorlage für Storyboard
# Vorteile
Eine visuelle Darstellung ist zumeist verständlicher als eine textuelle Beschreibung einer Interaktion. Sie dienen damit der Generierung eines gemeinsamen Grundverständnisses innerhalb des Entwicklungs-Teams und können Verständnisprobleme vorbeugen. Abbildungen verschiedener Varianten können als Grundlage für Diskussionen, Gegenüberstellungen und Entscheidungen für eine Variante dienen. Außerdem schaffen Storyboards einen guten Überblick über die Anwendung und ihre Interaktionen.
# Nachteile
Wird die Darstellung sehr detailliert und umfangreich, so kann der Aufwand hoch sein.
# Das solltest du beachten
Um ein Storyboard entwerfen zu können muss man seine Benutzer und ihr Umfeld gut genug kennen. Darüber hinaus muss die Darstellung ausreichend gut gelingen, damit sie für Nutzer verständlich ist.
# Siehe auch
Vorangehende Methoden | Alternative Methoden | Anknüpfende Methoden |
# Quellen
- Curedale: Design Thinking: process and methods manual (opens new window) Design Community College Inc. ISBN: 9780988236240
- Lin, J. (1999) A visual language for a sketch-based UI prototyping tool (opens new window) In: CHI '99 Extended Abstracts on Human Factors in Computing Systems, New York: ACM, S. 298-299
- McQuaid, H. L., Goel, A., McManus, M. (2003) When you can't talk to customers: Using storyboards and narratives to elicit empathy for users (opens new window) In: Proceedings of the 2003 international conference on Designing pleasurable products and interfaces, New York: ACM, S. 120-125
- Troung, K. N., Hayes, G. R., Abowd, G. D. (2006) Storyboarding: An empirical determination of best practices and effective guidelines (opens new window) In: Proceedings of the 6th conference on Designing Interactive Systems (DIS), New York: ACM, S. 12-21.
- Storyboard - Methodenkarte des Mittelstand 4.0-Kompetenzzentrum Usability (opens new window)
- UCDtoolbox Storyboarding (opens new window)
- Vianna, Vianna et al: Design Thinking : Innovation im Unternehmen (opens new window) Logos-Verlag. ISBN: 3832534342