Wireframe
Wireframe, sayfanın veya ekranın yapısını gösterir. İçerik düzenini tartışmayı sağlar; tamamlanmış etkileşim akışını kanıtlamaz.
Wireframe, bir sayfanın veya ekranın yapısını sade biçimde gösterir. Gezinmenin, içeriğin ve kontrollerin nerede yer aldığını, hangi bilginin öne çıkacağını anlatabilir. Görsel ayrıntılar bilinçli olarak sınırlı tutulabilir.
Taslak neye yeter?
Varsayımsal müşteri portalında wireframe, belge aramasını sonuç listesinin üstüne yerleştirir. Böylece ayrıntılar tasarlanmadan bilgi düzeni tartışılabilir.
Çizim tek başına aramanın nasıl yanıt vereceğini veya bağlantının nereye gideceğini göstermez. Bunun için açıklamalar, akış veya etkileşimli prototip gerekir. Wireframe her ekran boyutu için teknik şartname değildir; anlaşılır kullanımın kanıtı da sayılmaz.
Kaynaklar
İlgili terimler
- Kullanıcı arayüzüKullanıcı arayüzü sistemle etkileşim kurmayı sağlar. Etiketleri, geri bildirimleri ve eylemlere verilen yanıtları da kapsar.
- PrototipPrototip, tasarımın belirli bir soruyla incelenmesini sağlar. Biçimi ve kapsamı, giderilecek belirsizliğe göre seçilir.
- Etkileşimli prototipEtkileşimli prototip seçilmiş eylemlere yanıt verir. Arka plandaki gerçek işlemleri kurmadan kullanım yolunun denenmesini sağlayabilir.
- Odak sırasıOdak sırası, odaklanabilir öğeler arasındaki yolu belirler. Dinamik değişikliklerde de anlamı ve kullanılabilirliği korumalıdır.
- Odak tuzağıOdak tuzağında klavye kullanımı bir alanın içinde sıkışır. Diyalogdaki bilinçli odak sınırlamasının klavyeyle kullanılabilir bir çıkışı olmalıdır.
- Ana içeriğe geçiş bağlantısıGeçiş bağlantısı, tekrarlanan gezinme alanını atlayarak ana içeriğe götürür. Sonraki klavye adımının da doğru yerde devam etmesi gerekir.
Bu konudaki yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı