12. SınıfGrafik ve Fotoğraf / Tasarım
Arayüz Tasarımı — Çalışma Sayfası
Kazanımlar, önemli noktalar ve sık yapılan hatalar tek sayfada.
Bu konuda öğrenecekleriniz
- Arayüz tasarımının amacını ve kullanılabilirlik ölçütlerini açıklar.
- Kullanıcı görevlerini adım sayısıyla ölçebilir.
- Hata mesajı ve girdi doğrulama kurallarını uygulayabilir.
- Birincil ve ikincil eylemleri görsel hiyerarşiyle ayırabilir.
- Erişilebilirlik ölçütlerini arayüz kararlarına yansıtabilir.
Önemli noktalar
- Arayüz tasarımının ölçütü, kullanıcının çabasıdır.
- Görev tamamlama için gereken adım sayısı azaltılmalıdır.
- Hata mesajı, ne olduğunu ve ne yapılacağını birlikte söyler.
- Girdi doğrulama, veri gönderilmeden önce yapılır.
- Birincil eylem, görsel hiyerarşide öne çıkarılır.
- Boş, yükleme ve hata durumları arayüzde belirtilmelidir.
- Renk, anlam taşıyan bir işaret olarak metinle desteklenmelidir.
Formüller ve kurallar
- Arayüz amacı = kullanıcının görevi en az çabayla tamamlaması
- Görev süresi = toplam adım sayısı × adım başına süre
- Görev tamamlama oranı = tamamlayan kullanıcı sayısı ÷ toplam kullanıcı sayısı
- Hata düzeltme süresi = hata sayısı × ortalama düzeltme süresi
- Duyarlı yerleşim = ekran genişliğine göre yeniden düzenlenen yapı
- Dokunma hedefi = parmakla rahat basılabilecek en küçük etkileşim alanı
- Erişilebilirlik = klavyeyle dolaşım, anlaşılır etiket, renk desteği
Sık yapılan hatalar
- Tasarımı estetik olma amacıyla sınırlamak: Güzel görünen ama çabayı artıran bir arayüz, kullanılabilir olmayan bir arayüzdür.
- Hata mesajında yalnızca teknik kodu göstermek: Kullanıcı ne yapacağını bilmediği için işi tamamlayamaz ve tekrar dener.
- Bütün eylemleri aynı güçte sunmak: Eşit vurgu, hangi eylemin birincil olduğunu gizler ve karar vermeyi zorlaştırır.
- Boş durumu sessizce geçmek: Kullanıcı ekranın boş olduğunu anlamaz ve ilk adımı nereden atacağını bilemez.
- Bilgiyi yalnız renkle aktarmak: Renk algısı farklı olan kullanıcılar aynı uyarıyı görmez; bildirim metinle desteklenmelidir.
Hızlı tekrar ipuçları
- Bir görevi kendin tamamlamayı dene ve nerede durduğunu not et; takılma noktaları iyileştirme alanıdır.
- Arayüzdeki bütün düğmeleri bir kâğıda listeleyip güçlerini karşılaştır.
- Bir hata mesajı alınca yazının ne yapılacağını söyleyip söylemediğini denetle.
- Formu doldururken hangi anda doğrulama yapıldığını izle ve zaman kaybını ölç.
- Arayüzü yalnızca klavyeyle kullanmayı dene; odak sırası gözle görülür.
Kendini dene
Bu sayfayı okuduktan sonra konu anlatımını tekrar oku ve kendi cümlelerinle özetle.