UX & Marketing

Vorlage: User Flow

Screens und Entscheidungen vom ersten Besuch bis zum Dashboard

Was drinsteckt

Nodes: 11
Packs: FlussdiagrammWireframe
Kategorie: UX & Marketing

Funktioniert im Free-Tarif: 15 Diagramm-Nodes + 150 Notizen, Texte, Sticker & Mindmap-Themen pro Diagramm.

Ein User Flow bildet die Screens ab, die eine Person sieht, und die Entscheidungen, die sie auf dem Weg zu einem Ziel trifft. Diese Vorlage folgt einem ersten Besuch, vom Öffnen der App bis zum Dashboard, mit einem Willkommens-Screen, einer Entscheidung, ob bereits ein Konto existiert, und getrennten Screens für Registrierung und Anmeldung.

Die Screens sind einfache Wireframes mit echten Bedienelementen, sodass der Flow zeigt, was Nutzende sehen und wohin sie gehen. Ergänzen Sie Fehlerzustände, den Weg für ein vergessenes Passwort oder die Onboarding-Schritte, die Ihr Produkt braucht, und prüfen Sie den Flow mit Design und Entwicklung, bevor jemand die Screens baut.

Wann sie passt

Ein neues Feature oder Onboarding entwerfen, bevor es detaillierte Mockups gibt.
Eine bestehende Journey prüfen, um Sackgassen und unnötige Schritte zu finden.
Einen Ablauf für Entwicklung, Test oder Support erklären.
Zwei Varianten einer Registrierung oder eines Checkouts vergleichen.

So gehen Sie vor

Benennen Sie Start- und Endpunkt nach dem Ziel, für das Sie gestalten.
Bearbeiten Sie die Wireframe-Screens und fügen Sie für jeden Schritt, den Nutzende sehen, einen Screen hinzu.
Ergänzen Sie Entscheidungen, wo sich der Weg teilt, und beschriften Sie jeden Pfeil mit der Bedingung, die dorthin führt.
Fügen Sie Fehler- und Sonderfälle hinzu und teilen Sie den Flow zur Prüfung oder exportieren Sie ihn für ein Designdokument.

Fragen

Brauche ich für die Screens ein separates Designtool?

Für einen Flow nicht. Das Wireframe-Pack enthält Screens, Buttons, Eingabefelder und Navigationselemente, die genügen, um die Struktur zu zeigen. Wechseln Sie zu einem Designtool, wenn Sie pixelgenaue Gestaltung brauchen.

Worin unterscheidet sich ein User Flow von einer Customer Journey Map?

Ein User Flow behandelt Screens und Entscheidungen innerhalb eines Produkts. Eine Journey Map deckt die breitere Erfahrung über die Zeit ab, einschließlich Gefühlen und Kontaktpunkten außerhalb des Produkts.