Skip to main content
Flowstep luo käyttöliittymänäyttöjä luonnollisen kielen kehotteiden perusteella, jotta voit siirtyä ideasta visuaaliseen suunnitelmaan sekunneissa. Riippumatta siitä, tarvitsetko yksittäisen näytön käsitteen validoimiseksi vai täyden joukon näyttöjä, jotka kattavat koko käyttäjämatkan, hyvin kirjoitettu kehote on kaikki mitä tarvitset alkuun.

​
Luo suunnitelma

1

Avaa uusi projekti

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

Kirjoita kehotteesi

Kirjoita kuvaus haluamistasi näytöistä. Ole tarkka sovelluksen tyypistä, käyttäjän tavoitteesta ja sisällöstä, jonka odotat näkevän.
3

Määritä kuinka monta näyttöä haluat

Oletuksena Flowstep luo yksittäisen näytön. Jos haluat useita näyttöjä, kerro siitä selkeästi kehobissa — Flowstep voi luoda jopa 6 näyttöä yhdestä kehobista.
4

Luo

Lähetä kehote. Flowstep tuottaa näyttösi ja näyttää ne editorissa, valmiina tarkistettavaksi tai hienosäädettäviksi.

​
Yksittäinen näyttö vs. useat näyttöt

Voit luoda joko yhden näytön tai jopa 6 näyttöä yhdestä kehobista. Molemmat lähestymistavat sopivat eri suunnittelutyön vaiheisiin.
  • Yksittäinen näyttö — parhaiten sopii tietyn käyttöliittymän tilan, komponentin tai rajatun käsitteen tutkimiseen.
  • Useat näyttöt — parhaiten sopii virtojen kartoittamiseen, asetteluvaihtoehtojen vertailuun tai täydellisen käyttäjämatkan nopeaan peittämiseen.
Jos haluat useita näyttöjä, ole selkeä kehobissa. Flowstep käyttää kehotteeseesi kirjoittamiasi sanoja päättääkseen kuinka monta näyttöä luoda, joten epäselvät kehotukset tuottavat tyypillisesti yksittäisen näytön. Luodut näyttöt on nimetty Screen 1, Screen 2 jne. — käytä näitä nimiä viitattaaksesi tiettyyn näyttöön myöhemmissä kehobissa.

​
Lisää tapoja kehottaa

Teksti ei ole ainoa syötteen muoto. Voit myös:
  • Liitä tiedostoja — lisää kuvia (JPG, PNG, WEBP) tai asiakirjoja (PDF, MD, TXT), enintään 3 MB kukin, kehoteeseen vetämällä ja pudottamalla, tiedoston valitsijalla tai liittämällä. Viittaa liitettyyn kuvaan kehobissa ja Flowstep sisällyttää sen luotuihin näyttöihin. Katso Käytä viitteitä.
  • Puhu kehote ääneen — napsauta mikrofoninappia kehotepalkkissa (tai paina Cmd+Shift+V Macissa, Ctrl+Shift+V Windowsissa) ja puhu jopa 60 sekuntia. Litterointi lisätään siihen, mitä olet jo kirjoittanut.
  • Anna Flowstepin tutkia verkkoa — kun kehotuksesi sitä vaatii (esimerkiksi “kloonaa Stripen hinnoittelusivu”), Flowstep voi etsiä verkosta ja lukea sivuston brändäyksen — värit, fontit, logo, käyttöliittymän komponentit — ja käyttää sitä luoduissa näytöissä. Flowstep päättää itse, tutkitaanko verkkoa, joten se ei välttämättä aktivoidu jokaisella kehobilla; huomaa, että uudelleen luodut verkkosivustot käyttävät eri kuvia ja navigointia kuin alkuperäinen.
  • Aseta suunnitteluohjeet — määritä pysyvät tyylisäännöt, jotka koskevat jokaista luontia tiedostossa. Katso Suunnitteluohjeet.

​
Tehokkaan kehottamisen kirjoittaminen

Kehote yksittäiselle näytölle: “Suunnittele mobiilikirjautumisnäyttö kuntoiluseuraamisohjelmalle, jossa on sähköposti- ja salasanakentät, kirjautumispainike ja salasanan unohtamisen linkki.”
Kehote monille näytöille: “Luo useita näyttöjä ruoanjakellusovelluksen perehdytysvirtaan — kata ruokalajien valinnan, toimitusosoitteen antamisen ja ensimmäisen tilauksen vahvistamisen.”
Kehote täydelle käyttäjämatkalle: “Kata täysi käyttäjämatka kulujen raportointisovelluksessa, kuiteista lähettämisestä johtajan hyväksymiseen.”
Pidä nämä periaatteet mielessä kehobsia kirjoittaessasi:
  • Nimeä alusta (mobiili, pöytäkone, tabletti) niin että Flowstep määrittää näyttöjen koon oikein.
  • Kuvaile käyttäjän tavoitetta, ei vain käyttöliittymän elementtejä — Flowstep päättelee asettelun tarkoituksesta.
  • Sisällytä keskeinen sisältö, kuten nimiöt, toiminnot tai tiedot, jos ne ovat tärkeitä suunnittelulle.
  • Käytä lauseita, kuten “luo useita näyttöjä” tai “kata täysi käyttäjämatka” monienäyttö-tuloksen käynnistämiseksi.