Benutzerfluss

Was ist ein Benutzerfluss?

Ein User Flow ist ein UX-Konzept (User Experience), das die Benutzeraktionen untersucht und dokumentiert, die ein typischer Benutzer benötigt, um eine bestimmte Aufgabe zu erledigen.

Ihr Benutzerflussdiagramm beschreibt, wie der Benutzer von einem Einstiegspunkt (oder mehreren Einstiegspunkten) über eine Reihe von verschiedenen Berührungspunkten zu einem erfolgreichen Ergebnis und einer abschließenden Aktion gelangt, z. B. dem Abschluss einer Anmeldung.

Es gibt keine einheitliche Methode zur Erstellung eines Benutzerflusses, aber viele Produktmanager und UX-Designer erstellen Benutzerflussdiagramme, indem sie mit Flussdiagrammvorlagen in Tools wie Figma, Miro und LucidChart beginnen.

Hier ist ein Beispiel für ein Flussdiagramm von Balsamic:

Ein Benutzerflussdiagramm gehört in der Regel Produktmanagern, Teams für Benutzererlebnisse und Designern und/oder Produktentwicklungsteams, um die Benutzerfreundlichkeit einer Website, einer Mobile App oder eines Softwareprodukts besser zu verstehen.

Gleichzeitig sind Benutzerflüsse für alle Beteiligten hilfreich , um das Erlebnis der Kunden mit dem Produkt zu verstehen. Zu den anderen Teams, die ein Interesse an Benutzerströmen haben, aber nicht für sie verantwortlich sind, gehören:

• Kundenteams (Vertrieb, Customer Success/Service, Account Manager)
• Produktmarketing-Teams
• Teams aus den Bereichen Produktmanagement, Design und Produktentwicklung, deren Arbeit damit zusammenhängt

Wie unterscheiden sich User Flows von Task Flows oder einer User Journey?

Alle diese Aufgaben sind UX-Flows und gehören zur Entwicklung einer kundenzentrierten Denkweise, aber jede von ihnen dient einem bestimmten Zweck für das Produktmanagement- und Produktdesignteam.

Hier finden Sie einen kurzen Überblick über die Unterschiede zwischen den drei Aufgaben:

Aufgabenablauf	Benutzerfluss	Benutzerreise (Customer Journey)
Einfacher Weg	Komplexe Pfade	Integriert Daten aus Aufgaben- und Benutzerströmen in eine Customer Journey-Karte
Keine Einstiegs- oder Ausstiegspunkte	Enthält Einstiegs- und Ausstiegspunkte	Baut Problem und Lösung in einen größeren Kontext ein (sowohl im Produkt als auch bei der Berücksichtigung anderer Tools)
Sequentiell, ohne Verzweigungen oder Entscheidungspunkte	Zeigt Verzweigungen, Entscheidungen und Optionen, um die Wahlmöglichkeiten des Benutzers zu berücksichtigen	Verdeutlicht die emotionale Seite der Verwendung des Produkts
Passt in den größeren Benutzerablauf		Identifiziert Schwerpunktbereiche auf der Grundlage von Möglichkeiten, Kunden zu überraschen und zu begeistern

Wann sollten Sie einen Benutzerfluss erstellen?

Ist jede neue Funktion oder UX-Änderung es wert, einen User Flow zu erstellen?

Die Antwort lautet: Es kommt darauf an.

Wir wissen, dass vor allem viele App-Entwickler dem User Flow keine Priorität einräumen, insbesondere wenn Sie über eine hochwertige Prototyping-Software verfügen. Und wir verstehen das Zögern, weitere Schritte in den Prozess einzubauen, vor allem, wenn Ressourcen und Zeitvorgaben darauf drängen, dass Sie die Erstellung rationalisieren.

Wenn Sie jedoch über die nötigen Ressourcen verfügen, sollten Sie für jede neue Funktion oder wesentliche UX-Änderung ein Benutzerablaufdiagramm erstellen.

Und warum? Weil ein Benutzerablaufplan:

1. Ihren Benutzern vom ersten Tag an ein möglichst intuitives Erlebnis bieten
2. Sie bleiben benutzerorientiert und organisiert
3. Ihnen helfen, nahtlose Erlebnisse zu schaffen, indem Sie sicherstellen, dass Sie die Basisinformationen dokumentieren, verstehen und iterieren.

