Öppna en prototyp
1
Klicka på Preview
Klicka på Preview i redigeringsverktygsfältet. Prototypspelaren öppnas som en helsidesvy, separerad från redigeraren.
2
Låt Flowstep länka dina skärmar
Om filen har två eller flera skärmar länkar Flowstep automatiskt interaktiva element — knappar, kort, menyalternativ — till deras målskärmar när du öppnar förhandsvisningen (du ser “Bringing your screens to life” medan det fungerar). Länkarna genereras bara igen när dina skärmar har ändrats sedan senaste körningen.
3
Klicka dig igenom ditt flöde
Klicka på ett länkat element — en knapp, ett kort, ett menyalternativ — för att navigera till dess målskärm. Sidofältet listar alla skärmar i filen så du kan hoppa direkt till någon av dem, och Back to editor returnerar dig till filen.
Automatisk länkning kräver minst två skärmar i filen. Om länkgenereringen misslyckas använder du knappen Retry i spelaren.
Ange navigering manuellt
Du kan kontrollera exakt var ett element navigerar:- I redigeraren väljer du elementet (till exempel en knapp).
- Öppna panelen Navigation i egenskapspanelen till höger.
- Välj en målskärm från rullgardinen — eller välj No navigation för att ta bort länken.
Interaktiva kontroller
En prototyp är inte bara klickbar navigering — kontrollerna på skärmarna reagerar medan du förhandsgranskar. Vrid en växel, markera en kryssruta, välj ett alternativ för en radioknapp, välj från en rullgardin, växla mellan flikar, skriv i ett fält eller öka en räknare, och skärmen uppdateras live för att återspegla det nya tillståndet. Skärmarna i en fil delar ett prototyptillstånd under en förhandsgranskningssession, så en ändring du gör på en skärm överförs när du klickar dig in i andra. Du kan också växla en skärm mellan ljus och mörk utseende för att se hur den svarar.Interaktivt beteende genereras automatiskt från dina skärmar — det finns inget att ansluta. Förhandsgranska en fil för att prova det.