Görsel Hiyerarşi

Vurgu mutlak değil görecelidir. Bir öğe ancak çevresindekilere kıyasla önemli okunur; benzer büyüklükte başlıklarla dolu bir sayfadaki büyük başlığın hiçbir rütbesi yoktur. İşleyen yöntem, düzeni kurmadan önce sırayı belirlemektir: önce, ikinci ve üçüncü olarak ne algılanmalı. Ardından her rütbeye boyut, kalınlık, renk kontrastı ve çevresindeki boşluktan oluşan bir bileşim verilir; rütbeler görünür biçimde ayrışana kadar. Bu ayıklama, okuma başlamadan önce birkaç yüz milisaniyelik bir bakışta olur.

Hiyerarşi, düzey sayısı küçük kaldığında tutar. Üç rütbe (birincil, destekleyici, ikincil) çoğu sayfayı taşır. Dördün ötesinde komşu düzeyler arasındaki fark algılanamayacak kadar incelir ve yapı ayrımsız bir yüzeye düzleşir. Bozulma eklemeyle olur, çıkarmayla değil: her rozet, afiş ve sezonluk kampanya, onu isteyen kişi tarafından vurgulanmış gelir ve her biri birincil öğenin önündeki farkı azaltır. Sinyaller çeliştiğinde de bozulur; büyük ama düşük kontrastlı bir başlığın yanında küçük ama doygun renkli bir düğme gibi.

Pratik denetim, ekran görüntüsünü kelimeler şekle dönüşene dek bulanıklaştırmak ya da gözleri kısmaktır. O hâlde bile öne çıkan şey, ziyaretçilerin gerçekten aldığı hiyerarşidir ve bu çoğu zaman brifteki değildir. F ya da Z biçimli tarama örüntüleri hiyerarşinin sonucudur, tasarım şablonu değil. Scorecard hunisinde her ekranın kendi sıralaması vardır: açılış ekranı başlık, başlatma öğesi ve kanıt; soru ekranı soruyu seçeneklerin, onları da ilerleme göstergesinin üstünde; sonuç ekranı puan, seviye, sonraki adım.

Hiyerarşi dikkatin nereye ineceğini belirler, indiği şeyin buna değip değmediğini değil. Zayıf bir öneri üzerine kurulmuş kusursuz sıralı bir sayfa, insanları yalnızca reddedecekleri şeye hızla götürür. Model ayrıca gören ve acele etmeyen bir taramayı varsayar. Ekran okuyucu kullanan biri işaretleme sırasını yaşar; belgede geç yerleştirilmiş görsel olarak baskın bir düğme onun için baskın değildir. Sağdan sola dillerde konum varsayımları tersine döner ve telefonda dikey yığılma, masaüstünde kurulan sol-sağ ilişkilerini çözer.

En ucuz işe yarar test beş saniye sürer. Sayfayı tanımayan birine kısaca gösterin, kaldırın ve sayfanın ne sunduğunu ve sonra ne yapmaları gerektiğini sorun. Tekrarlanan yanlış yanıtlar, algılanan sıranın amaçlanandan ayrıldığını gösterir. Testi birkaç kişiyle yapın; tek bir şaşkın yanıt kişisel tercih olabilir, tekrarlanan örüntü ise yerini bulabileceğiniz bir tasarım sorunudur.

Canlı trafikte, ilk etkileşimlerin birincil eyleme inen payını ve ilk tıklamaya kadar geçen süreyi izleyin. Uzun bir duraklama, ziyaretçilerin gördüklerini değil aradıklarını düşündürür. Yanında kaydırma derinliğini okuyun: çoğu kişi birincil eyleme hiç ulaşmıyorsa hiyerarşi onu dikkatin durduğu yerin altına itmiştir. Mobil ve masaüstünü ayrı inceleyin; yığılma ilk görüneni sıkça değiştirir.

Baskın hata her şeyi vurgulamaktır. Her paydaşın öğesi büyütülür ya da kalınlaştırılır, kampanya için bir afiş, güvenilirlik için bir ödül rozeti eklenir ve sayfa, altı öğenin birinci rütbeyi talep ettiği ama gözün hiçbirine yerleşmediği bir yer olur. Sıralama, aşağı çekmeyi gerektirir: bir şey yükselsin diye başka bir şeyin sessizleşmesi şarttır. Sıralamayı tasarım başlamadan önce toplantıda kararlaştırın ve eklemeleri ilave değil takas sayın.

İkincisi, rengi tek sinyal saymaktır. Marka vurgu rengi başlıklarda, simgelerde ve bölüm arka planlarında da görünüyorsa birincil düğme ayırt ediciliğini yitirir; renk görme farkı olan ziyaretçiler için tümüyle kaybolabilir. Vurgu rengini tek birincil eyleme ayırın; onu boyut, kalınlık ve cömert boşlukla destekleyin ki vurgu gri tonlarda da işlesin. Ekran görüntüsünün doygunluğunu düşürüp yeniden bakarak sınayın.