Web Tasarımda Vurgu: Odak Noktası Bir Özellik Değil, Sıralamadır
Bir sayfada her şeyi öne çıkarmaya çalıştığınızda hiçbir şey öne çıkmaz. Vurgu, bir elemanın kendi başına taşıdığı bir özellik değil, komşularıyla arasındaki farktır. Bu yüzden odak noktası kurmak çoğu zaman ne ekleyeceğinize değil, çevresinden neyi çıkaracağınıza karar vermektir.
Vurgu mutlak değil, göreli
Kırmızı bir buton kendi başına dikkat çekmez. Etrafındaki her şey gri olduğu için çeker. Aynı butonu kırmızı bir sayfaya koyun, gözü toplayan şey artık gri kalan tek kutu olur. Sık sık yan yana dizilen dört yöntem (renk kontrastı, boyut farkı, beyaz alan, hizanın kırılması) aslında tek bir cümlenin dört türevi: bir eleman, kendisinden beklenen ortalamadan saparsa görünür.
Pratik sonucu şu: teknik saymak yerine sıralama yapın. Sayfada birinci, ikinci ve üçüncü sırada görülmesini istediğiniz elemanları yazın. Dördüncüsü yoksa iyi. Sonra tasarıma bakıp gerçekten o sırayla mı görüldüklerini kontrol edin.
Dört tekniği dört ayrı elemana dağıtmak
Yöntemlerin liste halinde sunulmasının sinsi bir yan etkisi var: insanı bunları tek elemana yığmak yerine paylaştırmaya davet ediyor. Başlığı büyütürsünüz, butonu renklendirirsiniz, formu boşlukla ayırırsınız, kampanya rozetini hizadan çıkarırsınız. Dört teknik uygulandı, dört odak noktası üretildi, yani hiç.
Bu teknikler toplanabilir değil, üst üste bindirilebilir. Hepsini aynı elemana verin, kalanlara hiçbirini vermeyin. Bir sayfada iki şeyin birden birinci olması matematiksel olarak da mümkün değil.
Renk tek başına taşımaz
Tasarımı gri tonlamaya çevirin. Ana aksiyon hâlâ ilk bakışta bulunuyorsa vurgu boyut, konum ve boşlukla kurulmuş demektir. Bulunamıyorsa bütün yük renk tonunun üzerinde ve o yükü her kullanıcı taşıyamaz: kırmızı ile yeşili ayırt edemeyen biri için "yeşil onayla, kırmızı vazgeç" iki özdeş butondur. Renk, vurguyu güçlendirmek için iyi bir malzeme; tek başına taşımak için zayıf.
İkinci kontrol daha da ucuz. Ekrana gözlerinizi kısarak bakın. Ayrıntılar kaybolur, geriye lekeler kalır. En baskın leke sizin birinci sıraya koyduğunuz eleman değilse tasarım, söylediğinizi söylemiyor.
Odak sayfa başına değil, ekran başına
"Sayfada tek odak noktası" kuralı kısa sayfalarda doğru, uzun sayfalarda yanlış. Kullanıcı kaydırdığında görüş alanı tamamen yenilenir ve sıralama sıfırlanır. Üç ekran boyundaki bir satış sayfasında her ekranın kendi birincisi olabilir; bunlar birbiriyle yarışmaz, çünkü hiçbir zaman aynı anda görünmezler. Yarışma yalnızca aynı ekranı paylaşan elemanlar arasında geçer.
Dolayısıyla tasarımı bütün bir sayfa olarak değil, kaydırma durakları olarak denetlemek daha isabetli. Her durakta bir tane açık kazanan var mı, sorusu yeterli.
En ucuz vurgu boşluktur
Boşluk hiçbir şey eklemediği için genelde en son akla gelir, oysa çoğu arayüzde en çok kazandıran müdahale odur. Bir butonun etrafındaki payı iki katına çıkarmak, çoğu zaman onu büyütmekten ya da rengini değiştirmekten daha görünür kılar ve sayfanın genel tonunu bozmaz. Bir vurgu probleminiz varsa önce çıkarmayı deneyin: komşu elemanı silin, çerçeveyi kaldırın, iki kutu arasındaki mesafeyi açın. Eklemek ikinci hamle olsun.
Kaynak