User Flow

Ein User Flow ist der Pfad, den ein prototypischer Benutzer auf einer Website oder in einer App nimmt, um eine Aufgabe zu erledigen.

Was ist ein User Flow?

Ein User Flow ist ein Konzept der User Experience (UX), das die Benutzeraktionen untersucht und dokumentiert, die ein typischer Benutzer ausführen muss, um eine definierte Aufgabe abzuschließen. 

Nach Fertigstellung beschreibt Ihr User-Flow-Diagramm, wie der Benutzer von einem Einstiegspunkt (oder mehreren Einstiegspunkten) über eine Reihe verschiedener Touchpoints zu einem erfolgreichen Ergebnis und einer abschließenden Aktion gelangt, z. B. dem Abschluss einer Registrierung. 

Es gibt nicht den einen Weg, einen User Flow zu erstellen, aber viele Produktmanager und UX-Designer erstellen User-Flow-Diagramme, indem sie mit Flussdiagramm-Vorlagen in Tools wie Figma, Miro und LucidChart beginnen. 

Hier ist ein Flussdiagramm-Beispiel von Balsamic: 

diagram

Ein User-Flow-Diagramm wird in der Regel von Produktmanagern, User-Experience-Teams und Designern und/oder Produktentwicklungsteams verantwortet, um die Usability einer Website, Mobile App oder eines Softwareprodukts besser zu verstehen. 

Gleichzeitig sind User Flows für alle Stakeholder hilfreich, um das Erlebnis der Kunden mit dem Produkt zu verstehen. Andere Teams, die Interesse an User Flows haben, aber nicht dafür verantwortlich sind, umfassen: 

  • Kundenteams (Vertrieb, Customer Success/Service, Account Manager)
  • Produktmarketing-Teams
  • Übergreifende Product-Management-, Design- und Product-Engineering-Teams, deren Arbeit angrenzend ist 

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 die Product-Management- und Produktdesign-Teams. 

Hier ist ein kurzer Überblick über die Unterschiede zwischen den drei Aufgaben

Task Flow  User Flow  User Journey (Customer Journey) 
Einfacher Pfad  Komplexe Pfade  Integriert Daten aus Task Flows und User Flows in eine Customer-Journey-Map 
Keine Ein- oder Ausstiegspunkte  Enthält Ein- und Ausstiegspunkte  Berücksichtigt Problem und Lösung im weiteren Kontext (sowohl im Produkt als auch unter Einbeziehung anderer Tools) 
Sequenziell ohne Verzweigungen oder Entscheidungspunkte  Zeigt Verzweigungen, Entscheidungen und Optionen, um Benutzerentscheidungen zu berücksichtigen  Beschreibt die emotionale Seite der Produktnutzung 
Passt in einen größeren User Flow    Identifiziert Schwerpunkte basierend auf Möglichkeiten, Kunden zu überraschen und zu begeistern 

Wann sollten Sie einen User Flow erstellen? 

Lohnt es sich, für jedes einzelne neue Feature oder jede UX-Änderung einen User Flow zu erstellen? 

Die Antwort lautet: Es kommt darauf an. 

Wir wissen, dass viele App-Entwickler – insbesondere wenn hochwertige Prototyping-Software vorhanden ist – User Flows keine Priorität einräumen. Und wir verstehen das Zögern, weitere Schritte in den Prozess aufzunehmen, insbesondere wenn Ressourcen und Zeitpläne eine Straffung der Entwicklung erfordern. 

Wenn Sie jedoch über die nötigen Ressourcen verfügen, sollten Sie für jedes neue Feature oder jede wesentliche UX-Änderung ein User-Flow-Diagramm erstellen. 

Warum? Weil ein User Flow Folgendes bewirkt: 

  1. Er bietet Ihren Benutzern vom ersten Tag an das intuitivste Erlebnis 
  2. Er hält Sie benutzerzentriert und organisiert 
  3. Er hilft Ihnen, kontinuierlich nahtlose Erlebnisse zu schaffen, indem Sie Basisinformationen dokumentieren, verstehen und darauf aufbauen 

Wenn Sie den Blickwinkel auf Ihre übrigen Stakeholder erweitern, werden User Flows: 

  • Kollegen helfen, Benutzer besser zu verstehen 
  • Es Ihnen ermöglichen, enger mit anderen Teams zusammenzuarbeiten, um Optimierungspotenziale zu finden 
  • Ihre User Flows mit den von anderen Teams gewonnenen Daten abzustimmen 

An welchem Punkt im Designprozess sollten Sie Ihre User Flows erstellen? 

Sie sollten sie nach der anfänglichen Benutzerrecherche und Entdeckungsphase und vor der Erstellung des Wireframes einplanen. 

Durch den frühen Start können Sie sie in der Kundenrecherche nutzen, um zu iterieren, ohne einen Friedhof aus Wireframes, Wireflows und High- oder Low-Fidelity-Mockups zu erzeugen. 

Typischerweise sieht der Workflow folgendermaßen aus: 

  1. Benutzerrecherche und Entdeckungsphase abschließen und Analyse erstellen 
  2. Task Flows vervollständigen 
  3. User-Flow-Diagramm erstellen 
  4. Low-Fidelity-Mockups, Wireframes oder Prototypen erstellen 
  5. Wireflow oder Screenflow erstellen (optional) 
  6. Usability-Tests beginnen 
  7. Die oben genannten Schritte iterieren 

