Merkez Sahne Deseni: Arayüzde Odak Alanını Kurmak

Merkez sahne, arayüzde asıl işin yapıldığı alanı geri kalan her şeyden görsel olarak baskın kılma kuralıdır. Ad, Jenifer Tidwell'in Designing Interfaces kitabındaki desen kataloğundan geliyor; fikir ondan eski, çünkü kullanıcı ekrana ilk baktığında gözünün nereye gideceğini düşünmek zorunda kalmamalı. Bir grafik editöründe tuval, bir e-posta istemcisinde okuma bölmesi, bir muhasebe yazılımında fiş girişi formu: hepsi aynı desenin farklı kılıkları.

Odağı görev belirler, ekran değil

Başlangıç noktası yerleşim değil, tek bir soru: kullanıcı bu ekranı açtığında hangi işi yapacak? Cevap tek cümleye sığıyorsa merkez sahne o cümlenin geçtiği alandır. Sığmıyorsa ekranda birden fazla iş var demektir, ve o ekranı ikiye bölmek yerleşimle uğraşmaktan daha doğru sonuç verir.

Kalan her şey yardımcıdır: araç çubukları, özellik panelleri, gezinme. Yardımcı olmaları onları küçültme gerekçesi değil, sadece sıralamada ikinci olduklarını söyler. Bir panelin ana alanı gölgeleyip gölgelemediğini anlamanın en ucuz yolu, ekran görüntüsünü bulanıklaştırıp bakmaktır; okunacak bir şey kalmadığında hangi bloğun öne çıktığı hemen görünür.

Baskınlık oranla değil payla ölçülür

"Merkezdeki panel diğerlerinden en az iki kat büyük olsun" yaygın bir tavsiye, ve tek başına ölçüsüz. Klasik üç sütunlu düzende sol araç paneli, tuval ve sağ özellik paneli varsa, tuval her birinin iki katı olduğunda genişlik payı 2/(1+2+1), yani %50 çıkar. Sorun yok.

Aynı kuralı dört panelli bir düzene taşıyın: 2/(1+2+1+1) = %40. Beş çevre paneli olduğunda 2/(2+5) ile %28'e iner. Kural sabit kalırken merkez küçülür, çünkü "iki kat" komşuya göre tanımlanmış bir orandır ve komşu sayısı arttıkça anlamını kaybeder. Ölçüyü toplama bağlayın: ana alan ekranın en az yarısını tutsun. Çevre panelleri bu payı aşağı çekiyorsa onlar panel olarak durmamalı, açılır menüye ya da gizlenebilir bir çekmeceye taşınmalı.

Kontrast renkte değil, parlaklık farkında

"Ana alanı beyaz, çevreyi gri yap" tavsiyesi çalışır ama sebebi renk değildir. Göz, parlaklık farkının en yüksek olduğu yere gider. Koyu temada ilişki tersine döner, ana alan çevresinden daha koyu olur ve desen yine tutar. Ezberlenecek şey beyazın kendisi değil, ana alanla çevresi arasında ölçülebilir bir parlaklık farkı bırakmaktır.

Boşluk da aynı işi görür. Merkezi çerçeveye almak yerine çevresine nefes payı bırakmak çoğu zaman daha temiz durur (her paneli ince ayırıcı çizgiyle kutulama alışkanlığını gereksiz buluyorum).

Sabit yerleşim mi, kullanıcıya bırakmak mı

Panel düzenini kullanıcının taşımasına izin vermek cazip görünür. Her durumda doğru değil. Günde sekiz saat aynı yazılımı açan biri paneli kendi eline göre yerleştirmek ister ve bunu bir kez yapar. Ayda bir giren biri, altı ay önce taşıdığı paneli hatırlamaz, ekranı tanımaz ve destek kaydı açar.

Ayrım kullanım sıklığında: yoğun kullanılan profesyonel araçlarda esneklik verin, seyrek kullanılan ekranlarda vermeyin. Prototip testinde de ölçülecek şey beğeni değil, kullanıcının ana alana ilk tıklamasının kaç saniye sürdüğüdür. Bu süre uzuyorsa odak yeterince baskın değildir, kullanıcı arıyordur.

Merkez sahnenin çalışmadığı ekranlar

Desen, ekranda tek ve baskın bir görev olduğunda işe yarar. Gösterge panelleri doğası gereği eşit ağırlıklı kartlardan oluşur; orada bir kartı zorla büyütmek odak değil, yanlış öncelik üretir. Liste-detay ekranlarında odak seçime göre yer değiştirir, sabit bir merkez tanımlamak yerine detay alanının seçim yapıldığı anda genişlemesi daha doğru davranıştır.

Ekranınızda baskın bir görev yoksa merkez sahne kurmaya çalışmayın. Deseni zorlamak, olmayan bir hiyerarşiyi taklit etmekten başka bir işe yaramıyor.