Gestalt İlkeleri: Gözün Parçaları Bütüne Çevirme Kuralları

Gestalt ilkeleri nedir?

Gestalt ilkeleri (Gestalt prensipleri, Gestalt yasaları), insan algısının dağınık görsel öğeleri nasıl düzenli gruplara ve anlamlı bütünlere dönüştürdüğünü açıklayan psikoloji kuramıdır. "Gestalt" Almanca'da biçim ya da bütün anlamına gelir; kuramın temel fikri, bütünün parçaların toplamından farklı algılandığıdır.

Kuram, Max Wertheimer, Wolfgang Köhler ve Kurt Koffka gibi psikologların çalışmalarına dayanır. Tasarımda önemi şuradadır: izleyici bir ekrana bakarken öğeleri tek tek okumaz, önce kümeleri, çizgileri ve bölgeleri görür. Tasarımcı bu algı eğilimlerini bilirse, hangi öğenin hangisiyle ilişkili görüneceğini bilinçli olarak yönetebilir.

Temel Gestalt ilkeleri nelerdir?

Arayüz ve grafik tasarımda en sık kullanılan ilkeler şunlardır:

• Yakınlık (proximity): Birbirine yakın duran öğeler aynı grup gibi algılanır.
• Benzerlik (similarity): Renk, şekil, boyut gibi özellikleri benzeyen öğeler birlikte algılanır.
• Kapanım (closure): Eksik bırakılmış bir şekil, zihin tarafından tamamlanarak bütün olarak görülür.
• Süreklilik (continuity): Göz, bir çizgi ya da diziliş boyunca kesintisiz devam etmeyi tercih eder.
• Şekil ve zemin (figure-ground): Algı, sahneyi ön plandaki nesne ve arka plan olarak ayırır.
• Ortak yön (common fate): Aynı yöne ve aynı hızda hareket eden öğeler grup gibi algılanır.
• Basitlik ve düzen (Prägnanz): Algı, karmaşık görüntüleri mümkün olan en basit ve düzenli biçimde yorumlar.
• Bağlantılılık: Bir çizgi ya da kutuyla birbirine bağlanmış öğeler, yakınlık ve benzerlikten daha güçlü biçimde gruplanır.

Nasıl çalışır? Arayüzdeki karşılıkları

Her ilkenin bir arayüz karşılığı vardır. Bir formda etiket ile kutu arasındaki boşluk, kutular arasındaki boşluktan az olursa kullanıcı hangi etiketin hangi alana ait olduğunu düşünmeden anlar; bu yakınlıktır. Ana navigasyonda etkin sekmenin farklı renkte ve kalın olması benzerlik ve farklılık yoluyla konumu anlatır.

Bir logo ya da simge çizimi tamamen kapalı olmak zorunda değildir; eksik çizgilere rağmen şekil tanınır, bu kapanımdır ve minimal ikonların dayanağıdır. Kart listelerinde kartların aynı hizada ve eşit aralıkla dizilmesi sürekliliği, bir modal pencerenin arkaya karartma eklemesi ise şekil ve zemin ayrımını kurar. Bir listeye yeni öğe eklenirken tüm öğelerin birlikte kayması ise ortak yönün kullanımıdır.

Küçük bir örnek: sipariş özeti ekranı

Örneğin bir sipariş özeti ekranında ürün bilgisi, adres bilgisi ve ödeme bilgisi aynı boşlukla art arda dizilmiş olsun. Kullanıcı bilgi gruplarının nerede başlayıp nerede bittiğini anlamakta zorlanır. Gruplar arasındaki boşluk büyütülür, grup içi boşluk küçültülürse yakınlık ilkesi devreye girer ve ekran bölümlere ayrılmış gibi okunur.

Bunun üstüne her grubun başlığı aynı biçimde (benzerlik) ve her grubun arka planı çok hafif farklı bir tonda (şekil ve zemin) verilirse, çizgi ya da kutu eklemeye gerek kalmadan düzenli bir görünüm elde edilir. Gereksiz çizgilerden kaçınmak ekranı sadeleştirir; Gestalt ilkeleri çoğu zaman "daha az öğe" ile "daha net yapı" kurmanın yoludur.

Gestalt ilkeleri ne zaman karşımıza çıkar, neyle karıştırılır?

Gestalt ilkeleri görsel hiyerarşi, ızgara düzeni, beyaz boşluk kullanımı ve bileşen tasarımı gibi konuların temelini oluşturur. Tipografi ve renk seçimleri ile birlikte çalışır: renk benzerlik kurar, boşluk yakınlık kurar, boyut ise önem sıralaması verir.

Sık karıştırılan konular da vardır. Biri, Gestalt ilkelerinin kullanılabilirlik ilkeleriyle (Nielsen sezgisel değerlendirme maddeleri gibi) aynı şey sanılmasıdır: Gestalt algının nasıl çalıştığını, kullanılabilirlik ilkeleri ise iyi bir deneyimin ölçütlerini tanımlar. Bir diğeri, Fitts ve Hick yasaları gibi etkileşim yasalarıyla karıştırılmasıdır; bunlar görme biçiminden çok eylem ve karar süresini anlatır.

Sık yapılan hatalar

• Her şeyi kutuya almak: Her öğeyi çerçeveye koymak, yakınlık ve hizalamayla çözülebilecek gruplamayı gürültüye çevirir.
• Boşluğu eşit dağıtmak: Tüm öğeler arasında aynı boşluk bırakılırsa gruplar belli olmaz. Boşluk gruplamanın aracıdır, dekorasyon değil.
• Benzerliği yanlış yerde kullanmak: Birbiriyle ilgisiz öğeleri aynı renk ve biçimde göstermek, aralarında ilişki olduğu izlenimi yaratır. Örneğin aynı renkteki bir uyarı metni ile bir etiket birbirine karışabilir.
• Kapanım ve süreklilikle fazla oynamak: Soyut ikonlarda eksik çizgiyi çok ileri götürmek tanınırlığı bozar. Tasarımı kullanıcıyla test etmek gerekir.
• Tek başına kural saymak: Gestalt ilkeleri çatışabilir. Yakın duran ama farklı renkteki öğeler için hangi ilkenin ağır bastığını gözle değil kullanıcı testiyle sınamak gerekir.

Hangi rol ve ekipler için işe yarar?

Gestalt ilkeleri UX/UI tasarımcıları, ürün tasarımcıları ve arayüz geliştiren yazılım ekipleri için temel görsel okuryazarlıktır. Mindset'in UI/UX Tasarım Temelleri eğitiminde görsel tasarım ve UI prensipleri modülü, UX/UI Bootcamp'te ise UI tasarım temelleri ve kullanılabilirlik modülü bu bilginin pratikte nasıl uygulandığını ele alır.

Kurumsal ekiplerde ise Gestalt farkındalığı, ürün ekibi ile kurumsal iletişim ekibinin aynı görsel kurallara göre çalışmasını ve iç panel, rapor ya da sunum tasarımında tutarlı bir yapı kurmasını kolaylaştırır.