Sind Storyboards das fehlende Glied in Ihrem User Experience Design-Prozess?
Veröffentlicht: 2017-05-09Storyboards … das ist es, was Drehbuchautoren verwenden, um Filme und Fernsehsendungen zu erstellen, oder? Ja, das stimmt, aber Storyboards sind nicht auf die Welt der fiktiven Unterhaltung beschränkt. Sie können auch eine wichtige Rolle in Ihrem User Experience Design-Prozess spielen.
In diesem Beitrag gehe ich auf alles Storyboards ein. Ich beginne mit einer einfachen Definition und arbeite daran, wie Sie Storyboards verwenden können, um die Journeys Ihrer Benutzer in Ihrem Projekt zu gestalten und so eine bessere Benutzererfahrung zu gestalten.
Was sind Storyboards?
Storyboards sind ein ziemlich einfaches Konzept. Im Grunde sind es einfache Illustrationen, die sich sequentiell durch eine Geschichte bewegen. Wie ich bereits erwähnt habe, sind sie vor allem für ihre Verwendung als Werkzeug zur Entwicklung der Handlungsstränge für Filme und Theaterstücke bekannt.
Für eine unterhaltsame Visualisierung der Funktionsweise von Storyboards bei der Anwendung auf Filme hat Flavorwire eine Liste von Storyboards aus einigen berühmten Filmen zusammengestellt. Erinnerst du dich an die berühmte Duschvorhang-Szene aus Psycho? So sah es in Storyboard-Form aus:

Aber Storyboards sind nicht nur nützlich, um fiktive Handlungen zu entwerfen. Sie sind auch zu einer beliebten Methode geworden, um zu visualisieren, wie ein echter Mensch eine Website oder App erlebt.
Wenn es um Ihre Website oder App geht, folgt ein Storyboard im Grunde der gesamten Reise einer bestimmten Benutzerpersönlichkeit, beginnend damit, dass sie mit einem Problem zu kämpfen hat, bis sie mit Ihrer Kreation interagiert und eine positive Lösung erlebt.
Wichtig ist, dass Ihr Storyboard eine reale Person mit einem realen Problem in einer realen Umgebung darstellt . Storyboards sollten sich immer authentisch und realitätsnah anfühlen.
Wie könnte das also in der Realität aussehen? Hier ist ein Beispiel von Chelsea Hostetter vom Austin Center for Design:

Beachten Sie, wie Chelseas Storyboard eine vollständige Geschichte von Anfang bis Ende darstellt? Es konzentriert sich nicht nur auf Susans Verwendung der Heartline-App. Es beginnt mit einer realen Lebenssituation, gipfelt darin, dass Susan die App verwendet, um sich mit Tom zu verbinden, und endet mit der realen Lösung des Problems.
Wie helfen Storyboards, das User Experience Design zu verbessern?
Heutzutage liegt ein großer Fokus auf Big Data. Und obwohl kalte harte Daten sicherlich wertvoll sind, entfernen sie den Menschen vollständig aus dem Designprozess. Storyboarding kann helfen, dieses menschliche Element wieder in das Design einzubringen.
Beim Storyboarding haben Sie echte Menschen, die echte Aktionen ausführen, anstatt abstrakte Funktionsbeschreibungen oder Analysedaten.
Neben dem menschlichen Element macht es Ihnen Storyboarding auch leicht, Ihre Ideen schnell zu überarbeiten und zu wiederholen. Da Sie lediglich den Prozess skizzieren, müssen Sie viel weniger Zeit investieren, als Sie benötigen würden, um einen funktionierenden Prototyp mit derselben Funktionalität zu erstellen.
So können Sie Änderungen schneller ausrollen, als dies mit einem Prototyp möglich wäre.
Tipps zum Erstellen Ihres ersten Storyboards
Sie müssen kein professioneller Illustrator sein, um ein Storyboard zu erstellen, aber es gibt einige Strategien, die Sie befolgen sollten, um Storyboards zu erstellen, die für Ihren Designprozess tatsächlich hilfreich sind.
Denken Sie daran, Ihr Ziel ist es, etwas zu schaffen, das authentisch und überzeugend ist. Gehen Sie bei Bedarf zurück und sehen Sie sich das Heartline-Beispiel noch einmal an. Beachten Sie, wie die Geschichte:
- Ist voller menschlicher Emotionen
- Konzentriert sich auf das gesamte Szenario, nicht nur auf den Teil, in dem die Charaktere Ihr Produkt verwenden
- Hat eine klare Auflösung
Obwohl das Endprodukt von Chelsea ein gutes Beispiel ist, müssen Sie nicht direkt von einer leeren Seite zum vollständig ausgearbeiteten Storyboard wechseln.
Stattdessen hilft es, sich langsam zu diesem Endprodukt aufzubauen.
Denken Sie zunächst daran, dass Ihr Ziel darin besteht, Folgendes zu erreichen:
- Authentische Charaktere
- Ein echtes Lebensproblem
- Ein logischer, authentischer Weg, dieses Problem über Ihr Produkt zu lösen
- Eine tatsächliche Auflösung am Ende des Storyboards
Um sicherzustellen, dass Sie alle diese Elemente treffen, ist es einfacher, mit einfachen Textbeschreibungen zu beginnen, die die Grundlagen der Geschichte skizzieren. Verbinden Sie sie in einem Erzählbogen, aber machen Sie sich noch keine Sorgen, dass Sie zu tief in die Tiefe gehen.

