01 / TEMEL TANIM

Görsel Hiyerarşi nedir?

Görsel hiyerarşi, bir ekrandaki öğelerin önem sırasını düzenleme biçimidir. Boyut, boşluk, kontrast ve konum gibi araçlarla kullanıcının bilgiyi hangi sırada fark edeceğini etkiler. Hiyerarşi tek bir büyük başlıktan oluşmaz; başlıklar, açıklamalar, eylemler ve yardımcı bilgiler arasında tutarlı seviyeler kurar. Renk tek başına yeterli değildir; boşluk, tipografi ve sıralama birlikte çalışır.

02 / ETKİSİ

Neden önemli?

Her öğe aynı ağırlıktaysa önemli olanı bulmak zorlaşır. Belirgin bir hiyerarşi, taramayı kolaylaştırır ve ana eylemi görünür kılar. Kullanıcılar sayfaları çoğunlukla tarayarak başlar. Önemli bilgi küçük ve dağınık kaldığında yanlış karar verebilir veya aradığını kaçırabilir; iyi hiyerarşi bu ilk okumayı destekler.

03 / GÜNLÜK HAYATTAN

Bir örnekle bakalım.

GERÇEK HAYAT SENARYOSU

Bir etkinlik sayfasını düşün.

Etkinlik adı, tarih ve kayıt düğmesi birincil; uzun açıklama ve ikincil bağlantılar daha sakin gösterildiğinde sayfa hızlıca anlaşılır. Kayıt düğmesi çok baskın olup etkinlik tarihi geri planda kalırsa kullanıcı eksik bilgiyle ilerler. Önce karar vermek için gereken bilgi, ardından eylem görünür olmalıdır.

04 / PRATİKTE

Nasıl uygularım?

  • 01

    Ekrandaki birincil mesajı seç.

  • 02

    Boyut ve boşlukla bilgi seviyelerini ayır.

  • 03

    Ekrana kısaca bakıp ilk görülen öğeyi kontrol et.

“

Her şey öne çıkarsa hiçbir şey öne çıkmaz.