TV Kullanıcı Arayüzü Tasarımı: Beyaz Alanla Çalışma

Yayınlanan: 2022-03-11

TV için tasarım yapmak, UX ilkelerinin kapsamlı ve disiplinli bir şekilde anlaşılmasını gerektirir. TV için tasarım yaparken sürekli endişe duyulan unsurlardan biri de tasarımda beyaz boşluk kullanımıdır. Piyasada beyaz boşluktan nasıl yararlanacağını bilmeyen (veya bilinçli olarak yapmamayı seçen) çok fazla TV uygulaması var. Sonuç, iş hedeflerini etkin bir şekilde baltalayan dağınık gözlerdir.

İşte beyaz alanın ne olduğuna ve onu TV uygulamanızda kullanmanın işiniz için en iyisinin nasıl olduğuna dair bir açıklama.

Beyaz boşluk bizim dostumuz

İlk ve en önemli…

Beyaz boşluk nedir?

Beyaz alan, üzerinde sıfır metin veya grafik bulunan, boş bir gayrimenkul parçasıdır.

Bunu not etmek önemlidir, çünkü üzerine hiçbir şey eklenmediği sürece bir arka plan grafik görüntüsü beyaz boşluk olarak kabul edilebilir.

Beyaz boşluk
Beyaz boşluk her zaman sadece beyaz değildir.

Problem ne?

Bu kadar basit bir şey neden bu kadar fark yaratıyor? İşletme sahipleri genellikle beyaz alanı, daha fazla içeriği tanıtmak için kaçırılmış bir fırsat olarak görür; bu, değerli ekran gayrimenkulünün israfıdır. Amaçları, bir düzeyde anlaşılabilir olan, kullanıcıların önüne mümkün olduğunca fazla içerik koymaktır. Bununla birlikte, müşterilere çok fazla içerik sunulduğunda, karar verme yeteneğinin tamamen yokluğuyla karşı karşıya kalan karar felci ile karşı karşıya kalırlar.

Hick yasası veya adını İngiliz ve Amerikalı psikologlar William Edmund Hick ve Ray Hyman'dan alan Hick-Hyman Yasası, bir kişinin sahip olduğu olası seçenekler sonucunda bir karar vermesi için geçen süreyi tanımlar: sayıyı artırmak seçeneklerin sayısı karar verme süresini logaritmik olarak artıracaktır.

TV uygulamalarının tüm konseptini hesaba kattığınızda bu gerçekten önemli bir şey - SEÇİM! Kendinizi hiçbir şeye karar verememek için kaç kez sonsuz bir dizi ve film küçük resim kitaplığına göz attınız? Bunun nedeni içeriğin harika olmaması değil. Çünkü nefes alma odası yok - önemli ayırıcılar yok. Zihniniz o kadar çok seçenek görür ki kapanır.

Tasarımcılar için beyaz boşluk, bir sayfadaki gözleriniz için görsel nefes alma alanı sağlayan negatif boşluktur.

Tasarımcılar, beyaz alanın kullanıcının görmesini istedikleri içeriğe odaklanmasına ve onu özümsemesine yardımcı olduğunu bilir.

ABD merkezli tam zamanlı serbest UI tasarımcıları istedi

Beyaz Boşluğa Evet Deyin

Beyaz alan, TV uygulaması tasarımı için özellikle önemlidir, çünkü tipik olarak kullanıcılar rahattır, rahat bir deneyimin tadını çıkarır - uzaktan karar vermeye çalışırlar. Onlara içerik ve boşluk arasında güzel bir denge sağlayarak, aslında bu süreçte onlara yardımcı oluyoruz.

Doğru kullanıldığında, beyaz boşluk bir tasarımı ve kullanıcının ondan alacağı deneyimi dönüştürebilir. Göz yormaması ve kararları kolaylaştırmaya yardımcı olması için tasarımlar ve düzenler nefes alacak alana ihtiyaç duyar. Beyaz boşluk kullanarak, içeriğin okunabilirliğini ve kullanıcı etkileşimlerini gerçekten artırırsınız. Bu, izleyicilerin karar vermesini engelleyen dikkat dağıtıcı unsurların azaltılmasıyla sağlanır.

Human Factors International tarafından yürütülen araştırmaya göre beyaz boşluk, kullanıcı anlama oranını neredeyse %20 oranında artırıyor.

Beyaz alanın nefes alma odası oluşturmaya nasıl yardımcı olduğuna ve bunun karar verme sürecini nasıl dönüştürdüğüne bakalım.

Anksiyeteye neden olacak şekilde tasarlanmış bir TV arayüzü
Görünüşe göre endişe yaratmak için tasarlanmış bir TV arayüzü.