So beginnen Sie mit der Erstellung eines User-Flow-Diagramms 

Wenn Sie Ihre Benutzerrecherche und Analyse abgeschlossen haben, verfügen Sie bereits über die meisten Informationen, die Sie für Ihren User Flow benötigen. 

Aber welche Informationen sind für diese Übung am relevantesten? Unserer Erfahrung nach umfassen die Fragen, die Sie aus Ihrer Analyse ableiten sollten: 

  • Welche Benutzerziele gibt es 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 erledigen? 
  • Welche Bedenken oder Hindernisse hat der Benutzer bei der Erledigung der Aufgabe? 
  • Was ist der Einstiegspunkt? 

Die Antworten auf diese Fragen fließen in die Gestaltung der Seiten ein und bestimmen, welche Inhalte und Navigationslinks aufgenommen werden sollten. 

Wenn das primäre Benutzerziel beispielsweise darin besteht, verschiedene Artikel zu durchstöbern, bietet Ihre Seite oder Ihr Bildschirm ein anderes Design und andere Funktionalitäten, als wenn das primäre Ziel der Kauf eines Produkts wäre. 

diagram

Wie viele Schritte sollte ein User Flow haben? 

Die Antwort hängt stark von der Aufgabe, den Benutzertypen und Ihrer Branche ab. 

Ein kürzerer User Flow bedeutet nicht unbedingt ein besseres Erlebnis als ein längerer User Flow, insbesondere wenn potenzielle Benutzerinteraktionen fehlen oder die Ziele der Benutzer zu stark vereinfacht werden. 

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

User-Flow-Beispiel 

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

  • Der Benutzer startet auf der Startseite 
  • 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 zum Checkout 
  • Vom Checkout-Bildschirm aus schließt der Benutzer den Kauf ab 

In der Realität können Benutzer viele verschiedene Wege zum Kauf nehmen. Im obigen Szenario könnte der Benutzer beispielsweise zur Kategorieseite zurückkehren, um weitere Produkte anzusehen, anstatt direkt zum Warenkorb zu gehen. Oder er könnte die Suche nutzen, um auf der Site zu navigieren, anstatt sich durch die Site-Hierarchie zu klicken. Oder der Benutzer könnte über eine andere Seite als die Startseite einsteigen. 

Da Benutzer viele verschiedene Wege nehmen können, werden User Flows häufig als Flussdiagramme mit Knoten für jeden der wichtigsten Navigationspfade modelliert. Ziel der User-Flow-Analyse ist es, die wichtigsten User Flows durch Ihre App oder Website zu identifizieren und Bereiche aufzuzeigen, in denen der Navigationsfluss verbessert werden kann. 

Kostenlose User-Flow-Vorlagen zum Ausprobieren 

Möchten Sie schnell mit Ihrer User-Flow-Map beginnen oder Hilfe finden, um auf Kurs zu bleiben? Es gibt zahlreiche kostenlose User-Flow-Vorlagen, die von Produktteam-Mitgliedern einiger der weltweit benutzerzentriertesten Unternehmen validiert wurden. 

Hier sind einige unserer Favoriten: 

Sie können auch spezialisierte Tools verwenden wie: 

  • Overflow – ein User-Flow-Diagramm-Tool, das Ihre importierten User-Flow-Designs animiert 
  • MockFlow – ein Brainstorming-Tool zur Visualisierung Ihrer Ideen, bevor Sie diese dokumentieren 
  • Timblee – ein UX-Planungstool, entwickelt für 

Vergessen Sie nicht, undichte Datenstellen zu berücksichtigen 

Das Sammeln von Daten zu jedem Schritt in Ihrem User Flow ermöglicht es Ihnen, zu bewerten, wie Ihre Benutzer durch Ihr Produkt oder Ihre Webseite navigieren. Trichter werden naturgemäß bei jedem Schritt kleiner, an dem Benutzer abspringen. Daten zeigen, wo Ihr Trichter „undicht" ist (mit einem hohen Prozentsatz an Personen, die zwischen den Schritten abspringen) und möglicherweise Hilfe benötigt. 

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

Auf einer E-Commerce-Website könnten Sie beispielsweise eine User-Flow-Analyse durchführen und feststellen, dass viele Personen den Warenkorb erreichen, aber ihren Kauf nicht abschließen. Indem Sie feststellen, dass Warenkorbabbruch ein Problem darstellt, können Sie beginnen, Hypothesen dafür zu generieren, warum Benutzer an dieser Stelle abspringen. 

Es könnte sein, dass Ihre Versandkosten zu hoch sind und Benutzer einen Preisschock erleben. Oder vielleicht gibt es zu viele Felder zum Ausfüllen und Kunden verlieren das Interesse. Oder die Navigation ist nicht klar genug, um die nächste Aktion erkennen zu lassen. 

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

Wie A/B-Testing Ihren User Flow verbessern kann 

A/B-Testing ist der Prozess, bei dem zwei verschiedene Versionen einer Site oder App miteinander verglichen werden, um anhand realer Daten festzustellen, welche besser abschneidet. A/B-Testing ist eine hervorragende Methode, um Hypothesen über Änderungen an Ihrer Site oder App zu validieren. 

Indem Sie Ihre User Flows durchgehen, Verbesserungsmöglichkeiten identifizieren und verschiedene Ideen testen, können Sie Ihre Conversion-Raten kontinuierlich verbessern.