11. SınıfGrafik ve Fotoğraf / Tasarım
Arayüz Tasarımı ve Prototip — Çalışma Sayfası
Kazanımlar, önemli noktalar ve sık yapılan hatalar tek sayfada.
Bu konuda öğrenecekleriniz
- 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
Önemli noktalar
- 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.
Formüller ve kurallar
- Kullanıcı akışı = giriş noktasından hedefe kadar gereken adımların sıralı listesi
- Durum listesi = varsayılan, üzerine gelme, odak, basılı, pasif, hata ve yüklü durumları
- Etkileşimli prototip, gerçek kod yazılmadan akışın denenebildiği yapılabilir tasarımdır
- Dokunma alanı için önerilen en küçük ölçü 44 x 44 piksel düzeyindedir
- Form doğrulaması, veri sunucuya gönderilmeden önce yapılır
- Test bulgusu önceliği, kullanıcı sayısındaki görülme sıklığı ile etki düzeyinin çarpımına göre belirlenir
- Bileşen kütüphanesindeki her bileşen için durumlar ve davranış kuralları tanımlıdır
- Arayüz tasarım dosyası ekranları, durumları, ölçüleri ve davranış kurallarını kapsar
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.
- Hata: Bulgu sayısını önceliklendirme ölçütü olarak kullanmak, az görülen ama kullanıcıyı tümden engelleyen sorunları gizleyebilir.
- Hata: Prototipi yalnız tasarımcının gösterisi olarak sunmak, kullanıcı geri bildirimi alınmadan karar verilmesine yol açar.
Hızlı tekrar ipuçları
- Tel kafeste bile içerik gerçek metinle yazın; sahte metin akışı gizler.
- Prototipi mümkün olan en erken aşamada test edin.
- Her durumu ayrı ayrı çizip bir araya getirin; bütün hâli büyük resim olarak denetleyin.
- Bulguları sayısal verilerle destekleyin; tek kişinin yorumu yeterli değildir.
- Durum kurallarını tasarım dosyasında tablo hâlinde tutun.
Kendini dene
Bu sayfayı okuduktan sonra konu anlatımını tekrar oku ve kendi cümlelerinle özetle.