Şimdi proje isteğinde bulunun
Whitespace, deneyimlediğimiz hemen hemen her şeyin bir parçasıdır ve sanatı, tasarımı ve iletişimi nasıl algıladığımız konusunda çok önemli bir rol oynar.
Ancak web tasarımında boşluktan tam olarak yararlanmak için önce birçok biçimini ve işlevini anlamamız gerekir. Hadi başlayalım.
Whitespace, bazen ''negative space'' olarak da kullanılır, kasıtlı olarak bazı yerlerin boş bırakılmasıdır. Web tasarımcıları için, margin ve padding olarak kullanılır.
Whitespace, önemli öğelerin etrafında bir ferahlık bırakar içerdiği öğelere dikkat çeker ve onları öne çıkarır. Varlığı sayesinde içeriğe odaklanır, sindirir ve dikkatimizi toplarız.
Whitespace, ya da negative space, neredeyse her yerde bulunur. Bir gemiyi çevreleyen çarşaf gibi suyun genişliği ya da sonraki seyatatinizi planlarken önünüze açtığıınız pasaportunuzdaki boş bir sayfa olabilir.
Okunurluğu söz konusu olduğunda, içinde harflerin, kelimelerin, görsellerin ve çizgilerin olduğu her baskıyı direkt olarak etkiler.
Bugün dergiler, kitaplar ve çevrimiçi yayınlar, metni daha gözden geçirilebilir hale getirmek için boşluklardan yoğun bir şekilde yararlanıyor. Mimarlar, açık kat planları oluştururken alandan yararlanır ve Minimalist iç tasarımlar genellikle bol miktarda boş alan içerir.
''Whitespace'' kelimesini adından anlaşılan şekilde sadece beyaz bir boşluk olarak düşünmek doğru değil. Görsel bir whitespace her renge ait olabilir. Siyah bile. Aşağıda görüldüğü üzere bu tüm whitespace siyahtır ve objeyi çevreler.
Whitespace, web ve UX tasarımının ayrılmaz bir parçasıdır. Ayrıca bir logoyu öne çıkarmaya, marka tasarımını geliştirmeye ve çevrimiçi alışveriş deneyimlerini iyileştirmeye yardımcı olabilir. Araştırmalar, metni çevreleyen boşlukların, hedef kitlenizin okuma hızını, anlamasını ve genel deneyimini doğrudan etkilediğini göstermiştir.
Önceden belirtmekte fayda var, bir web sitesinde whitespace kullanmanın mükemmel bir formülizasyonu yok. Fakat bazı araştırmalar gösteriyor ki, web sitenizin %50'sinden daha azı whitespace ise, kullanıcı deneyimini negatif etkiliyor. Bu da demek oluyor ki, en az %50'si whitespaceden oluşmalı.
Diğer bir araştırma ise, whitespace tercihlerinin yaş ve eğitim seviyesinden bile etkilendiğini gösteriyor. OBK Studio olarak, en iyi whitespace oranını belirlemek için A/B testingden yararlanıyoruz.
Bununla birlikte, web sitesi tasarımlarını geliştirmek için boşluktan yararlanmanın birkaç yolu var.
Tıklama oranınızı mı arttırmak istiyorsunuz? CTA butonunuzun whitespace'ini kontrol ederek başlayın. Bir girişim, sadece CTA butonundaki whitespace'i arttırarak %232 oranında CTR arttırdığını iddia ediyor.
Whitespace, ziyaretçilerin web sitenizin en çok etkileşimde bulunmalarını istediğiniz bölümlerine (ücretsiz deneme veya CTA düğmesi gibi) odaklanmasına yardımcı olabilir.
Yazı tipi, yazı tipi boyutu, metin ve arka plan arasındaki renk kontrastı ve boşluk gibi çeşitli faktörler bir web sayfasının okunabilirliğini etkiler. Bir çalışma, metnin etrafındaki artan kenar boşluklarının okuma hızını yavaşlattığını ancak anlamayı iyileştirdiğini buldu. Bu da demek oluyor ki, hızlı tüketim mi yoksa anlaşılabilirlik mi gerekiyor sorusuna çeşitli yönlerden yaklaşılabiliyor. Odaklandığınız parametreye özel olarak tasarımı manipüle etmeniz mümkün.
İyi web sayfası tasarımı, ziyaretçilerin sayfaları taramasını kolaylaştırmak için görsel hiyerarşi kullanır. Tasarımcılar, Z-şekilli layout teşvik etmek ve ziyaretçilerin bir sayfadaki bilgileri sindirmesini kolaylaştırmak için boşluk kullanabilir.
İkonik moda tasarımcısı Coco Chanel bir keresinde "Sadelik, tüm gerçek zarafetin anahtarıdır" demişti. Bu nedenle, çok fazla whitespace alana sahip basit web tasarımlarının bir karmaşıklık hissi yaratması mantıklıdır.
Giyimden arabalara kadar lüks ürünlerin tasarımcıları onlarca yıldır boşluktan yararlanıyor ve bugün Chanel ve Ferrari gibi markaların üst düzey web sitelerinde bol miktarda boşluk görüyoruz.
Stanford Persuasive Teknoloji Laboratuvarı tarafından yürütülen araştırma, web tasarımcılarının bir web sitesinin ziyaretçiler nezdindeki güvenilirliğini artırabilecekleri on yolu ortaya çıkardı. Bunlar, profesyonel görünümlü bir web sitesi oluşturmayı ve sitenizin kullanımını kolaylaştırmayı içeriyordu.
Tartıştığımız gibi, boşluk, bir lüks veya zarafet duygusu iletmeye yardımcı olabilir, böylece sitenizin algılanan profesyonelliğini artırır. Ve boşluk, kolayca taranabilir, kullanıcı dostu bir tasarım oluşturmak için harikadır.
Kısacası, whitespace'e güvenirseniz, müşterileriniz de size güvenecek.
