Flows

Ein Flow ist eine Reihe gespeicherter Prototypen, die aufeinander verlinken, etwa eine Preisseite, deren Buttons eine Checkout-Seite öffnen. Sie bauen jeden Screen für sich und bitten Vibr dann, sie zu verlinken.

Einen Screen mit einem anderen verlinken

1. Bauen Sie den Screen, auf den verlinkt werden soll, etwa eine Checkout-Seite, und wählen Sie Speichern.
2. Wählen Sie Neu, um den nächsten Screen zu beginnen.
3. Erwähnen Sie in Ihrer Anfrage den gespeicherten Screen mit @screen/, zum Beispiel: „Eine Preisseite mit drei Tarifen. Jetzt starten öffnet @screen/a-checkout-page-with-an-order-summary“.

Der Screen-Name jedes gespeicherten Prototyps ergibt sich aus seinem Titel. Geben Sie @screen/ ein, um die Liste zu sehen, oder @ und die ersten Buchstaben des Titels.

Ein Klick auf einen verlinkten Button im Canvas verlässt den Entwurf nicht. Vibr sagt Ihnen, welchen Screen er öffnet, und erinnert Sie an Abspielen.

Den Flow abspielen

Verlinkt ein Entwurf auf andere Screens, erscheint über dem Canvas ein Button Abspielen. Wählen Sie ihn, um den Flow so durchzuklicken, wie es ein Nutzer tun würde.

• Die Spur über dem Canvas zeigt die besuchten Screens.
• Zurück führt zum vorherigen Screen, und Neu starten zurück zum ersten.
• Fertig oder Esc beendet die Wiedergabe.

Zeigt ein Link auf einen Screen, der nicht gespeichert ist, meldet Abspielen das. Speichern Sie einen Prototyp mit diesem Namen oder bitten Sie Vibr, woandershin zu verlinken.

Einen Flow exportieren

Wählen Sie unter Exportieren die Option Flow (.zip), um diesen Screen und alle Screens, auf die er verlinkt, als Webseiten herunterzuladen. Öffnen Sie zum Start index.html; jeder verlinkte Screen ist eine eigene Seite, und die Links funktionieren. Ein Flow-Export umfasst bis zu 30 Screens. Siehe Bibliothek und Exporte.