Televizyon ve Web: Aynı Arayüz İki Ekranda Neden Çalışmaz

Televizyon ve bilgisayar ekranı aynı çözünürlüğe sahip olabilir, aynı siteyi açabilir, hatta aynı tarayıcı motorunu çalıştırabilir. Buna rağmen ikisinde iyi çalışan arayüz aynı arayüz değildir. Fark moda ya da alışkanlıktan değil, iki ölçülebilir şeyden gelir: izleyicinin ekrana uzaklığı ve elindeki giriş aygıtı. Geri kalan her tasarım kararı bu ikisinin sonucudur.

Mesafe, bilgi yoğunluğunu beşte bire değil yirmi beşte bire düşürür

Monitöre ortalama 60 santimden bakarsınız, televizyona 3 metreden. Aradaki oran beş. Metnin okunabilir kalması için gözde kapladığı açının sabit kalması gerektiğinden, yazının fiziksel boyu da beş katına çıkmak zorunda. Boy beş katına çıkınca kapladığı alan yirmi beş katına çıkar.

Sonucu hesaplamak kolay: 1920x1080 bir televizyon, 3 metreden bakıldığında masaüstünde 384x216 piksellik bir pencere kadar okunabilir metin taşır. Panelin çözünürlüğü yüksek olduğu için bu kayıp spec listesinde görünmez, ekranda görünür. Masaüstü sayfanızdaki üst menü, kenar çubuğu ve üç kolonluk içerik alanı o alana sığmaz. Küçültmek de çözüm değil, zaten küçültme yüzünden okunmuyor.

Dolayısıyla TV'ye çıkan arayüzde yapılacak iş yerleşimi sıkıştırmak değil, içeriği yeniden seçmek. Bir ekranda tek iş, tek başlık, en fazla bir düzine seçenek. TV tarafında yazı ölçülerini genelde piksel yerine viewport yüksekliğinin oranı olarak veririm, sonra da ekrandan üç metre uzaklaşıp okumayı gerçekten denerim; tarayıcıyı küçültüp göz kararı onaylamak bu işi görmüyor.

Fare işaret eder, kumanda sayar

Farenin maliyeti hedefin uzaklığı ve büyüklüğüyle değişir, ama her hedefe tek hareketle gidilir. Kumandanın yön tuşları ise hedefe doğru tek tek saymak zorundadır. Bu, aynı listenin iki ekranda bambaşka maliyetlere sahip olması demek.

Yirmi öğelik düz bir liste düşünün. Fareyle on dokuzuncu öğe birinci öğe kadar yakındır. Yön tuşlarıyla on dokuz basış eder. Aynı yirmi öğeyi 4x5 ızgaraya yerleştirdiğinizde en uzak hedef yedi basışa düşer. Menüler iç içe geçtiğinde bu maliyetler toplanmaz, çarpılır.

Netflix'ten TV uygulamalarına kadar her yerde gördüğünüz yatay şerit düzeni bir estetik tercih değil, bu sayının cevabı. Izgara, gezinme maliyetini listeye göre düşürür ve odağın nereye gideceğini tahmin edilebilir kılar. Odak sırasını da tarayıcının varsayılan davranışına bırakmak yerine açıkça kurmak gerekir: DOM sırası görsel sırayla uyuşmadığı anda kullanıcı sağa bastığında ekranın altına düşer ve geri dönüş yolunu bulamaz.

Yazı yazdırmak TV'de en pahalı istek

Ekran klavyesinde her karakter birkaç yön tuşu artı bir onay demek. Yirmi karakterlik bir e-posta adresi yüzün üzerinde basış eder. Bu yüzden TV'de kırılan şey tasarım değil, giriş formu. Kayıt, arama ve ödeme akışları kumandayla yürütülemez.

Platformların telefonla eşleştirme ve kod girme çözümlerine yönelmesinin sebebi bu. TV'de klavye gerektiren her akışın ikinci cihaz alternatifi olmalı; QR kod ya da altı haneli bir eşleştirme kodu, ekran klavyesinden her zaman hızlıdır. Kısa kod girişini TV'de tutmak sorun değil, serbest metni tutmak sorun.

Oturma odasının ikinci özelliği de burada devreye girer: ekranın karşısında genellikle birden fazla kişi vardır. Kişiselleştirme masaüstünde tek kullanıcıyı hedefler, televizyonda hane halkını. Tek hesaba bağlı öneri listesi evdeki herkesin izlediğini karıştırdığı için TV uygulamalarının profil seçimiyle açılması bir fazlalık değil, zorunluluk.

Televizyon, sinema ve tiyatro aynı araçlarla farklı şeye odaklanır

Üçü de oyuncu, dekor ve diyalogla çalışır. Odakları ayrışır: televizyon karakteri ve düzenli dönüşü merkeze alır, sinema hikâyeyi, tiyatro fikri ve diyaloğu. Bu ayrım arayüz için bir şey söyler.

Televizyonun ekonomisi keşif değil, dönüş üzerine kurulu. İzleyici aynı içeriğe tekrar tekrar gelir. O yüzden bir TV arayüzünün en değerli bileşeni arama kutusu değil, kaldığı yerden devam ettiren satır. Masaüstünde keşfi öne almak doğru; televizyonda ilk ekranın işi kullanıcıyı bıraktığı yere en az tuşla geri koymak.

TV-web entegrasyonu nerede işe yarıyor

Canlı yayın sırasında ekrana gelen istatistik, oyuncu bilgisi ya da anket bu işin çalışan tarafı. Çalışıyor olmasının sebebi açık: izleyiciden girdi istemiyor, mevcut içeriğin üstüne bağlam ekliyor. Kullanıcı inisiyatifi gerektirmeyen her katman televizyonda yerini bulur.

Aynı yaklaşımın tersi de aynı netlikte: izleyiciyi gezinmeye, aramaya veya form doldurmaya çağıran her ek katman televizyonda ölür. Masaüstü sitesini TV'ye taşımak isteyen ekiplerin yaptığı hata da bu, içeriği aynen gönderip arayüzü ölçekle çözmeye çalışmak. İki ekran için iki ayrı içerik seçimi yapmak, tek bir duyarlı yerleşimi iki ekrana zorlamaktan daha az iş çıkarır.