Siirry pääsisältöön
Flowstep luo käyttöliittymänäyttöjä luonnollisen kielen kehotteista, joten siirryt ideasta visuaaliseen suunnitelmaan sekunneissa. Halusitpa sitten yhden näytön konseptin validointiin tai kokonaisen näyttösarjan, joka kattaa koko käyttäjäpolun, hyvin kirjoitettu kehote riittää aloittamiseen.

​
Luo suunnitelma

1

Avaa uusi projekti

Luo Flowstep-kojelaudaltasi uusi projekti tai avaa olemassa oleva projekti, johon haluat lisätä näyttöjä.
2

Kirjoita kehote

Kirjoita kuvaus näytöstä tai näytöistä, jotka haluat. Kerro tarkasti sovelluksen tyyppi, käyttäjän tavoite ja sisältö, jonka odotat näkyvän.
3

Määritä näyttöjen määrä

Oletuksena Flowstep luo yhden näytön. Jos haluat useita näyttöjä, sano se kehotteessa suoraan. Flowstep voi luoda jopa 6 näyttöä yhdestä kehotteesta.
4

Luo

Lähetä kehote. Flowstep luo näytöt ja näyttää ne editorissa, valmiina tarkistettaviksi tai hiottaviksi.
Kun luot uuden tiedoston ja lähetät sen ensimmäisen kehotteen, Flowstep antaa tiedostolle nimen kehotteen perusteella, jotta sen löytäminen myöhemmin on helppoa. Tiedosto, jolla on jo nimi tai aiempia kehotteita, säilyttää nimensä. Voit nimetä minkä tahansa tiedoston uudelleen milloin tahansa.

​
Pysäytä generointi

Kun Flowstep vastaa, lähetyspainike muuttuu pysäytyspainikkeeksi (Stop Flowstep response). Pysäytä generointi napsauttamalla sitä. Usean näytön pyynnössä valmiit näytöt jäävät piirtoalustallesi, ja keskeneräiset poistetaan. Jos pysäytät generoinnin sen jälkeen, kun Flowstep on alkanut rakentaa näyttöjä, se käyttää silti viestin. Katso viestit ja rajat.

​
Yksi näyttö vs. useita näyttöjä

Voit luoda yhden näytön tai jopa 6 näyttöä yhdestä kehotteesta. Molemmat tavat sopivat suunnittelutyön eri vaiheisiin.
  • Yksi näyttö – parhaiten soveltuu tietyn käyttöliittymätilan, komponentin tai rajatun konseptin tutkimiseen.
  • Useita näyttöjä – parhaiten soveltuu käyttöpolkujen kartoittamiseen, asetteluvaihtoehtojen vertailuun tai koko käyttäjäpolun nopeaan kattamiseen.
Kun haluat useita näyttöjä, ilmaise se kehotteessa selvästi. Flowstep päättää näyttöjen määrän kehotteesi sanamuodon perusteella, joten epämääräiset kehotteet tuottavat yleensä yhden näytön. Luodut näytöt nimetään Screen 1, Screen 2 ja niin edelleen. Käytä näitä nimiä, kun viittaat tiettyyn näyttöön seuraavissa kehotteissa.

​
Muita tapoja kehottaa

Teksti ei ole ainoa syöte. Voit myös:
  • Liitä tiedostoja – lisää kehotteeseen kuvia (JPG, PNG, WEBP) tai asiakirjoja (PDF, MD, TXT), joiden koko on enintään 3 Mt kappaletta kohden. Voit vetää tiedostot kehotteeseen, valita ne tiedostovalitsimella tai liittää ne. Viittaa liitettyyn kuvaan kehotteessasi, niin Flowstep sisällyttää sen luotuihin näyttöihin. Katso Käytä suunnitteluviitteitä.
  • Sanele kehotteesi – napsauta kehotepalkin mikrofonipainiketta (tai paina Macissa Cmd+Shift+V tai Windowsissa Ctrl+Shift+V) ja puhu enintään 60 sekuntia. Transkriptio lisätään siihen, mitä olet jo kirjoittanut.
  • Anna Flowstepin tutkia verkkoa – kun kehotteesi sitä vaatii (esimerkiksi “kopioi Stripen hinnoittelusivu”), Flowstep voi hakea verkosta ja lukea sivun brändäyksen, kuten värit, fontit, logon ja käyttöliittymäkomponentit, ja käyttää sitä luoduissa näytöissä. Flowstep päättää itse, tekeekö se tutkimusta, joten se ei välttämättä käynnisty jokaisella kehotteella. Huomaa, että uudelleen luodut verkkosivut käyttävät erilaisia kuvia ja navigointia kuin alkuperäinen.
  • Määritä suunnitteluohjeet – määrittele pysyvät tyylisäännöt, jotka koskevat jokaista tiedoston generointia. Katso Suunnitteluohjeet.

​
Tehokkaiden kehotteiden kirjoittaminen

Esimerkki yhden näytön kehotteesta: “Suunnittele mobiilikirjautumisnäyttö kuntoilusovellukseen, jossa on sähköposti- ja salasanakentät, kirjautumispainike ja unohtuneen salasanan linkki.”
Esimerkki useiden näyttöjen kehotteesta: “Luo useita näyttöjä ruokatoimitussovelluksen perehdytyskulkuun – kata keittiötyylin valinta, toimitusosoitteen syöttäminen ja ensimmäisen tilauksen vahvistaminen.”
Esimerkki koko käyttäjäpolun kehotteesta: “Kata koko käyttäjäpolku kulujen raportointisovelluksessa, kuitin lähettämisestä esimiehen hyväksyntään.”
Muista nämä periaatteet kehotteita kirjoittaessasi:
  • Mainitse alusta (mobiili, työpöytä, tabletti), jotta Flowstep mitoittaa näytöt oikein.
  • Kuvaa käyttäjän tavoite, älä pelkästään käyttöliittymäelementtejä. Flowstep päättelee asettelun tarkoituksesta.
  • Sisällytä keskeinen sisältö, kuten tekstit, toiminnot tai data, jos ne vaikuttavat suunnitelmaan.
  • Käytä ilmauksia, kuten “generate multiple screens” tai “cover the full user journey”, jotta saat useita näyttöjä.