Flowstep, doğal dil istemlerinden UI ekranları oluşturur. Böylece fikirden görsel tasarıma saniyeler içinde geçebilirsiniz. Bir konsepti doğrulamak için tek bir ekrana ihtiyacınız olsun ya da tam bir kullanıcı yolculuğunu kapsayan bir ekran setine, iyi yazılmış bir istem başlamak için yeterlidir.
Tasarım oluşturun
1
Yeni bir proje açın
Flowstep panonuzdan yeni bir proje oluşturun veya ekran eklemek istediğiniz mevcut bir projeyi açın.
2
İsteminizi yazın
Oluşturmak istediğiniz ekran veya ekranları tanımlayın. Uygulama türü, kullanıcı hedefi ve görmeyi beklediğiniz içerik konusunda belirli olun.
3
Kaç ekran istediğinizi belirtin
Varsayılan olarak Flowstep tek bir ekran oluşturur. Birden fazla ekran istiyorsanız, isteminizde bunu açıkça belirtin. Flowstep, tek bir istemden en fazla 6 ekran oluşturabilir.
4
Oluşturun
İsteminizi gönderin. Flowstep ekranlarınızı oluşturur ve inceleme veya iyileştirme için düzenleyicide gösterir.
Yeni bir dosya oluşturup ilk isteminizi gönderdiğinizde, Flowstep dosyayı bu isteme göre adlandırır. Böylece dosyayı sonra kolayca bulabilirsiniz. Zaten adı olan veya önceki istemleri bulunan bir dosya adını korur. Herhangi bir dosyayı istediğiniz zaman kendiniz yeniden adlandırabilirsiniz.
Oluşturmayı durdurun
Flowstep yanıt verirken gönder düğmesi bir durdurma düğmesine (Stop Flowstep response) dönüşür. Oluşturmayı durdurmak için buna tıklayın. Çok ekranlı bir istekte, tamamlanmış ekranlar tuvalinizde kalır ve tamamlanmamış olanlar kaldırılır. Flowstep ekran oluşturmaya başladıktan sonra durdurursanız, yine de mesaj kullanılır. Bkz. mesajlar ve limitler.Tek ekran ve birden fazla ekran
Tek bir istemden bir ekran veya en fazla 6 ekran oluşturabilirsiniz. Her iki yaklaşım da tasarım çalışmasının farklı aşamalarına uygundur.- Tek ekran — belirli bir UI durumunu, bileşeni veya odaklanmış bir konsepti keşfetmek için en uygunu.
- Birden fazla ekran — akışları haritalandırmak, düzen seçeneklerini karşılaştırmak veya tam bir kullanıcı yolculuğunu hızla kapsamak için en uygunu.
Daha fazla istem yolu
Yalnızca metin girişi değildir. Ayrıca şunları yapabilirsiniz:- Dosya ekleyin — sürükleyip bırakarak, dosya seçiciyle veya yapıştırarak isteme 3 MB’a kadar görseller (JPG, PNG, WEBP) veya belgeler (PDF, MD, TXT) ekleyin. Ekli bir görsele isteminizde başvurun. Flowstep bunu oluşturulan ekranlara dahil eder. Bkz. Referansları Kullan.
- İsteminizi dikte edin — istem çubuğundaki mikrofon düğmesine tıklayın (veya Mac’te Cmd+Shift+V, Windows’ta Ctrl+Shift+V tuşlarına basın) ve 60 saniyeye kadar konuşun. Transkript, zaten yazdığınız metne eklenir.
- Flowstep’in web’i araştırmasına izin verin — isteminiz bunu gerektirdiğinde (örneğin “Stripe fiyatlandırma sayfasını klonla”), Flowstep web’de arama yapabilir. Ayrıca bir sayfanın markasını (renkler, yazı tipleri, logo, UI bileşenleri) okuyup oluşturulan ekranlarda kullanabilir. Araştırma yapıp yapmayacağına Flowstep kendisi karar verir. Bu nedenle her istemde tetiklenmeyebilir. Yeniden oluşturulan web sitelerinin görselleri ve gezinmesinin orijinalinden farklı olduğunu unutmayın.
- Tasarım yönergeleri belirleyin — dosyadaki her oluşturmaya uygulanan kalıcı stil kuralları tanımlayın. Bkz. Tasarım Yönergeleri.
Etkili istemler yazma
İstemler yazarken şu ilkeleri aklınızda tutun:- Platformu (mobil, masaüstü, tablet) belirtin. Böylece Flowstep ekranları doğru boyutlandırır.
- Yalnızca UI öğelerini değil, kullanıcının hedefini tanımlayın. Flowstep düzeni niyetten çıkarır.
- Tasarım için önemliyse etiketler, eylemler veya veriler gibi temel içeriği ekleyin.
- Birden fazla ekran çıktısı almak için “birden fazla ekran oluştur” veya “tam kullanıcı yolculuğunu kapsa” gibi ifadeler kullanın.