Skip to main content
Flowstep poate transforma ecranele dintr-un fișier într-un prototip pe care poți face clic. Fă clic pe Preview în bara de instrumente a editorului și Flowstep deschide un player de prototip pe pagina completă în care poți face clic prin fluxul tău — util pentru testarea unei călătorii a utilizatorului sau prezentarea acesteia părților interesate.

Deschide un prototip

1

Fă clic pe Preview

În bara de instrumente a editorului, fă clic pe Preview. Playerul de prototip se deschide ca o vizualizare pe pagina completă, separată de editor.
2

Lasă Flowstep să ți le lege ecranele

Dacă fișierul tău are două sau mai multe ecrane, Flowstep leagă automat elementele interactive — butoane, carduri, articole de meniu — la ecranele lor țintă atunci când deschizi previzualizarea (vei vedea “Bringing your screens to life” în timp ce lucrează). Legăturile sunt regenerate doar atunci când ecranele tale s-au schimbat de la ultima execuție.
3

Fă clic prin fluxul tău

Fă clic pe orice element legat — un buton, un card, un articol de meniu — pentru a naviga la ecranul său țintă. Bara laterală listează toate ecranele din fișier, deci poți sări la orice dintre ele direct, iar Back to editor te readuce la fișier.
Legarea automată are nevoie de cel puțin două ecrane în fișier. Dacă generarea de legătură eșuează, folosește butonul Retry din player.

Setează navigația manual

Poți controla exact unde navighează un element:
  1. În editor, selectează elementul (de exemplu, un buton).
  2. Deschide panoul Navigation în panoul de proprietăți din dreapta.
  3. Alege un ecran țintă din dropdown — sau selectează No navigation pentru a elimina legătura.
Pentru a opri legarea automată Flowstep din suprascrierea unei legări pe care ai setat-o tu, fă clic pe Lock link din panoul Navigation. Legăturile blocate sunt lăsate neatinse atunci când legăturile sunt regenerate.

Comenzi interactive

Un prototip nu este doar navigație pe care poți face clic — comenzile pe ecranele tale răspund în timp ce previzualizezi. Comută un switch, bifează o casetă, alege o opțiune radio, selectează dintr-un dropdown, comută tab-uri, scrie într-un câmp, sau incrementează un contor, și ecranul se actualizează în timp real pentru a reflecta starea nouă. Ecranele dintr-un fișier partajează o stare de prototip în timpul unei sesiuni de previzualizare, deci o schimbare pe care o faci pe un ecran se duce la tine pe măsură ce faci clic în altele. De asemenea, poți comuta un ecran între aspectul luminos și întunecat pentru a vedea cum răspunde.
Comportamentul interactiv este generat automat din ecranele tale — nu trebuie să cablezi nimic. Previzualizează un fișier pentru a-l încerca.