Gehen Sie dann zurück und schreiben Sie Ihre Geschichte neu, indem Sie detailliertere Emotionen einbringen. Was fühlen Ihre Charaktere in jeder Phase der Reise? Sind sie glücklich? Traurig? Gleichgültig?
Sobald Sie die Erzählung und Emotionen in Klartext skizziert haben, können Sie dies in ein tatsächliches Storyboard übersetzen. Zerlegen Sie dazu jede Handlung der Geschichte in einen einzelnen Rahmen und skizzieren Sie diese mit echten Illustrationen.
Wenn Sie über die künstlerischen Fähigkeiten verfügen, versuchen Sie, beim Zeichnen Ihres Storyboards tatsächlich Emotionen in Ihre Illustrationen zu bringen.
Tools zum Erstellen von Storyboards
Bevor ich zu sehr auf einige Tools eingehe, die Ihnen beim Erstellen von User-Experience-Storyboards helfen, sollte ich mit der Tatsache beginnen, dass Sie wahrscheinlich bereits genügend Tools irgendwo in einem Schrank sitzen haben.
Das heißt – Sie brauchen nicht unbedingt etwas Ausgefallenes, um ein Storyboard zu erstellen. Es ist völlig in Ordnung, mit Stift und Papier in Lo-Fi zu gehen, wenn Sie der einzige sind, der sich Ihr Storyboard ansieht. Oder Sie können immer einen digitalen Ansatz verfolgen, indem Sie beispielsweise PowerPoint verwenden, um eine zusammenhängende Geschichte zu erstellen.
Wenn Sie jedoch mit anderen Teammitgliedern zusammenarbeiten möchten, möchten Sie vielleicht Storyboards erstellen, die etwas ausgefeilter und professioneller aussehen, als es Stift und Papier oder PowerPoint zulassen. In solchen Situationen können die folgenden Tools helfen…
Storyboard Das
Anstatt von Hand zu skizzieren, können Sie mit Storyboard That Frame-by-Frame-Storyboards mit vorgefertigten Drag-and-Drop-Elementen erstellen. Sobald Sie Ihre Geschichte mit Klartext skizziert haben, können Sie diese Elemente verwenden, um ein ausgefeilteres Endprodukt zu erstellen.
Das Tool ist relativ einfach zu bedienen. Alles, was Sie wirklich tun müssen, ist:
- Wählen Sie einen Hintergrund für Ihre Szene
- Zeichen hinzufügen
- Bringen Sie Text oder Gegenstände ein
Zum Beispiel konnte ich dieses grundlegende Storyboard in nur wenigen Minuten erstellen:

Ich bezweifle zwar, dass ich einen Storyboard-Wettbewerb gewinnen werde, aber es ist viel schneller als das Skizzieren von Hand (zumindest für mich). Der einzige Nachteil ist, dass Sie die Fähigkeit verlieren, Emotionen mit dem Gesichtsausdruck Ihrer Charaktere auszudrücken.
Das grundlegende Storyboard That-Tool ist kostenlos, es gibt jedoch auch Premium-Pläne, die mehr Funktionen bieten.
Bretter
Boords ist ein raffinierteres High-Tech-Tool, mit dem Sie Storyboards aus vorhandenen Illustrationen erstellen können.
Obwohl es Ihnen nicht hilft, diese Illustrationen tatsächlich zu erstellen, hilft es Ihnen, sie anzuordnen, Notizen hinzuzufügen und Ihre Storyboards über das Internet oder PDF zu teilen:

Wenn Sie also planen, mit anderen an Ihrem Storyboard zusammenzuarbeiten, erleichtert Boords die Anpassung im Handumdrehen.
Es gibt einen grundlegenden kostenlosen Plan, mit dem Sie bis zu zwei Storyboards kostenlos haben können. Aber danach müssen Sie für Pro bezahlen.
Einpacken
Storyboards sind nicht nur für Filme und Theaterstücke. Sie helfen Ihnen, schneller zu iterieren, Ihre Benutzer besser zu verstehen und Ihrem gesamten Designprozess ein menschliches Gesicht zu verleihen.
Denken Sie daran – Ihre Storyboards müssen authentisch und überzeugend sein. Eine haarsträubende Situation zu skizzieren, in der Ihr Produkt die Welt rettet, mag sich gut anfühlen, aber das ist nicht das Ziel von Storyboarding. Bleiben Sie realistisch und konzentrieren Sie sich darauf, die ganze Geschichte von Anfang bis Ende zu erzählen.
Nun zu Ihnen – verwenden Sie Storyboards in Ihrem Designprozess? Wenn ja, denken Sie, dass sie die Zeit wert sind, die sie brauchen, um sie herzustellen?
Miniaturansicht des Artikels von CharacterFamily / shutterstock.com
