Skip to main content
Flowstep ģenerē UI ekrānus no dabiskas valodas uzvedņem, ļaujot jums sekundēs pāriet no idejas uz vizuālo dizainu. Neatkarīgi no tā, vai jums nepieciešams viens ekrāns jēdziena validēšanai vai pilna ekrānu kopa, kas apbūrē visu lietotāja ceļojumu, pietiek ar labi uzrakstītu uzvedni, lai sāktu.

​
Ģenerēt dizainu

1

Atveriet jaunu projektu

No sava Flowstep informācijas paneļa izveidojiet jaunu projektu vai atveriet esošu projektu, kur vēlaties pievienot ekrānus.
2

Uzrakstiet savu uzvedni

Ierakstiet ekrāna vai ekrānu aprakstu, ko vēlaties. Esiet specifisks attiecībā uz lietotnes veidu, lietotāja mērķi un saturu, ko jūs gaidāt redzēt.
3

Norādiet, cik ekrānus vēlaties

Pēc noklusējuma Flowstep ģenerē vienu ekrānu. Ja vēlaties vairākus ekrānus, to skaidri norādiet savā uzvenē — Flowstep var ģenerēt līdz 6 ekrāniem no vienas uzvednes.
4

Ģenerēt

Iesniedziet savu uzvedni. Flowstep izveido jūsu ekrānus un tos parāda redaktorā, gatavs pārskatīšanai vai pilnveidošanai.

​
Viens ekrāns pret vairākiem ekrāniem

Jūs varat ģenerēt vai nu vienu ekrānu, vai līdz 6 ekrāniem no vienas uzvednes. Abi pieejas ir piemērotas dažādiem dizaina darba posmiem.
  • Viens ekrāns — labākais, lai izpētītu konkrētu UI stāvokli, komponentu vai fokusētu jēdzienu.
  • Vairāki ekrāni — labākais, lai kartētu plūsmas, salīdzinātu izkārtojuma iespējas vai ātri apbūtu pilnu lietotāja ceļojumu.
Kad vēlaties vairākus ekrānus, esiet skaidrs savā uzvenē. Flowstep izmanto jūsu uzvednes skaņojumu, lai izlemt, cik ekrānu iegūt, tāpēc neskaidras uzvednes parasti atgriež vienu ekrānu. Ģenerētie ekrāni tiek nosaukti Screen 1, Screen 2 utt. — izmantojiet šos nosaukumus, lai norādītu uz konkrētu ekrānu turpmākajās uzvenēs.

​
Vairāk veidu, kā uzrakstīt uzvedni

Teksts nav vienīgā ievade. Jūs varat arī:
  • Pievienot failus — pievienojiet attēlus (JPG, PNG, WEBP) vai dokumentus (PDF, MD, TXT) līdz 3 MB katram uzvenei, izmantojot velk-un-nometiet, failu atlasītāju vai ielīmēšanu. Norādiet uz pievienotu attēlu savā uzvenē, un Flowstep to iekļauj ģenerētajos ekrānos. Sk. Izmantot atsauces.
  • Diktējiet savu uzvedni — noklikšķiniet uz mikrofona pogas uzvednes joslā (vai nospiediet Cmd+Shift+V Mac, Ctrl+Shift+V Windows) un runājiet līdz 60 sekundēm. Stenogramma tiek pievienota tam, ko jūs jau esat ierakstījis.
  • Ļaujiet Flowstep pārlūkot tīmekli — kad jūsu uzvedne to pieprasa (piemēram, “klonējiet Stripe cenu lapu”), Flowstep var meklēt tīmeklī un lasīt lapas zīmolojumu — krāsas, fontus, logotipu, UI komponentus — un to izmantot ģenerētajos ekrānos. Flowstep patstāvīgi izlemj, vai pārlūkot, tāpēc tas ne vienmēr tiek aktivizēts katrai uzvenei; ņemiet vērā, ka atkārtoti izveidotās tīmekļa vietnes izmanto dažādus attēlus un navigāciju nekā oriģināls.
  • Iestatīt dizaina vadlīnijas — definējiet pastāvīgos stila noteikumus, kas attiecas uz katru ģenerēšanu failā. Sk. Dizaina vadlīnijas.

​
Efektīvu uzvedņu rakstīšana

Viena ekrāna uzvednes piemērs: “Izstrādājiet mobilā pierakstīšanās ekrānu fitnesa izsekošanas lietojumprogrammai ar e-pasta un paroles laukiem, pierakstīšanās pogu un paroles atgūšanas saiti.”
Vairāku ekrānu uzvednes piemērs: “Ģenerējiet vairākus ekrānus ēdiena piegādes lietojumprogrammas onboarding plūsmai — apbūriet ēdiena ieteikumu atlasi, piegādes adreses ievadi un pirmā pasūtījuma apstiprinājumu.”
Pilnas ceļojuma uzvednes piemērs: “Apbūriet pilnu lietotāja ceļojumu izdevumu pārskata lietojumprogrammā, sākot no kvīts iesniegšanas līdz vadītāja apstiprinājumam.”
Paturiet šos principus prātā, rakstot uzvednes:
  • Nosauciet platformu (mobilais, darbvirsma, planšetdators), lai Flowstep pareizi izmēra ekrānus.
  • Aprakstiet lietotāja mērķi, nevis tikai UI elementus — Flowstep secina izkārtojumu no nolūka.
  • Iekļaujiet galvenā satura, piemēram, etiķetes, darbības vai datus, ja tiem ir nozīme dizainā.
  • Izmantojiet frāzes, piemēram, “ģenerējiet vairākus ekrānus” vai “apbūriet pilnu lietotāja ceļojumu”, lai aktivizētu vairāku ekrānu izvadi.