Pāriet uz galveno saturu
Flowstep ģenerē UI ekrānus no dabiskās valodas uzvednēm, ļaujot no idejas nonākt līdz vizuālam dizainam dažās sekundēs. Vai nu jums ir vajadzīgs viens ekrāns, lai pārbaudītu koncepciju, vai pilns ekrānu kopums, kas aptver visu lietotāja ceļu, sākt pietiek ar labi uzrakstītu uzvedni.

​
Ģenerēt dizainu

1

Atveriet jaunu projektu

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

Uzrakstiet uzvedni

Ierakstiet ekrāna vai ekrānu aprakstu, ko vēlaties. Esiet konkrēti par lietotnes veidu, lietotāja mērķi un saturu, ko sagaidāt redzēt.
3

Norādiet, cik ekrānu vēlaties

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

Ģenerējiet

Iesniedziet uzvedni. Flowstep izveido ekrānus un parāda tos redaktorā, gatavus pārskatīšanai vai precizēšanai.
Kad izveidojat jaunu failu un nosūtāt tā pirmo uzvedni, Flowstep failam piešķir nosaukumu, balstoties uz šo uzvedni, lai to vēlāk būtu viegli atrast. Fails, kuram jau ir nosaukums vai iepriekšējas uzvednes, saglabā savu nosaukumu, un jūs jebkurā laikā varat pats pārdēvēt jebkuru failu.

​
Apturēt ģenerēšanu

Kamēr Flowstep atbild, sūtīšanas poga pārvēršas par apturēšanas pogu (Stop Flowstep response). Noklikšķiniet uz tās, lai apturētu ģenerēšanu. Vairāku ekrānu pieprasījumā ekrāni, kas jau ir pabeigti, paliek jūsu audeklā, bet nepabeigtie tiek noņemti. Apturot pēc tam, kad Flowstep ir sācis veidot ekrānus, tiek izmantots ziņojums — skatiet ziņojumi un limiti.

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

Vienā uzvednē varat ģenerēt vai nu vienu ekrānu, vai līdz 6 ekrāniem. Abas pieejas ir piemērotas dažādiem dizaina darba posmiem.
  • Viens ekrāns — vislabāk piemērots konkrēta UI stāvokļa, komponenta vai fokusēta koncepta izpētei.
  • Vairāki ekrāni — vislabāk piemērots plūsmu kartēšanai, izkārtojuma variantu salīdzināšanai vai pilna lietotāja ceļa ātrai aptveršanai.
Ja vēlaties vairākus ekrānus, esiet skaidrs savā uzvednē. Flowstep izmanto jūsu uzvednes formulējumu, lai noteiktu, cik ekrānu izveidot, tāpēc neskaidras uzvednes parasti atgriež vienu ekrānu. Ģenerētie ekrāni tiek nosaukti Screen 1, Screen 2 un tā tālāk — izmantojiet šos nosaukumus, lai nākamajās uzvednēs norādītu uz konkrētu ekrānu.

​
Citi veidi, kā uzrakstīt uzvedni

Teksts nav vienīgais ievades veids. Varat arī:
  • Pievienot failus — pievienojiet uzvednei attēlus (JPG, PNG, WEBP) vai dokumentus (PDF, MD, TXT) līdz 3 MB katrs, velkot un nometot, izmantojot failu atlasītāju vai ielīmējot. Atsaucieties uz pievienoto attēlu savā uzvednē, un Flowstep to iekļauj ģenerētajos ekrānos. Skatiet Izmantot dizaina atsauces.
  • Diktēt uzvedni — noklikšķiniet uz mikrofona pogas uzvedņu joslā (vai nospiediet Cmd+Shift+V operētājsistēmā Mac vai Ctrl+Shift+V operētājsistēmā Windows) un runājiet līdz 60 sekundēm. Transkripts tiek pievienots jau ierakstītajam tekstam.
  • Ļaut Flowstep meklēt informāciju tīmeklī — ja uzvedne to prasa (piemēram, „Izveidojiet Stripe cenu lapas kopiju“), Flowstep var meklēt tīmeklī un nolasīt lapas zīmola elementus — krāsas, fontus, logotipu, UI komponentus — un izmantot tos ģenerētajos ekrānos. Flowstep pats izlemj, vai meklēt informāciju, tāpēc tas ne vienmēr tiks aktivizēts katrai uzvednei. Ņemiet vērā, ka atjaunotās tīmekļa vietnes izmanto citus attēlus un navigāciju nekā oriģināls.
  • Iestatīt dizaina vadlīnijas — definējiet pastāvīgus stila noteikumus, kas attiecas uz katru ģenerēšanu failā. Skatiet Dizaina vadlīnijas.

​
Efektīvu uzvedņu rakstīšana

Viena ekrāna uzvednes piemērs: „Izveidojiet mobilās ierīces pieteikšanās ekrānu fitnesa izsekošanas lietotnei ar e-pasta un paroles laukiem, pierakstīšanās pogu un saiti uz paroles atjaunošanu.“
Vairāku ekrānu uzvednes piemērs: „Ģenerējiet vairākus ekrānus ēdienu piegādes lietotnes ievadīšanas plūsmai — aptveriet virtuves preferenču izvēli, piegādes adreses ievadi un pirmā pasūtījuma apstiprināšanu.“
Pilna lietotāja ceļa uzvednes piemērs: „Aptveriet pilnu lietotāja ceļu izdevumu pārskatu lietotnē — no kvītis iesniegšanas līdz vadītāja apstiprinājumam.“
Rakstot uzvednes, ņemiet vērā šos principus:
  • Norādiet platformu (mobilā, darbvirsma, planšetdators), lai Flowstep pareizi izmērotu ekrānus.
  • Aprakstiet lietotāja mērķi, nevis tikai UI elementus — Flowstep izkārtojumu secina no nodoma.
  • Iekļaujiet galveno saturu, piemēram, etiķetes, darbības vai datus, ja tie ir svarīgi dizainam.
  • Izmantojiet tādas frāzes kā „ģenerējiet vairākus ekrānus“ vai „aptveriet pilnu lietotāja ceļu“, lai aktivizētu vairāku ekrānu izvadi.