Görsel Hiyerarşi
Görsel hiyerarşi; boyut, renk, kontrast ve boşluk kullanarak sayfa öğelerini bilinçli biçimde düzenleyip gözün önce en önemliyi algılamasını ve içeriği amaçlanan sırayla takip etmesini sağlamaktır.
Derinlemesine
Tasarımcılar hiyerarşiyi birkaç kaldıraçla kurar: ölçek (büyük öğeler daha önemli görünür), kontrast ve renk (canlı bir düğme soluk metnin önüne çıkar), konum (soldan sağa dillerde üstte ve solda olan öğeler daha erken görülür) ve yakınlık (gruplanan öğeler ilişkili okunur). Bu sinyaller uyumlu olduğunda ziyaretçi, sayfayı bilinçli analiz etmeden değer önerisini ve sonraki adımı birkaç saniyede kavrar.
Olağan tuzak, rakip vurgulardır: üç düğme, bir afiş ve bir açılır pencere aynı anda dikkat istediğinde hiçbiri kazanmaz ve ziyaretçiler donar. Test hunisinde hiyerarşi, birincil eylemi açıkça belli etmelidir. Açılış hero alanı tek başlık ve tek Başlat düğmesiyle yönlendirir, her test ekranı soru ve yanıt seçeneklerini diğer her şeyin üstüne çıkarır, sonuç sayfası ise puanı ve seviyeyi öne alır; böylece aday, ikincil içerikten önce sonucunu anında anlar.
Pratikte örnek
Sıkça sorulan sorular
Hiyerarşide hangi öğeler en üstte olmalı?
Bir dönüşüm sayfasında, değer odaklı başlık ve birincil eylem çağrısı baskın olmalıdır. Özellikler ve sosyal kanıt dâhil diğer her şey bu ikisini destekler ve görsel olarak geride kalmalıdır.
Görsel hiyerarşi koku izinden nasıl farklıdır?
Görsel hiyerarşi tek bir sayfanın okunma sırasını yönetir; koku izi ise reklamdan sonuç sayfasına tüm aşamalarda tutarlılığı sağlar. Birlikte çalışırlar: hiyerarşi gözü yönlendirir, koku izi mesajı hizalı tutar.
Aşırı kontrast hiyerarşiye zarar verir mi?
Evet. Her öğe canlı renk veya büyük yazı kullanırsa hiçbiri öne çıkmaz ve sayfa gürültülü hissettirir. Etkili hiyerarşi, birkaç anahtar öğenin öne geçebilmesi için ölçülü olmayı gerektirir.