Wenn Sie den Rest Ihrer Stakeholder einbeziehen, wird die Erstellung von Benutzerabläufen:

• den Kollegen helfen, die Benutzer besser zu verstehen
• Sie können enger mit anderen Teams zusammenarbeiten, um Optimierungspunkte zu finden
• Ihre Benutzerabläufe mit den von anderen Teams erstellten Daten abgleichen

Zu welchem Zeitpunkt im Designprozess sollten Sie Ihre Benutzerabläufe erstellen?

Sie sollten sie nach der anfänglichen Nutzerforschung und -entdeckung und vor der Erstellung des Wireframe einbauen.

Wenn Sie früh damit beginnen, können Sie sie in der Kundenforschung zur Iteration verwenden, ohne einen Friedhof von Wireframes, Wireflows und High oder Low Fidelity Mockups anzulegen.

In der Regel läuft der Arbeitsablauf folgendermaßen ab:

1. Beenden Sie die Nutzerforschung und -entdeckung und erstellen Sie eine Analyse
2. Vervollständigen Sie die Aufgabenabläufe
3. Erstellen Sie ein Benutzerflussdiagramm
4. Erstellen Sie Low-Fidelity-Mockups, Wireframes oder Prototypen
5. Erstellen Sie einen Wireflow oder Screenflow (optional)
6. Beginnen Sie mit Usability-Tests
7. Iterieren Sie die oben genannten Punkte

Wie Sie mit der Erstellung eines Benutzerflussdiagramms beginnen

Wenn Sie Ihre Nutzerforschung und -analyse abgeschlossen haben, verfügen Sie über die meisten Informationen, die Sie für die Erstellung Ihres Nutzerflusses benötigen.

Aber was sind die relevantesten Informationen für diese Übung? Unserer Erfahrung nach sollten Sie die folgenden Fragen aus Ihrer Analyse herausziehen:

• Was sind die Ziele des Benutzers für die Aufgabe?
• Was ist dem Benutzer wichtig und was gibt ihm das Vertrauen, weiterzumachen?
• Welche zusätzlichen Informationen benötigt der Benutzer, um die Aufgabe zu bewältigen?
• Was sind die Zögerlichkeiten oder Hindernisse des Benutzers bei der Bewältigung der Aufgabe?
• Was ist der Einstiegspunkt?

Die Antworten auf diese Fragen geben Aufschluss darüber, wie Sie die Seiten gestalten und welche Inhalte und Navigationslinks Sie einfügen sollten.

Wenn das Hauptziel des Benutzers beispielsweise darin besteht, verschiedene Artikel zu durchsuchen, wird Ihre Seite oder Ihr Bildschirm ein anderes Design und eine andere Funktionalität bieten als wenn das Hauptziel darin besteht, ein Produkt zu kaufen und weiterzugehen.

Wie viele Schritte sollten in einem Benutzerfluss enthalten sein?

Die Antwort hängt stark von der Aufgabe, der Art des Benutzers und Ihrer Branche ab.

Ein kürzerer Ablauf bedeutet nicht unbedingt ein besseres Erlebnis als ein längerer Ablauf, vor allem dann nicht, wenn er potenzielle Interaktionen auslässt oder die Ziele der Benutzer zu sehr vereinfacht.

Ein Benutzerfluss für eine Landing Page wird beispielsweise weniger kompliziert sein als der Onboarding-Benutzerfluss für eine App, die sowohl eine Freemium- als auch eine kostenpflichtige Version anbietet.

Beispiel eines Benutzerflusses

Der Benutzerfluss kann je nach Art der Website oder App, die Sie erstellen, viele verschiedene Formen annehmen. Bei einer E-Commerce-Website könnte ein typischer Benutzerfluss beispielsweise wie folgt aussehen:

• Der Benutzer beginnt auf der Homepage
• Von der Startseite aus klickt der Benutzer auf eine Kategorieseite
• Von der Kategorieseite aus klickt der Benutzer auf ein Produkt
• Von der Produktseite aus legt der Benutzer den Artikel in den Warenkorb
• Vom Warenkorb aus geht der Benutzer zur Kasse
• Auf dem Checkout-Bildschirm schließt der Benutzer den Kauf ab

