So erstellen Sie ein Nutzerflussdiagramm

Stellen Sie sich Ihre Website wie ein Geisterhaus vor – Sie müssen genau wissen, wie sich Ihre Gäste durch das Geisterhaus bewegen, wo die uneinsehbaren Ecken sind und wann Sie die Horde von Killerclowns freilassen müssen, um ein Maximum an Schreie zu erzielen. Ohne Timing und Koordination könnte Ihr unberechenbarer Mann mit der Kettensäge einen leeren Raum überraschen und Ihre Vampirbraut könnte aus ihrem Sarg springen, sobald die Gruppe von Teenager-Mädchen in den Sumpf der Killerschnecken vorgedrungen ist.

Ähnlich verhält es sich, wenn Sie nicht verstehen, wie sich die Nutzenden auf Ihrer Website bewegen: Sie werden den Nutzen nicht erkennen können. Aber Ihre Nutzenden zu verstehen, ist nicht so beängstigend, wie es scheint: Sie benötigen lediglich ein Nutzerflussdiagramm. 

Erfahren Sie, warum Nutzerflussdiagramme so wichtig sind und wie Sie ein solches Diagramm für Ihre Website erstellen können.

Was ist ein Nutzerablauf?

Sie haben den Begriff „User Journey“ schon oft gehört, aber ein Nutzerablauf (User Flow) unterscheidet sich von einer User Journey. Hier ist der Unterschied:

Nutzerablauf: Diese Visualisierung umfasst alle verschiedenen Interaktionen, die Nutzende auf Ihrer Website haben sollten. Ihre Produkt- und UX-Teams sollten festlegen, wie Nutzende auf Ihrer Website navigieren sollen, und dabei die Bedürfnisse der Nutzende berücksichtigen. 

User Journey: Der Nutzerablauf ist ein Teil einer User Journey. Die User Journey betrachtet den gesamten Kontext eines Kaufs, von Offline-Einflüssen bis hin zu Online-Anzeigen. Der Nutzerablauf befasst sich erst mit Ihren Gästen, wenn sie Ihre Website oder Anwendung aufgerufen haben. Sobald sie Ihre Website verlassen haben, setzen Ihre Gäste ihre User Journey fort.

Vorteile eines Nutzerflussdiagramms

Nutzerflussdiagramme werden hauptsächlich von Produkt- und UX-Teams genutzt, um den Ablauf einer Website oder Anwendung zu verstehen, nachdem Sie das Kundenerlebnis und die Bedürfnisse der Nutzenden berücksichtigt haben. Um diese Bedürfnisse und die gewünschte Erfahrung Ihrer Nutzenden bestmöglich zu verstehen, ist es wichtig, sie zu erfassen und zu visualisieren.

Nutzerflussdiagramme helfen Ihnen dabei: 

• den Nutzerablauf zu kommunizieren.
• wichtige Schritte im Prozess nicht zu übersehen.
• Entscheidungen zu treffen und Änderungen mit geringer Detailgenauigkeit vorzunehmen, bevor Sie viel Zeit in das Design investieren.
• Feedback von verschiedenen Stakeholdern einzuholen.

Wenn Ihnen Ihre Zeit und Energie wichtig ist, sollten Sie einen Teil davon darauf verwenden, ein Nutzerflussdiagramm zu erstellen, um später Probleme und Frust zu vermeiden und Ihr Geschäftsergebnis zu verbessern. Kurz gesagt: Nutzerflussdiagramme helfen Ihnen, eine produktivere Website zu erstellen.

Nehmen wir zum Beispiel an, Sie verkaufen eine Software zur Budgetverwaltung. Ihre Kunden werden die AIDA-Phasen wahrscheinlich auf folgendem Weg durch Ihre Website durchlaufen:

• Attention (Aufmerksamkeit): Der Gast gelangt auf Ihre Landingpage „Kreditkartenschulden schneller abzahlen“.
• Interest (Interesse): Der Gast scrollt durch die Seite und sieht sich ein Video mit einem Erfahrungsbericht eines Paares, das seine Kreditkartenschulden in Höhe von 30.000 USD beglichen hat (bitte nicht urteilen: Schuhe sind teuer).
• Desire (Wunsch): Der Gast klickt auf eine Seite über die Kosten Ihrer Software und denkt darüber nach, wie schön es sein wird, all diese Schulden loszuwerden.
• Action (Handlung): Der Gast kauft Ihre Software.

