> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Kuinka käyttää Flowstepia ilman aiempaa suunnittelukokemusta

> Et tarvitse suunnittelun taustaa luodaksesi hyviä käyttöliittymän näyttöjä Flowstepillä. Opi kuvailemaan, mitä haluat, ja anna Flowstepin hoitaa loput.

Sinun ei tarvitse tietää eroa kirjaintyypin ja fontin välillä, ymmärtää ruudukko-järjestelmiä tai olla koskaan avaanut suunnittelutyökalua. Flowstep hallitsee asettelua, typografiaa, väriä, välilyönnit ja visuaalista hierarkiaa automaattisesti — sinun tehtäväsi on yksinkertaisesti kuvata, mitä haluat.

## Kuinka se toimii ilman suunnittelutaitoja

Kun kirjoitat kehotteen, Flowstep tulkitsee kuvauksesi ja tekee kaikki visuaaliset päätökset, joita suunnittelija tekisi normaalisti: kuinka järjestää elementit näytölle, mitkä fontit käyttää, kuinka paljon tyhjää tilaa lisätä ja kuinka muodostaa visuaalinen hierarkia, joka ohjaa silmää. Sinä kuvaelet näytön tarkoituksen ja sisällön; Flowstep tuottaa näytön, joka näyttää ammattimaisesti suunnitellulta.

<Tip>
  Ajattele Flowstepin kehotusta samalla tavalla kuin antaisit ohjeita suunnittelijalle. Et kertoisi suunnittelijalle, mitä fonttikokoa käyttää — kerrot hänelle, mihin näyttö on tarkoitettu ja mitä sen tulee kommunikoida. Flowstep toimii samalla tavalla.
</Tip>

## Vinkkejä hyvien kehotteiden kirjoittamiseen

Keskity kolmeen asiaan: näytön tarkoitus, tärkeimmät tiedot, joita sen tulee näyttää, ja tuote- tai yleisötyypin.

**Aloita näytön tarkoituksella**

Aloita sillä, mitä näyttö on tarkoitettu tekemään. "Rekisteröintinäyttö ruokasuunnittelun sovellukselle" kertoo Flowstepille paljon enemmän kuin luettelo käyttöliittymän elementeistä.

**Mainitse tärkeimmät sisällöt tai toiminnot**

Sisällytä tärkeimmät asiat, joita käyttäjän tulisi nähdä tai tehdä. Sinun ei tarvitse luetella kaikkea — vain elementit, jotka ovat tärkeimmät käyttäjäkokemukselle.

**Viittaa tuote- tai yleisötyyppiin, jos se auttaa**

Mainitessasi tuotetyypin (esim. kuluttaja-mobiilisovellus, B2B-kojelauta, verkkokaupan kassatoiminto) auttaa Flowstepia valitsemaan oikean visuaalisen sävyn ja käytäntöjä.

<Tip>
  Jos ensimmäinen tulos ei ole aivan oikea, älä aloita alusta — kirjoita vain jatko-kehote. Sanomalla "tee asettelu minimalistisemmaksi" tai "käytä tummempaa väripalettia" riittää ohjaamaan suunnittelua uuteen suuntaan.
</Tip>

## Esimerkkikehotteet kokeiltavaksi

Tässä on muutamia kehotteet, jotka toimivat hyvin, kirjoitettuna tavallisella englannilla ilman suunnittelun terminologiaa:

**Käyttöönottovirtaus fitness-sovellukselle**

> "Käyttöönottovirtauksen ensimmäinen näyttö fitness-sovellukselle. Sen tulisi tervehtia käyttäjää, lyhyesti selittää, mitä sovellus tekee, ja näyttää painike pääsemiseksi alkuun."

**Asetukset-sivu SaaS-tuotteelle**

> "Asetukset-sivu B2B-projektinhallintatyökalulle. Sisällytä osiot profiilille, ilmoituksille, laskutukselle ja kytketyille tileille. Käytä puhdasta, ammattimaista ulkoasua."

**Mobiili kassanäyttö**

> "Kassanäyttö mobiilikaupan sovellukselle. Näytä tilausyhteenveto, kenttä promokoodille ja näkyvä painike ostojen suorittamiselle."

<Note>
  Nämä kehotteet toimivat ei siksi, että ne käyttävät suunnittelun kieltä, vaan koska ne selkeästi kuvaavat näytön tarkoituksen, sisällön ja kontekstin. Se on kaikki, mitä sinä tarvitset.
</Note>