Aynı anda çok fazla şey yapmaya çalışan bir TV arayüzü
Aynı anda çok fazla şey yapmaya çalışan bir TV arayüzü.


Estetik olarak iyi uygulanmış ancak içerik arasında boşluk yok
Estetik olarak iyi uygulanmış ancak içerik arasında boşluk yok.


Solunum odası olan bir arayüz
Solunum odası olan bir arayüz.


Öğeler arasında iyi bir denge ve hiyerarşiye sahip bir TV arayüzü
Öğeler arasında iyi bir dengeye ve hiyerarşiye sahip bir TV arayüzü.


Öğeler arasında iyi bir dengeye ve hiyerarşiye sahip bir TV arayüzü
Öğeler arasında iyi bir dengeye ve hiyerarşiye sahip bir TV arayüzü.


Gördün mü?

Beyaz boşluk, kullanıcının gözlerini bakmalarını istediğiniz içeriğe odaklayan net ayrımlar oluşturur.

Hulu, Hulu Live uygulamasında beyaz boşluk kullanma konusunda harika bir iş çıkarıyor. Geleneksel poster sanatı yerine kullanılan büyük arka plan resmine bakın; etkileyici ve bakması güzel. Bu, mevcut devasa perakende alanının nasıl kullanılacağına dair harika bir örnek.

Hulu, sürükleyici beyaz alanıyla sizi içine çekiyor
Hulu, sürükleyici beyaz alanıyla sizi içine çeker.

Beyaz alan bilişsel yükü azaltır ve karar vermeyi hızlandırır. Fast Co Design tarafından açıklandığı gibi, beyaz boşluk eklemek dağınıklığı ortadan kaldırmaktan çok daha fazlasını yapar; şu temel işlevlere hizmet eder:

  • Anlamayı geliştirir
  • Etkileşimli öğeler arasındaki ilişkileri netleştirir
  • Kullanıcıların dikkatini çeker ve odaklar

Beyaz alan sadece estetikle ilgili değildir, başarılı bir kullanıcı arayüzünün anahtarıdır. Görsel beyaz alan, düzen beyaz alanı, metin beyaz alanı ve içerik beyaz alanına odaklanarak, kullanıcı anlamasını önemli ölçüde iyileştiriyoruz. Bu, vurgu ekler ve içeriğinizi öne ve merkeze konumlandırır. Birbirine yakın olan resimler benzer görünecektir; bu nedenle, kullanıcılarla ilişkileri netleştirmek, onların güvenle gezinmelerini sağlayacaktır. Daha önce duyduğunuz gibi, “az, daha çoktur”.

Tasarımlarınızı yükseltmek ve karar vermeye yardımcı olmak için beyaz alanın gücünü kullanın.

Bilişsel yükü azaltmak, kullanıcı arayüzünü yalnızca daha kullanışlı kılmakla kalmayacak, aynı zamanda kullanımı daha keyifli hale getirecektir; beyaz alan, kullanıcının deneyimi boyunca bir uyum ve akışkanlık duygusu yaratmaya yardımcı olacaktır.

Beyaz Alanın Etkili Kullanımı

Aşağıda, kullanımı zevkli arayüzler oluşturmak için etkili beyaz alanın gücünü kullanan TV uygulamalarına ilişkin bazı örnekler verilmiştir.

Bu TV arayüzleri, kullanıcının düzinelerce seçenek yerine tek bir seçeneğe odaklanmasını sağlar.
Bu TV arayüzleri, kullanıcının aynı anda düzinelerce seçenek yerine tek bir seçeneğe odaklanmasını sağlar.

Beyaz boşluk, günümüzün televizyon tasarımlarının çoğunda sıklıkla göz ardı edilen ve yeterince kullanılmayan bir unsurdur. TV uygulamalarında içerik kral olsa da, bu, ekranın her santimini kaplayarak ekranı karıştırmamız gerektiği anlamına gelmez. Beyaz alan, piyasadaki her TV uygulamasına uygulanması gereken basit ama güçlü bir tasarım cihazıdır. Modern, zarif, görsel olarak uyarıcı ve kullanıcıların hangi içeriği izleyeceklerine karar vermelerine yardımcı olduğu kanıtlanmıştır.

Tasarımda beyaz boşluk kullanımı, içeriğinizin her boyutta ekranda parlamasını sağlar
Tasarımda beyaz boşluk kullanımı, içeriğinizin her boyutta ekranda parlamasını sağlar.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
  • Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
  • En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
  • Mobil Arayüzler için Sezgisel İlkeler
  • Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır