Screenflow-Vorlage

Über die Screenflow-Vorlage

Screenflows (auch bekannt als „Wireflows“) sind eine Kombination aus Wireframes und Flussdiagrammen. Der End-to-End-Flow kartiert, was Nutzer auf jedem Bildschirm sehen und wie dies ihren Entscheidungsprozess durch Ihr Produkt oder Ihre Dienstleistung beeinflusst. Mit diesen Informationen können Sie Ihre Entscheidungen im Hinblick auf Ihr Interaktionsdesign besser erklären.

Verwende die Screen Flow Vorlage, um neue Möglichkeiten zu finden, die Benutzererfahrung von Anfang bis Ende reibungslos und frustfrei zu gestalten.

Wenn du interessiert daran bist, deine Arbeit weiterzuentwickeln und in den Bereich des UX-Designs einzutauchen, in dem du die Nutzerreise als Flussdiagramm mit Texten und Symbolen statt mit Bildschirmen darstellst, könnte für dich die User Flow Vorlage von Interesse sein.

Lies weiter, um mehr über Screen Flows zu erfahren.

Was ist ein Screen Flow?

Ein Screen Flow (oder Wireflow) vereint ein Multibildschirm-Layout, das wie ein Flussdiagramm verbunden ist, um die Entscheidungspunkte und Bewegungen eines Kunden von Anfang bis Ende abzubilden.

Wireframes allein bieten keinen Kontext dafür, wie ein interaktiver, seitenweiser Nutzerflow aussehen könnte. UX-Flows an sich sind abstrakter und können nicht zeigen, was der Kunde tatsächlich sieht.

Wireflows oder Screen Flows kombinieren die Stärken beider Methoden und helfen dir dabei, zu veranschaulichen, wie das, was der Nutzer sieht, einen großen Einfluss darauf hat, wie er dein Produkt oder deine Dienstleistung erfährt.

Wann man Screen Flows verwendet

Wireframes helfen UX- und Produktteams, eine Kundenreise als vollständigen Workflow anstatt als eine Reihe von Bildschirmen zu betrachten. Der Wireflow oder Screen Flow konzentriert sich auf die Bildschirme selbst und die Interaktion des Kunden mit deinem Service oder Produkt.

Ein Designer kann einen Screen Flow erstellen, wenn er …

• Sicherstellen, dass keine Szenarien fehlen: Mit einer End-to-End-Reise, die abgebildet ist, kannst du alle potenziellen Anwendungsbeispiele betrachten, die den Bedürfnissen des Kunden entsprechen.

• Verbesserung der Nutzerinteraktionen: Lerne deinen Nutzer bei jeder Gelegenheit im Workflow kennen, z. B. bei Anmeldungen, Bestätigungen oder Pop-ups.

• Besserer funktionsübergreifender Austausch: Bringe Designer und Entwickler zusammen und motiviere sie, über das gesamte Erlebnis nachzudenken, anstatt über einzelne Bildschirme.

• Stakeholder-Schulung: Wenn Kunden oder Teams noch nie berücksichtigt haben, was der Nutzer sieht, wenn er dein Produkt oder deine Erfahrung durchläuft, hilft das Folgen eines Workflows, Empathie für Problempunkte des Nutzers aufzubauen.

Erstelle deinen eigenen Screen Flow

Das Erstellen deines Screen Flows ist einfach. Miro’s virtuelle Kollaborationsplattform bietet die perfekte Leinwand, um sie zu erstellen und zu teilen. Starte, indem du die Screen-Flow-Vorlage auswählst, und folge dann den folgenden Schritten, um deinen eigenen zu erstellen.

1. Definiere deine User Story

Bevor du eine visuelle Sequenz erstellst, beschreibe deine Nutzerbedürfnisse und Problempunkte, die gelöst werden sollen. Dies ist die Grundlage für den Ausgangspunkt deines Screen Flows.

2. Entscheide, was deine Schlüsselseiten anzeigen sollen

Denke über den Start- und Endpunkt deiner Reise nach. Brauchst du eine Landingpage? Registrierungsformular? Bestätigungsseite? Identifiziere Änderungen oder zusätzliche Schritte im Prozess, wie Seiten, die geteilt werden müssen, oder Bildschirme, die hinzugefügt werden müssen. Miro ist das perfekte Wireframe-Tool mit einer Wireframes-Bibliothek, die über 15 UI-Komponenten enthält, die du ganz einfach zu deinem Screenflow hinzufügen kannst.

3. Verbinde die Bildschirme

Füge Pfeile zwischen den Bildschirmen hinzu und verschiebe sie, um den Nutzer durch die Aufgabe zu führen, indem du das Miro Connection Line Tool verwendest. Du kannst auch Entscheidungspunkte einfügen und zeigen, was in jeder verfügbaren Instanz mit dem Nutzer passiert.

4. Gib deinen Screenflow zur Rückmeldung an dein Team oder Stakeholder weiter

Du kannst die Erwähnen-Funktion von Miro nutzen, um dein Team oder einzelne Personen für schnelle Feedbackrunden, Designkritiken oder Überprüfungen vor Live-Workshops mit Kunden zu taggen. Du kannst dein Miro-Board auch mit jedem teilen (selbst wenn sie noch nicht registriert sind!), indem du auf die Mitglieder einladen-Schaltfläche klickst.

Entdecke weitere Beispiele für Nutzer-Workflows, um dein nächstes großes Ding zu entwickeln.

FAQ zur Screen Flow Vorlage

Was ist ein Screen Flow im UX?

Ein Screenflow hilft dir, die Interaktionen deiner Nutzer zu analysieren, indem er sich hauptsächlich auf deine Produktbildschirme konzentriert. Er vereint das Beste aus Wireframing und Flussdiagrammen und bietet dir einen detaillierteren Überblick über den Kundenfluss und somit mehr Daten, um eine bessere Nutzererfahrung zu entwickeln.