Konu Başlıkları
Yükleniyor...

Büyük Dokunmatik Ekranlarda Arayüz Tasarımının Sınırları

Kiosk ve Duvar Ekranları için Dokunmatik Arayüz Tasarımı

Kiosk ve bilgi duvarı gibi büyük dokunmatik ekranlarda mobil arayüz alışkanlıkları çalışmaz. Sorun ekranın büyük olması değil; kullanıcının ekrana mesafesi, kolunun yetişemediği bölgeler ve arkasında bekleyen başka insanlar. 70 inçlik bir panelde tasarım aracında kusursuz görünen yerleşim, ekranın önünde durulduğunda kullanılamaz çıkabilir.

Ekranın dokunulabilir olduğu ilk saniyede anlaşılmalı

Duvara düz monte edilmiş 55 inçlik bir panel, yanından geçen insanın zihninde televizyondur. Kimse ona dokunmayı denemez; arayüzdeki butonun ne kadar davetkâr çizildiği bunu değiştirmez. Davet yazılımdan önce donanımda kurulur.

Ekranı öne eğik monte etmek, 45 derece civarı, tek başına çoğu metinden iyi iş görür: düz duran şey izlenir, eğik duran şey kullanılır. Masaüstü yerleşim de aynı sinyali verir. Bunu genelde ekranın fiziksel duruşuyla çözerim, arayüze "ekrana dokunun" yazısı ekleyerek değil; o yazı, ekranın kendisi ikna edici olmadığında yazılan bir özür.

Boştaki ekran için hareketli bir tanıtım döngüsü (attract mode) işe yarar, ama tek şartla: dokunuşa ilk karede cevap vermeli. Üç saniyelik açılış animasyonunu bekleten kiosk, dokunmayı deneyen kişiyi bir kez kaybeder. İkinci deneme olmaz.

"Butonları büyüt" tavsiyesi nerede ters çalışır

Fitts yasasının verdiği ilişki basit: hedefe ulaşmanın zorluğu log2(2D/W) ile büyür, D hedefe uzaklık, W hedefin genişliğidir. Buradan iki sonuç çıkar. Hedefi iki katına çıkarmak zorluğu tam bir bit düşürür, mesafeyi iki katına çıkarmak tam bir bit artırır.

Büyük ekran tasarımlarında olan tam olarak budur. Butonlar büyütülür, büyüyen butonlar birbirinden uzaklaşır, kazanılan bit geri verilir. 70 inçlik 16:9 bir panel yaklaşık 155 santim genişliğinde ve 87 santim yüksekliğindedir; sol alttaki kontrolden sağ üsttekine geçmek kol hareketi değil, adım atmaktır.

Doğru hamle her şeyi büyütmek değil, sık kullanılan kontrolleri tek bir erişim bölgesinde toplamaktır. Ekranın geri kalanı içerik taşısın, parmağın gitmesi gereken her yer o dar bantta kalsın. Nadiren kullanılan işlemler uzakta durabilir; zaten nadiren kullanılıyorlar.

Dikey eksen yataydan daha acımasız

Yatayda kullanıcı yana bir adım atarak telafi eder. Dikeyde telafi yok. Ekranın üst şeridi kısa boylu biri için erişilemez, alt şeridi eğilmeyi gerektirir, ikisi de tekrarlanan işlemler için uygun değil. Etkileşimli ne varsa orta bantta kalsın; üst ve alt bölgeler başlık, marka, durum bilgisi taşısın.

Ekran klavyesi bu kuralın istisnası, çünkü sabit bir yüksekliğe çivilendiğinde kullanıcıların bir kısmı için kullanılamaz hale gelir. Klavyeyi sürüklenebilir yapın ya da en azından iki yükseklik seçeneği sunun. Aynı gerekçe sürükle-bırak için de geçerli: geniş ekranda uzun mesafeli sürükleme yorucudur, bir listeyi ekranın öbür ucundaki sepete taşıtmak yerine hedefi parmağın yanına getirin.

Ekran herkese açık, arayüz bunu bilmeli

Büyük ekranın avantajı uzaktan okunabilmesi. Aynı özellik, kişisel veri istendiği anda açık bir sorun. Girilen karakterleri küçük puntoyla ve dar bir alanda göstermek kısmi çözüm, ama sadece tuşa basılırken beliren karakteri de gizlemeyi unutmayın; büyük klavyede hangi tuşa basıldığı iki metre öteden görülür.

Daha temizi, veriyi o ekranda hiç istememek. QR ile işlemi kullanıcının telefonuna geçirin, form orada doldurulsun, büyük ekran yalnızca sonucu göstersin. Telefon zaten kullanıcının mahremiyet sınırını taşıyan cihaz.

Oturumu kapatma sorumluluğunu kullanıcıya bırakmayın. Kiosk kullanıcısı işi bitince çıkış tuşuna basmaz, döner ve gider. Hareketsizlik sayacı dolduğunda formu, sepeti, arama geçmişini temizleyip başlangıç ekranına dönmeyen her kiosk, bir sonraki kişiye öncekinin verisini gösterir.

İki kişi aynı anda dokunduğunda

Bilgi duvarı boyutundaki ekranlarda iki kişinin aynı anda farklı noktalara dokunması istisna değil, normal kullanım. Tarayıcı bu dokunuşları tek bir olay akışında verir. Tek işaretçi varsayımıyla yazılmış arayüzde sonuç şudur: soldaki kişinin sürüklediği liste, sağdaki kişi ekrana dokunduğu anda zıplar.

Çözüm arayüz katmanında değil, olay katmanında. Her dokunuşu kendi pointerId değeriyle takip edin, sürükleme durumunu global bir değişkende değil dokunuş başına tutun. Çok kullanıcılı senaryo hedefleniyorsa ekranı bağımsız bölgelere ayırmak, tek bir gezinme durumunu iki kişiye paylaştırmaktan her zaman daha iyi çalışır.

Bu maddelerin ortak yanı şu: büyük ekran, küçük ekran tasarımının ölçeklenmiş hali değil. Mesafe, boy, kalabalık ve paylaşım birer tasarım girdisi, ve hiçbiri tasarım aracının içinde görünmüyor. Interaction Design Foundation kiosk arayüzleri için iyi bir başlangıç noktası, ama asıl testi ekranı yerine koyduktan sonra yaparsınız.