Arayüz Tasarımı ve Prototip nedir?

Bu konuda neler öğreneceksin?

• Tel keseften çıkarılan düzenin işlevsel mantığını kurmak
• Kullanıcı akışını ve durumları tanımlamak
• Etkileşimli prototip hazırlayıp test etmek
• Bileşen kurallarını belgelemek
• Test bulgularını önceliklendirerek düzeltme planı yapmak

Anahtar fikirler

• Tel kafes, renk ve tipografi olmadan düzen ve akışı göstermek için kullanılır.
• Prototip, bir tasarım fikrini erken ve ucuz biçimde test etmeyi sağlar.
• Her arayüz bileşeni için durumlar tanımlanmalıdır.
• Test bulgusu gözlemle desteklenmeden önceliklendirilmemelidir.
• Geri dönüş ve iptal yolu her akışta bulunmalıdır.
• Belgelenmeyen tasarım kararı, uygulamada farklı yorumlanır.

Konunun özeti

Tel kese düzeni çıkarır, akış ve durumlar belirlenir, etkileşimli prototip hazırlanır ve kullanıcıyla test edilir. Her aşamada kararlar belgelenir; böylece tasarım, geliştirme ve test ekipleri aynı referansı kullanır. Prototipin değeri, erken geri bildirim almaktır. Test bulguları ise gözlemle desteklenip etki ve sıklık ölçütleriyle önceliklendirilerek düzeltme planına dönüştürülür.

Sık yapılan hatalar

• Hata: Tel kafeste gerçek içerik yerine anlamsız kısa metinler kullanmak, uzun metinlerin yarattığı sorunları gizler ve akış yanlış planlanır.
• Hata: Yalnız mutlu akışı tasarlamak, gerçek kullanıcıların karşılaştığı hata ve boş durumlarını planlamamış bir ürün bırakır.
• Hata: Bileşen durumlarını tanımlamadan tasarımı teslim etmek, uygulamada her ekranda farklı davranışlara yol açar.

İlgili konular

• Renk Kontrastı ve Erişilebilirlik
• Izgara ve Düzen Sistemleri
• Görsel Hiyerarşi ve Beyaz Alan
• Video ve Hareket Grafik Temelleri
• Baskı Tasarımı ve Kâğıt
• UX Araştırması ve Kullanılabilirlik Testi