Ohne zu verstehen, was Ihre Nutzenden von jeder Seite im Nutzerablauf erwarten, werden sie frustriert sein und letztendlich Ihre Website verlassen. Wenn Sie wissen, was Ihre Nutzenden tun, können Sie Ihre Bemühungen darauf konzentrieren, ihre Erfahrung auf Ihrer Website zu maximieren.

So erstellen Sie Nutzerflussdiagramm

Beginnen Sie nicht damit, ein Nutzerflussdiagramm allein auf der Grundlage von Vermutungen zu erstellen: Schauen Sie sich die Daten an und analysieren Sie sie. Lernen Sie, wie man ein Nutzerflussdiagramm erstellt, einschließlich der Schritte, die Sie unternehmen müssen, um die richtigen Informationen zu sammeln. 

1. Bestimmen Sie Ihr Ziel und die Ziele Ihrer Nutzenden

Sie können keine Richtung vorgeben, wenn Sie nicht wissen, was das Ziel ist. Ebenso können Sie keinen Nutzerablauf erstellen, wenn Sie nicht festlegen, wo Ihre Nutzenden letztendlich ankommen sollen – und was noch wichtiger ist, was Ihre Nutzenden von Ihrer App oder Website erwarten. 

Wahrscheinlich kennen Sie die Ziele Ihres Unternehmens. Diese können darin bestehen, Nutzende davon zu überzeugen, ein Produkt zu kaufen, sich für einen Newsletter anzumelden oder ein geschütztes Dokument herunterzuladen. Weniger klar ist jedoch möglicherweise, was sich die Nutzenden von Ihrer Website erhoffen.

Falls noch nicht geschehen, erstellen Sie eine Customer Journey Map, um Ihrem Unternehmen eine gemeinsame Vision davon zu vermitteln, wie die Kundenerfahrung aussehen sollte. Diese visualisiert, wie sich ein Kunde in den verschiedenen Phasen seiner Erfahrung fühlt und auf welche Touchpoints er stoßen könnte. Eine Customer Journey Mapping-Software zeigt auf, wie Ihre Nutzenden auf Ihre Website gelangen, was sie tun, wenn sie Ihre Website verlassen, und was sie auf Ihrer Website tun.

Diese Informationen werden jeden weiteren Schritt in diesem Prozess beeinflussen.

2. Ermitteln Sie, wie Gäste Ihre Website finden

Wenn Sie eine bereits erstellte Website oder App verbessern möchten, sollten Sie die Daten analysieren. Google Analytics schlüsselt die Prozentsätze für jede der folgenden Zugangsmethoden auf:

• Direkter Traffic
• Organische Suche
• Bezahlte Werbung
• Soziale Medien
• Verweisende Websites
• E-Mail

Überlegen Sie, was diese verschiedenen Einstiegspunkte über Ihre Nutzenden aussagen und wie Sie das Erlebnis besser an deren Bedürfnisse anpassen können. Diese Einstiegspunkte sind der Beginn Ihres Nutzerflussdiagramms.

3. Identifizieren Sie, welche Informationen Ihre Nutzenden wann benötigen.

Nachdem Sie nun einen Ausgangspunkt haben, überlegen Sie, welche Informationen Ihre Nutzenden benötigen und welche Maßnahmen sie ergreifen sollten. Um Nutzende zu konvertieren, liefern Sie ihnen die richtigen Informationen zu dem Zeitpunkt, zu dem sie diese am dringendsten benötigen.

Stellen Sie sich beim Erstellen Ihres Nutzerflussdiagramms unbedingt Fragen, um sich in die Lage Ihrer Kunden zu versetzen, z. B.: „Welche Aktion sollte ich auf dieser Seite ausführen, wenn ich Ihr Kunde wäre?“, „Wie navigiere ich durch den Checkout-Prozess?“ und „Wie würde ich als Kunde auf dieses Video mit einem Erfahrungsbericht reagieren?“ Überlegen Sie, was der Kunde von einer bestimmten Seite erwartet, welche Gefühle er möglicherweise hat und in welcher Gemütsverfassung er sich befindet. 

