Åbn en prototype
1
Klik Preview
I editor-værktøjslinjen klikker du på Preview. Prototype-afspilleren åbnes som en fuldskærms-visning, adskilt fra editoren.
2
Lad Flowstep linke dine skærme
Hvis din fil har to eller flere skærme, linker Flowstep automatisk interaktive elementer — knapper, kort, menupunkter — til deres målskærme, når du åbner forhåndsvisningen (du vil se “Bringing your screens to life” mens det arbejder). Links genereres kun på ny, når dine skærme er ændret siden sidste kørsel.
3
Klik gennem dit flow
Klik på ethvert linket element — en knap, et kort, et menupunkt — for at navigere til dets målskærm. Sidepanelet viser alle skærme i filen, så du kan springe direkte til en hvilken som helst af dem, og Back to editor returnerer dig til filen.
Automatisk linking kræver mindst to skærme i filen. Hvis linkgenereringen mislykkes, skal du klikke på Retry-knappen i afspilleren.
Angiv navigation manuelt
Du kan styre præcis, hvor et element navigerer hen:- I editoren vælger du elementet (for eksempel en knap).
- Åbn Navigation-panelet i egenskabspanelet til højre.
- Vælg en målskærm fra dropdown-menuen — eller vælg No navigation for at fjerne linket.
Interaktive kontrolelementer
En prototype er ikke bare klikbar navigation — kontrolelementer på dine skærme reagerer under forhåndsvisningen. Flip en switch, flueben et afkrydsningsfelt, vælg en radioindstilling, vælg fra en dropdown, skift faner, skriv i et felt eller øg en tæller, og skærmen opdateres live for at afspejle den nye tilstand. Skærme i en fil deler en prototype-tilstand under en forhåndsvisningssession, så en ændring, du foretager på en skærm, gennemføres, når du klikker på andre. Du kan også skifte en skærm mellem lyst og mørkt udseende for at se, hvordan den reagerer.Interaktiv adfærd genereres automatisk fra dine skærme — der er intet at forbinde. Forhåndsvisning af en fil for at prøve det.