In der realen Welt können Benutzer viele verschiedene Wege zum Kauf einschlagen. Im obigen Szenario könnte der Benutzer zum Beispiel zur Kategorieseite zurückkehren, um sich weitere Produkte anzusehen, anstatt direkt zum Warenkorb zu gehen. Oder er könnte über die Suche auf der Site navigieren, anstatt sich durch die Site-Hierarchie zu klicken. Oder der Benutzer könnte von einer anderen Seite als der Homepage kommen.

Da es viele verschiedene Wege gibt, die ein Benutzer einschlagen kann, werden die Benutzerströme oft als Flussdiagramme mit Knoten für jeden der wichtigsten Navigationspfade modelliert. Der Zweck der Benutzerflussanalyse besteht darin, die wichtigsten Benutzerströme durch Ihre App oder Website zu identifizieren und Bereiche zu ermitteln, in denen der Navigationsfluss verbessert werden kann.

Kostenlose Vorlagen für den Benutzerfluss zum Ausprobieren

Möchten Sie schnell mit Ihrer User Flow Map beginnen oder brauchen Sie Hilfe, um auf dem richtigen Weg zu bleiben? Es gibt zahlreiche kostenlose Vorlagen für den Benutzerfluss, die von Mitgliedern des Produktteams einiger der weltweit benutzerorientiertesten Unternehmen validiert wurden.

Hier sind ein paar unserer Favoriten:

• Product School's Vorlage für den Benutzerfluss
• Figma's Vorlage für Benutzerflussdiagramme
• Sketch's Vorlage für Benutzerflussdiagramme

Sie können auch spezielle Tools verwenden wie:

• Overflow - ein Tool zur Erstellung von Benutzerflussdiagrammen, das Ihre importierten Benutzerflussdesigns animiert
• MockFlow - ein Brainstorming-Tool, das Ihnen hilft, Ihre Ideen zu visualisieren, bevor Sie sie dokumentieren
• Timblee - ein UX-Planungstool, das für

Vergessen Sie nicht, undichte Daten zu berücksichtigen

Das Sammeln von Daten zu jedem Schritt in Ihrem Benutzerfluss ermöglicht es Ihnen zu bewerten, wie Ihre Benutzer durch Ihr Produkt oder Ihre Webseite navigieren. Es liegt in der Natur der Sache, dass Trichter bei jedem Schritt, bei dem Benutzer aussteigen, schrumpfen. Die Daten geben Aufschluss darüber, wo Ihr Trichter "undicht" ist (mit einem hohen Prozentsatz von Nutzern, die zwischen den einzelnen Schritten aussteigen) und möglicherweise Hilfe benötigt.

Um die "Lecks" zu schließen, überlegen Sie, wo Sie Schmerzpunkte oder Reibungspunkte korrigieren können, wo Sie mehr Informationen anbieten und wo Sie Ablenkungen reduzieren und weniger anbieten sollten.

Auf einer E-Commerce-Website könnten Sie zum Beispiel eine Analyse des Benutzerflusses durchführen und feststellen, dass viele Kunden zwar zum Warenkorb gelangen, ihren Einkauf aber nicht abschließen. Wenn Sie feststellen, dass Warenkorbabbrüche ein Problem darstellen, können Sie Hypothesen darüber aufstellen, warum die Nutzer an diesem Punkt aufhören.

Es könnte sein, dass Ihre Versandkosten zu hoch sind und die Kunden einen Preisschock erleiden. Oder vielleicht sind zu viele Felder auszufüllen, so dass die Kunden das Interesse verlieren. Oder vielleicht ist die Navigation nicht klar, was als nächstes zu tun ist.

Sobald Sie eine Hypothese aufgestellt haben, warum Ihr Benutzerfluss suboptimal ist, können Sie mit A/B-Testing beginnen, um festzustellen, welche der Änderungen sich positiv auf Ihren Benutzerfluss auswirken.

Wie A/B-Tests zur Verbesserung Ihres Benutzerflusses beitragen können

Beim A/B-Testing werden zwei verschiedene Versionen einer Site oder App miteinander verglichen, um anhand realer Daten festzustellen, welche Version besser abschneidet. A/B-Testing ist eine hervorragende Möglichkeit, Hypothesen über Änderungen an Ihrer Site oder App zu überprüfen.

Indem Sie Ihre Benutzerströme durchgehen, Verbesserungsmöglichkeiten identifizieren und verschiedene Ideen testen, können Sie Ihre Conversion Rates kontinuierlich verbessern.