Wenn Sie eine bestehende Website optimieren möchten, sollten Sie analysieren, was derzeit gut funktioniert. Anders gesagt: Welche Pfade haben Nutzende auf Ihrer Website beschritten, wenn sie etwas gekauft oder andere erfolgreiche Aktivitäten durchgeführt haben? Konzentrieren Sie sich nicht nur auf den Kauf: Es kann mehrere Besuche auf einer Website erfordern, bevor ein Kunde einen Kauf tätigt. Wenn ein Gast sich für Ihren Newsletter anmeldet oder über ein Pop-up Textbenachrichtigungen sendet, zählt dies bereits als Erfolg.

4. Skizzieren Sie Ihren Nutzerablauf

Jetzt, da Sie Ihre Zielgruppe, ihre Motivationen und die typischen Pfade kennen, denen sie folgen, um verschiedene Aktionen auszuführen, können Sie mit der Erstellung eines Nutzerflussdiagramms beginnen. Wählen Sie einen visuellen Arbeitsbereich, in dem Sie Formen einfach per Drag-and-Drop in den Nutzerpfad ziehen und Anmerkungen zu Punkten hinzufügen können, die Ihre Kunden begeistern und informieren könnten. 

Beginnen Sie mit Formen, die Einstiegspunkte angeben, wie beispielsweise „organisch“ oder „bezahlt“. Anstelle von geometrischen Formen können Sie hier sogar Low-Fidelity-Wireframe-Formen verwenden, um eine Vorstellung davon zu vermitteln, wie die Website oder App aussehen soll und wo sich Ihre Handlungsaufforderungen befinden.

Legen Sie anschließend fest, wie die Landingpage aussehen soll und welche Entscheidungen Ihr Kunde auf dieser Seite treffen muss. Erstellen Sie weitere Formen und Entscheidungspunkte, bis der Ablauf abgeschlossen ist.

Ihr Benutzerflussdiagramm kann sich im Laufe der Zeit je nach Entwicklung Ihrer Zielgruppe und deren Beweggründen für die Navigation auf Ihrer Website ändern.

5. Sammeln Sie Feedback, schließen Sie den Prozess ab und teilen Sie Ihre Ergebnisse

Wenn Sie eine neue Website oder Anwendung erstellen, teilen Sie Ihr Nutzerflussdiagramm mit anderen Stakeholdern, um Feedback einzuholen und Anpassungen vorzunehmen. Diese visuelle Darstellung ist in diesem Fall besonders aussagekräftig, da die Stakeholder auf einen Blick verstehen können, welche Erfahrung Sie ihnen bieten möchten.

Sobald Sie das Nutzerflussdiagramm fertiggestellt haben, teilen Sie es mit UX-Designern, Webentwicklern, Softwareentwicklern und anderen Teammitgliedern, um ihnen den Kontext zu vermitteln, bevor sie mit der Erstellung oder Gestaltung Ihrer Website oder App beginnen.

Beispiele für Nutzerflussdiagramme

Lassen Sie sich von diesen Beispielen für Nutzerflussdiagramme inspirieren. Diese Beispiele umfassen Wireflows, die Wireframe-Formen mit Standard-Flussdiagramm-Formen kombinieren, sodass Sie veranschaulichen können, wie Ihre Website oder App aussehen soll und wie Nutzende darin navigieren sollen.

Klicken Sie auf ein beliebiges Beispiel, um es als Vorlage in Lucidchart zu verwenden.

Sobald Sie Ihr Nutzerflussdiagramm erstellt haben, verfügen Sie über eine konkretere und besser nutzbare User Journey, die Ihnen als Grundlage für Ihre künftigen Geschäftsabläufe dienen kann. Sie werden Ihre Nutzenden besser verstehen und ihnen eine erfolgreichere Erfahrung bieten können – nicht nur über Ihre Website oder Anwendung, sondern während ihrer gesamten Erfahrung mit Ihrem Produkt und Ihrem Unternehmen.