Flows

Een flow is een reeks opgeslagen prototypes die naar elkaar linken, zoals een prijspagina waarvan de knoppen een afrekenpagina openen. Je bouwt elk scherm apart en vraagt Vibr daarna om ze te koppelen.

Het ene scherm aan het andere koppelen

1. Bouw het scherm waarnaar je wilt linken, zoals een afrekenpagina, en kies Opslaan.
2. Kies Nieuw om aan het volgende scherm te beginnen.
3. Vermeld in je verzoek het opgeslagen scherm met @screen/, bijvoorbeeld: “Een prijspagina met drie abonnementen. Aan de slag opent @screen/a-checkout-page-with-an-order-summary”.

De schermnaam van elk opgeslagen prototype komt van de titel. Typ @screen/ om de lijst te zien, of @ en de eerste paar letters van de titel.

Als je in het canvas op een gekoppelde knop klikt, verlaat je het concept niet. Vibr vertelt je welk scherm de knop opent en herinnert je eraan Afspelen te gebruiken.

De flow afspelen

Als een concept naar andere schermen linkt, verschijnt er een knop Afspelen boven het canvas. Kies die om door de flow te klikken zoals een gebruiker dat zou doen.

• Het pad boven het canvas toont de schermen die je hebt bezocht.
• Terug gaat naar het vorige scherm en Opnieuw starten naar het eerste.
• Klaar, of Esc, stopt het afspelen.

Als een link naar een scherm wijst dat niet is opgeslagen, meldt Afspelen dat. Sla een prototype op met die naam, of vraag Vibr om ergens anders naartoe te linken.

Een flow exporteren

Kies in Exporteren voor Flow (.zip) om dit scherm en elk scherm waarnaar het linkt als webpagina's te downloaden. Open index.html om te beginnen; elk gekoppeld scherm is een eigen pagina, en de links werken. Een flowexport bevat maximaal 30 schermen. Zie Bibliotheek en exports.