Grafiklerde Kontrast: Vurguyu Yalnızca Renge Emanet Etmemek
Grafikte vurgu genellikle tek bir hamleyle yapılır: bütün seriler gri, öne çıkacak seri canlı bir renk. İşe yarıyor, ama bu vurgu grafik gri tonlamalı yazdırıldığında, ekran görüntüsü olarak bir sunuma yapıştırıldığında ya da kırmızı ile yeşili ayırmakta zorlanan bir gözde ne kadar hayatta kalıyor? Kontrastı tek bir kanala yüklemek en kolay ve en kırılgan çözüm.
Renk tek başına taşıyamaz
Renk üç ayrı bilgi taşır: ton, doygunluk ve parlaklık. Vurgu kurarken çoğunlukla sadece ton değiştirilir, gri seriler ile kırmızı seri aynı parlaklıkta kalır. Grafiği gri tonlamaya çevirdiğinizde vurgunun kaybolması bundan. Tarayıcıda ya da tasarım aracında tek bir filtreyle denenebilecek bu kontrol, kontrastın gerçekten var olup olmadığını on saniyede söyler.
Erişilebilirlik tarafında sık yapılan bir varsayım da şu: WCAG kontrast ölçütünü geçen palet güvenlidir. Ölçütler metin için 4.5:1, arayüz bileşenleri ve grafik nesneleri için 3:1 der ve bunlar öğe ile arka planı arasındaki farkı tanımlar. Yan yana duran iki veri serisinin birbirinden ayrılabilmesi ayrı bir sorudur ve o denetimden geçen bir palet bu ikinci soruyu çözmez. Hex değerini bağıl parlaklığa çevirip iki seriyi karşılaştırmak birkaç satırlık iş, kütüphanelerin varsayılan paletleri ise ton çeşitliliğine göre seçilmiş olur; kontrolü siz yapmazsanız yapılmıyor.
Kırmızı ve yeşil, kendi içinde çelişen tavsiye
Aynı yazıda iki tavsiyeye birlikte rastlamak çok olağan: kırmızıyı olumsuz, yeşili olumlu anlamda kullanın; bir de renk körlüğünü gözetin. Bu ikisi aynı anda tutmuyor, çünkü en yaygın renk görme farklılığı tam olarak kırmızı ile yeşilin ayrımını zorlaştırıyor. Yani anlamı taşımak için seçilen çift, erişilebilirlik açısından en kötü çift.
Çözüm renklerden vazgeçmek değil. Farkı ikinci bir kanala da yazın: parlaklık farkı, konum, doğrudan etiket, ok ya da işaret şekli. Renk o zaman bilginin tek taşıyıcısı değil, hızlandırıcısı olur.
Başlık, vurgunun en dayanıklı biçimi
Bir grafiğe verilebilecek en sağlam vurgu başlıktır. Başarı oranları yerine yeniden tasarım sonrası giriş oranı arttı yazmak, okuyucunun grafiğe bakmadan önce ne arayacağını bilmesini sağlar. Aktif başlığı renk vurgusundan daha güvenilir buluyorum: başlık gri tonlamada da, küçültülmüş ekran görüntüsünde de, ekran okuyucuda da yerinde durur; renk üçünde de kaybolabilir.
Buradaki risk abartıya kaçmak. Başlık verinin söylediğinden fazlasını iddia ederse grafik başlığı yalanlar ve okuyucu ikisine birden güvenmeyi bırakır. Başlık bir yorum, ama grafikten çıkarılabilir bir yorum olmalı.
Ek açıklamayı nereye koymalı
Zaman serilerinde ani bir değişimin nedeni grafikte yoktur; kampanya, zam, kesinti ya da sürüm çıkışı verinin dışında kalır. Bu noktalara düşülen kısa not, okuyucunun kafasındaki neden sorusunu grafiğin içinde cevaplar ve genellikle bir paragraf açıklamadan daha etkili olur.
Sayısı önemli. Her veri noktasına not düşülen bir grafik, notların hiçbirinin okunmadığı bir grafiktir. Bir, en fazla iki not; gerisi eksen ve etiketlerin işi.
Vurgu ile yanıltma arasındaki ince çizgi
Vurgu zaten bir seçimdir, dolayısıyla her vurgulu grafik bir miktar taraflıdır. Sorun taraflılıkta değil, farkı olduğundan büyük göstermekte. En bilinen örnek kesilmiş eksen: 98 ve 100 değerlerini taşıyan iki çubuğu eksen sıfırdan başlarsa neredeyse aynı görürsünüz, eksen 97'den başlarsa çubuk yükseklikleri 1 ve 3 olur ve yüzde ikilik fark okuyucunun gözünde üç katına çıkar. Grafik teknik olarak doğrudur, aktardığı şey yanlıştır.
Peki ya küçük farkların gerçekten anlamlı olduğu durumlar? Sunucu yanıt süresi ya da dönüşüm oranı gibi ölçümlerde iki puanlık fark ciddi olabilir. O zaman ekseni kesin, ama kestiğinizi görünür kılın ve farkı sayıyla yazın. Okuyucudan gizlenen tek şey ölçek olmasın.
Üç hızlı kontrol
Grafiği yayınlamadan önce üç şey yapın. Gri tonlamaya çevirin: vurgu duruyor mu? Küçük bir boyuta indirin, sunumda ya da mobilde göreceği hale getirin: hâlâ okunuyor mu? Grafiği daha önce görmemiş birine üç saniye gösterip kapatın, sonra ne anladığını sorun. Üçüncüsü diğer ikisinden daha fazlasını söyler, çünkü kontrastın işe yarayıp yaramadığını renk değerleri değil, karşıdakinin aklında kalan tek cümle belirler.