Skip to main content
Aplikace Flowstep může převést obrazovky v souboru na klikací prototyp. Klikněte na Preview v panelu nástrojů editoru a Flowstep otevře přehrávač prototypů na celou stránku, kde můžete projít svůj tok — užitečné pro testování uživatelské cesty nebo její prezentaci zúčastněným stranám.

​
Otevřete prototyp

1

Klikněte na Preview

V panelu nástrojů editoru klikněte na Preview. Přehrávač prototypů se otevře jako zobrazení na celou stránku, oddělené od editoru.
2

Nechte aplikaci Flowstep propojit vaše obrazovky

Pokud má váš soubor dvě nebo více obrazovek, Flowstep automaticky propojí interaktivní prvky — tlačítka, karty, položky nabídky — s jejich cílovými obrazovkami, když otevřete náhled (během toho se zobrazí „Bringing your screens to life”). Odkazy se regenerují pouze v případě, že se vaše obrazovky změnily od posledního spuštění.
3

Projděte svůj tok

Klikněte na jakýkoli propojený prvek — tlačítko, kartu, položku nabídky — abyste se dostali na cílovou obrazovku. Postranní panel uvádí všechny obrazovky v souboru, takže se na kteroukoli z nich můžete přesunout přímo, a Back to editor vás vrátí do souboru.
Automatické propojování vyžaduje alespoň dvě obrazovky v souboru. Pokud generování odkazů selže, použijte tlačítko Retry v přehrávači.

​
Nastavte navigaci ručně

Můžete přesně kontrolovat, kam se prvek naviguje:
  1. V editoru vyberte prvek (například tlačítko).
  2. Otevřete panel Navigation v panelu vlastností na pravé straně.
  3. Vyberte cílovou obrazovku z rozbalovacího seznamu — nebo zvolte No navigation, abyste odstranili odkaz.
Chcete-li zabránit automatickému propojování aplikace Flowstep v přepisování odkazu, který jste si sami nastavili, klikněte na Lock link v panelu Navigation. Zamknuté odkazy zůstanou nedotčeny při regeneraci odkazů.

​
Interaktivní ovládání

Prototyp není jen klikací navigace — ovládání na vašich obrazovkách reagují během náhledu. Přepněte přepínač, zaškrtněte políčko, vyberte možnost radiobuttonu, zvolte z rozbalovacího seznamu, přepínejte karty, zadejte text do pole nebo zvyšujte čítač a obrazovka se aktualizuje v reálném čase, aby odrážela nový stav. Obrazovky v souboru sdílejí jeden stav prototypu během relace náhledu, takže změna, kterou provedete na jedné obrazovce, se přenese, když kliknete na ostatní. Můžete také přepnout obrazovku mezi světlým a tmavým vzhledem a vidět, jak na to reaguje.
Interaktivní chování se generuje automaticky z vašich obrazovek — není třeba nic kabeláže. Vyzkoušejte si to náhledem souboru.