Tutarlı tasarım farklı sayfa düzenleriyle de kurulabilir

Sayfa düzenini o anda yapılan işe göre kurun. Çok sayıda kayıt arasından seçim yapan kişiyle belirli bir işlemi onaylayan kişinin bilgi ihtiyacı farklıdır. Ekip aynı ızgarayı iki duruma da değiştirmeden uygularsa bu farklar görünmez hale gelebilir.

Aynı portalda iki görev

Tamamen kurgusal örnekte bir kişi listeden proje raporu seçiyor, ardından gönderimini kontrol ediyor. Tablodaki veriler yer tutucudur. İlk görünüm seçimi desteklemeli, ikincisi hangi sürümün kime gideceğini göstermelidir.

Geniş bir liste ızgarası, birden fazla raporu karşılaştırmak için tasarlanır. Onay adımında aynı sütun düzeni önemli bilgileri kenara itebilir veya küçük ekranlarda kesebilir. Örnekte doğru dosyanın seçilmiş olması, alıcı gözden kaçmışsa yine de sorunlu bir seçimdir.

Yinelenen işlevler tanınabilir kalsın

W3C’nin tutarlı tanımlama açıklaması, aynı işlevi gören yinelenen kontrolleri ele alıyor. Tanıdık adlar, simgeler ve erişilebilir adlar bu amaca hizmet eder. Buradan her sayfanın aynı şekilde düzenlenmesi gerektiği sonucu çıkmaz.

Gezinme, odak gösterimi ve bilinen düğmelerin davranışı ortak kalabilir. “Raporu aç” ve “Raporu gönder” ise farklı işlemler olarak anlaşılmalıdır. Her ikisinde de belirsiz bir “Devam” etiketi kullanmak ikinci işlemin anlamını gizler. Ortak tasarım, akıştaki farkları silmeden tanımayı desteklemelidir.

Onayı yapılacak işleme göre düzenleyin

GOV.UK; ilgili bilgileri, değiştirme olanağını ve açıkça adlandırılmış son eylemi içeren bir kontrol görünümü açıklıyor. Örneğimizde alıcı, proje ve seçilen dosya sürümü gönderimden önce anlaşılır biçimde bir arada bulunmalıdır. Bu görünüm henüz gönderildi onayı değildir.

Kişi alıcıyı değiştirebiliyorsa sonrasında güncellenmiş özeti inceleyebilmelidir. Önceden seçilmiş diğer bilgiler korunmalıdır. Hangi değişikliğe izin verildiğini ve gerçekte hangi sürümün gönderildiğini uygulama da güvenilir biçimde işlemelidir; anlaşılır bir sayfa tek başına bunu belirlemez.

Ortak düzen ne zaman yeterli olur?

Kısa ve az değişen bir görevde aynı ekrandaki kısa bir özet yeterli olabilir. Her işlem için ek sayfa gerekmez. Önemli olan, eylem noktasında gerekli bilgilerin anlaşılır ve eksiksiz sunulmasıdır.

İki görevi de gerçekçi örneklerle denetin: Önce raporu buldurun, ardından eylemden önce alıcıyı ve sürümü kontrol ettirin. Özellikle uzun metinleri, küçük ekranları ve bir değişiklikten sonra geri dönüşü gözlemleyin. Böylece hangi öğelerin ortak kalabileceğini ve her görevin hangi düzeni gerektirdiğini değerlendirebilirsiniz.

Kaynaklar

• W3C WAI — Understanding SC 3.2.4 Consistent Identification

• GOV.UK Design System — Check answers