UX ve pazarlama
Kullanıcı akışı şablonu
İlk ziyaretten panele ekranlar ve kararlar
İçinde neler var
- Node sayısı
- 11
- Pack’ler
- Akış ŞemasıTel Çerçeve
- Kategori
- UX ve pazarlama
Free planda çalışır: diyagram başına 15 diyagram node’u + 150 not, metin, çıkartma ve zihin haritası konusu.
Kullanıcı akışı, bir kişinin bir hedefe giderken gördüğü ekranları ve verdiği kararları haritalar. Bu şablon ilk ziyareti izler: uygulamanın açılmasından panele ulaşmaya kadar; bir karşılama ekranı, kullanıcının hesabı olup olmadığına dair bir karar ve ayrı kayıt ile giriş ekranları vardır.
Ekranlar gerçek kontroller içeren basit wireframe’lerdir; akış, kullanıcının nereye gittiğinin yanında ne gördüğünü de gösterir. Ürününüzün ihtiyaç duyduğu hata durumlarını, şifremi unuttum yolunu ya da karşılama adımlarını ekleyin ve ekranlar yapılmadan önce akışı tasarım ve mühendislikle birlikte gözden geçirin.
Ne zaman kullanılır
- Yüksek çözünürlüklü tasarımlardan önce yeni bir özellik ya da karşılama akışı tasarlamak.
- Çıkmaz sokakları ve gereksiz adımları bulmak için mevcut bir yolculuğu gözden geçirmek.
- Bir akışı geliştiricilere, test ekibine ya da destek ekibine anlatmak.
- Bir kayıt ya da ödeme yolunun iki sürümünü karşılaştırmak.
Nasıl kullanılır
Başlangıç ve bitiş noktalarını tasarladığınız hedefe göre yeniden adlandırın.
Wireframe ekranlarını düzenleyin ve kullanıcının gördüğü her adım için bir ekran ekleyin.
Yolun ayrıldığı yerlere kararlar ekleyin ve her oku oraya götüren koşulla etiketleyin.
Hata ve uç durumları ekleyin, ardından akışı incelemeye açın ya da bir tasarım dokümanı için dışa aktarın.
Sorular
Ekranlar için ayrı bir tasarım aracına ihtiyacım var mı?
Akış için hayır. Wireframe pack’inde yapıyı göstermeye yetecek ekranlar, düğmeler, giriş alanları ve gezinme öğeleri vardır. Piksel düzeyinde görsellere ihtiyaç duyduğunuzda bir tasarım aracına geçin.
Kullanıcı akışının müşteri yolculuğu haritasından farkı ne?
Kullanıcı akışı bir ürünün içindeki ekranlar ve kararlarla ilgilidir. Yolculuk haritası ise duygular ve ürün dışındaki temas noktaları dahil, zaman içindeki daha geniş deneyimi kapsar.
Benzer şablonlar
İlgili kullanım alanı
Akış şeması oluşturucuBir dakikada canvas açın
Google veya GitHub ile giriş yapın. Tek koltuk ücretsiz; ekip katılınca planı yükseltin.