Öffnen Sie einen Prototyp
1
Klicken Sie auf Preview
Klicken Sie in der Editor-Symbolleiste auf Preview. Der Prototyp-Player öffnet sich als Vollseiten-Ansicht, getrennt vom Editor.
2
Lassen Sie Flowstep Ihre Screens verlinken
Wenn Ihre Datei zwei oder mehr Screens enthält, verlinkt Flowstep automatisch interaktive Elemente – Schaltflächen, Karten, Menüpunkte – mit ihren Ziel-Screens, wenn Sie die Vorschau öffnen (Sie sehen „Bringing your screens to life”, während es funktioniert). Links werden nur regeneriert, wenn sich Ihre Screens seit der letzten Ausführung geändert haben.
3
Klicken Sie durch Ihren Flow
Klicken Sie auf ein beliebiges verlinktes Element – eine Schaltfläche, eine Karte, ein Menüpunkt – um zum Ziel-Screen zu navigieren. Die Seitenleiste listet alle Screens in der Datei auf, sodass Sie direkt zu einem von ihnen springen können, und Back to editor bringt Sie zur Datei zurück.
Automatische Verknüpfung benötigt mindestens zwei Screens in der Datei. Wenn die Link-Generierung fehlschlägt, verwenden Sie die Schaltfläche Retry im Player.
Legen Sie die Navigation manuell fest
Sie können genau kontrollieren, wo ein Element navigiert:- Wählen Sie im Editor das Element aus (z. B. eine Schaltfläche).
- Öffnen Sie das Panel Navigation im Eigenschaftenbereich auf der rechten Seite.
- Wählen Sie einen Ziel-Screen aus dem Dropdown-Menü aus – oder wählen Sie No navigation (Keine Navigation), um den Link zu entfernen.
Interaktive Steuerung
Ein Prototyp ist nicht nur anklickbare Navigation – die Steuerelemente auf Ihren Screens reagieren während der Vorschau. Aktivieren Sie einen Schalter, setzen Sie ein Häkchen, wählen Sie eine Radiooption, wählen Sie aus einem Dropdown-Menü, wechseln Sie zwischen Registerkarten, geben Sie Text in ein Feld ein, oder erhöhen Sie einen Zähler, und der Screen wird live aktualisiert, um den neuen Status anzuzeigen. Screens in einer Datei teilen sich während einer Vorschausitzung den gleichen Prototyp-Status, sodass eine Änderung, die Sie auf einem Screen vornehmen, bei der Navigation zu anderen Screens erhalten bleibt. Sie können auch einen Screen zwischen Hellansicht und Dunkelansicht wechseln, um zu sehen, wie er reagiert.Interaktives Verhalten wird automatisch aus Ihren Screens generiert – es gibt nichts zum Verdrahten. Zeigen Sie eine Datei an, um es auszuprobieren.