Konu Anlatımı
Arayüz Tasarımı
Arayüz tasarımı, kullanıcı ile sistem arasındaki köprüyü tasarlar. Temel ölçüt, kullanıcının işini en az çabayla tamamlamasını sağlamaktır. Güzel görünen ama çabayı artıran bir arayüz, kullanılabilir olmayan bir arayüzdür. Bu nedenle tasarım kararları, estetik kaygıdan önce kullanıcı davranışı gözlenerek verilmelidir.
Kullanılabilirlik ölçütleri
Kullanılabilirlik, arayüzün kullanıcı tarafından kolayca ve doğru biçimde kullanılabilmesidir. Ölçülebilir göstergeler arasında görev tamamlama oranı, görev süresi, hata sayısı ve tekrar deneme oranı yer alır. Bu göstergeler kullanıcı testleriyle ölçülür. Testte kullanıcıdan beklenen, sistemi öğrenmiş olması değil, arayüzün kendisinin yol göstermesidir.
Görev tamamlama için gereken adım sayısı, arayüzün en ölçülebilir göstergelerinden biridir. Her ek adımı hem dikkat hem zaman gerektirir. Gereksiz adımların kaldırılması, kullanıcının hızını ve memnuniyetini birlikte artırır. Adım sayısı azaltılırken işlevin korunması gerektiği unutulmamalıdır.
Hata yönetimi ve doğrulama
Hata mesajı, ne olduğunu ve kullanıcının ne yapması gerektiğini birlikte söylemelidir. Teknik bir hata kodunu olduğu gibi göstermek, sorunu çözmez; çözüm yolunu söyleyen bir mesaj kullanıcıyı tekrar denemeye yönlendirir. Mesajın dili, anlaşılır olacak biçimde kurulmalı ve gereksiz teknik ayrıntılardan arındırılmalıdır.
Girdi doğrulama, kullanıcının verisini göndermeden önce denetler. Alan bazlı erken doğrulama, kullanıcının uzun bir formu doldurduktan sonra hata mesajıyla karşılaşmasını önler ve kaybettiği zamanı geri kazandırır. Doğrulama kuralları alanın yapısına göre tanımlanır; kuralsız doğrulama kullanıcıya hiçbir güvence vermez.
Görsel hiyerarşi ve durumlar
Bir arayüzde eylemler arasında hiyerarşi kurulmalıdır. Birincil eylem öne çıkarılır, ikincil eylemler sakinleştirilir. Bütün düğmeler aynı güçte olduğunda kullanıcı hangi yolun doğru olduğunu ayırt edemez. Bölümler arasındaki ilişki, renk ve boyut farkıyla kurulur; bu farklar renk körlüğü olan kullanıcılar için ek bir göstergeyle desteklenmelidir.
Arayüzde yükleme, hata ve boş durumlar görünür biçimde belirtilmelidir. Boş durum, kullanıcıya yapabileceği ilk eylemi söyler; sessiz bir boş ekran işlevsiz görünür. Yükleme göstergesi, işlemin sürdüğünü bildirir ve bekleme süresini açıklar. Bu durumlar tasarımın ayrılmaz parçasıdır, sonradan eklenen birer istisna değildir.
Ölçü, yerleşim ve erişilebilirlik
Arayüzde ögeler, tanımlı bir ızgara ve aralık sistemine göre yerleştirilir. Sistemli yerleşim, farklı ekranlarda aynı görünümü korur ve sonradan yapılan değişikliklerin tutarlı kalmasını sağlar. Dokunmatik ekranlarda dokunulabilir ögeler, güvenli bir dokunma alanı hedefini karşılayacak boyutta tasarlanır; küçük hedefler yanlış dokunmaya yol açar.
Erişilebilirlik, arayüzün her kullanıcı tarafından kullanılabilmesidir. Klavyeyle dolaşılabilirlik, görünür odak göstergesi, anlaşılır etiketler ve renk körlüğü için ek göstergeler bu başlığın parçasıdır. Kullanıcının azaltılmış hareket tercihi varsa arayüzdeki geçişler sade hâle getirilir. Bu ölçütler, arayüzü hem daha sade hem daha güvenilir kılar.
Ne Öğreneceğiz
Kullanıcı deneyimi ve arayüz tasarımının ilkeleri, hata yönetimi, durum bildirimleri ve erişilebilirlik ölçütlerinin uygulanması. Bu konuda ögrenme çıktıları:
- 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.
Ön Bilgi
Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:
- 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.
Basit Örnek ve Günlük Yaşam
Günlük yaşamda ve mesleki bağlamda bir uygulama:
Soru: Üyelik formunda on iki alan bulunmaktadır; bunlardan dördü kullanıcı tarafından sonradan da verilebilir. Ne yapılmalıdır?
- Gerekli alan ile sonradan verilebilecek alanlar ayrılır.
- Form yalnızca işin tamamlanması için gereken alanları içerir.
- Adım sayısı azaldığında doldurma süresi kısalır ve terk oranı düşer.
Sonuç/cevap: Sonradan verilebilecek alanlar çıkarılmalı, form gerekli alanlarla sınırlı tutulmalıdır.
İleri Örnek
Daha ileri bir uygulama:
Soru: Bir formun doğrulaması yalnızca gönderim anında yapılmaktadır. Hangi risk vardır?
- Kullanıcı uzun formu doldurduktan sonra hata mesajıyla karşılaşır.
- Doldurduğu bilgileri gözden geçirmek zorunda kalır ve zaman kaybeder.
- Alan bazlı erken doğrulama bu süreyi azaltır.
Sonuç/cevap: Doğrulama veri gönderilmeden önce, alan bazında yapılmalıdır.
Adım Adım Çözülmüş Örnek
Örnek 1: Adım Sayısı Azaltma konusunun adımları:
- Gerekli alan ile sonradan verilebilecek alanlar ayrılır.
- Form yalnızca işin tamamlanması için gereken alanları içerir.
- Adım sayısı azaldığında doldurma süresi kısalır ve terk oranı düşer.
Karşılaştırma Tablosu
| Kavram | Açıklama |
|---|
| Arayüz tasarımının ölçütü, kullanıcının | 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ı | Görev tamamlama için gereken adım sayısı azaltılmalıdır. |
| Hata mesajı, ne olduğunu ve ne yapılacağ | Hata mesajı, ne olduğunu ve ne yapılacağını birlikte söyler. |
| Girdi doğrulama, veri gönderilmeden önce | Girdi doğrulama, veri gönderilmeden önce yapılır. |
| Birincil eylem, görsel hiyerarşide öne ç | Birincil eylem, görsel hiyerarşide öne çıkarılır. |
| Boş, yükleme ve hata durumları arayüzde | Boş, yükleme ve hata durumları arayüzde belirtilmelidir. |
| Renk, anlam taşıyan bir işaret olarak me | Renk, anlam taşıyan bir işaret olarak metinle desteklenmelidir. |
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.
Özet
Arayüz tasarımı, kullanıcı ile sistem arasındaki köprüyü tasarlar. Temel ölçüt, kullanıcının işini en az çabayla tamamlamasını sağlamaktır. Kullanılabilirlik, arayüzün kolayca ve doğru biçimde kullanılabilmesi olarak tanımlanır ve kullanıcı testleriyle ölçülür. Görev tamamlama için gereken adım sayısı, hata mesajlarının kalitesi ve girdi doğrulamasının zamanı belirleyicidir. Birincil eylem görsel olarak öne çıkarılırken ikincil eylemler sakinleştirilir. Boş, yükleniyor ve hata durumları arayüzde görünür biçimde belirtilmelidir. Renk, tek başına anlam taşıyan bir işaret olarak kullanılmamalı, metinle desteklenmelidir. Erişilebilirlik denetimi, klavye ile dolaşım, renk körlüğü ve görünürlük ölçütlerini kapsar.
Kendini Dene
Soru: Bir uygulamayı kullanılabilirlik açısından değerlendirip adım sayısı, hata yönetimi ve durum bildirimleri başlıklarında tespit ve öneri yazınız.
Örnek cevap: Puanlama anahtarı: Üç başlığın her birinde tespit yapılması 3 puan; her tespit için somut öneri 4 puan; önceliklendirme 2 puan; düzen ve dil 1 puan. Toplam 10 puan.
