Büyük Boy Dokunmatik Ekranlar için Tasarım İpuçları

Dokunmatik ekranlar her yerde. Ancak bunlar sadece telefonlarınızda ve tabletlerinizde değil. Dokunmatik ekranların büyük boyutlu sürümleri için tasarım - masaüstü bilgisayar boyutunu ve daha büyüklerini düşünün - benzersiz zorluklar yaratabilir.

Ekran tasarımı için başparmak bölgelerini düşünmeye alışkın olduğunuzda, bu kadar büyük bir şey için nasıl tasarım yaparsınız? Büyük boyutlu dokunmatik ekranları ve kullanıcıların daha da büyük bir dokunmatik ölçekte etkileştikleri bir şeyi nasıl oluşturacağınızı düşünmek için bir kılavuz.

Envato Elements'i keşfedin

1. Doğal Hareketleri Kullanın

“Sağa hızlıca kaydırın” ve “sola hızlıca kaydırın” çok popüler olmasının bir nedeni var - bunlar doğal el hareketleri ve hareketleridir.

Hızlıca kaydırma yapmak, küçük bir ekrana göre biraz daha abartılı olabilir

Büyük ekranları düşünürken, parmak hareketlerinden daha fazlasını düşünün. Tüm eli düşünün. Çoğu kullanıcı, daha büyük dokunmatik ekranlara ulaşmak zorunda kalacak çünkü elle tutulan yerine bir duvara veya masaya yapıştırılacaklar.

Ekranın dokunmak için rahat olmasını istiyorsunuz ve hareketler bir mobil cihazda olduğu gibi sorunsuz bir şekilde gerçekleşmelidir. Ancak dokunma eylemini düşünün. Vuruşlar daha küçük bir ekrana göre biraz daha abartılı olabilir ve musluklar biraz daha fazla baskı veya kuvvetle gelebilir.

Kaydırma biraz daha rahattır - kolları tekrar tekrar yukarı ve aşağı hareket ettirmek yorgunluğa yol açabilir - kullanıcıları çok fazla yukarı ve aşağı hareket etmeden içerikten geçirmenin yollarını düşünmek için.

Düşünülmesi gereken bir diğer doğal “jest” de göz taramasıdır. Bazı büyük boyutlu ekranlar kullanıcının bir kerede içeri giremeyeceği kadar büyüktür. Göz hareketi için tasarım - yukarıdan aşağıya ve soldan sağa - kullanıcıların en önemli bilgileri görmelerini ve tasarımla nasıl etkileşime geçeceklerini anlamalarını sağlamak için.

2. Metin ve Grafikleri Ölçeklendirme

Bu olması gerektiği kadar sık ​​olmaz - tasarımcılar, büyük boyutlu ekranlarda görüntülemek için görsel öğeleri önemli ölçüde ölçeklendirmek zorundadır. Daha büyük bir ekran daha fazla şey anlamına gelmez (tam tersi gerçek olabilir). Bunu farklı bir kullanıcı deneyimi olarak düşünün. Metin ve grafikler dahil olmak üzere içerik, büyük boyutlu ekran tasarımı için ölçeklendirilmelidir, çünkü:

• Kullanıcılar daha uzak bir mesafeden etkileşime girme eğilimindedir ve yine de öğeleri görmeye ve ayırt etmeye ihtiyaç duyarlar.
• Kullanıcıların uzaktan kiosk gibi bir ekrana gelmesi için ikna edilmesi gerekir.
• Kullanıcıların genel kullanım için bir ekran belirlemelerine yardımcı olan görsel ipuçlarını görmeleri gerekir.
• Ekran öğelerinin talimat olmadan gezinebilir ve net olması gerekir.
• Dokunmatik hedeflerin görülmesi ve belirgin bir etkileşim yaratması kolay olmalıdır.

3. Gezinmeye Her Zaman Erişilebilir Olduğundan Emin Olun

Çoğu kullanıcı, bir web sitesini ilk kez ziyaret etmekle aynı zihniyetten büyük boyutlu dokunmatik ekranlarla etkileşime girer. Bu deneyimi taklit eden bir tasarım, kullanıcıların atlaması ve etkileşim kurması kolay olacaktır.

Farklı içeriğe erişildiğinde gezinmenin kaybolmadığından emin olun.

Bu cihazlar için her zaman erişilebilir olan bir gezinme düzeni oluşturun. Ekranın üst kısmında veya kenar çubuğunda olduğu gibi yaygın olarak kabul edilen web sitesi desenlerine benzer bir biçim kullanın.

Farklı içeriğe erişildiğinde gezinmenin kaybolmadığından emin olun. Ana ekran tasarımı, geleneksel bir navigasyon menüsü olmayan büyük gezinme düğmelerini içerebilse de, diğer tüm ekranların kullanım kolaylığı için daha geleneksel gezinme formatına sahip olması gerekir.

Bu ekranlarda yazma tabanlı girdileri olabildiğince en aza indirmeye çalışın. Klavyeler garip ve yavaş olabilir ve kullanıcının fazladan fiziksel çaba göstermesini gerektirir. Ancak klavye tabanlı girişleriniz varsa, kullanıcıların klavyeyi gerektiği gibi kolayca gösterip gizleyebilmeleri için navigasyona bir klavye değiştirme komutu ekleyin.

4. Çok Fazla Seçenek Oluşturmayın

Ekran ne kadar büyük olursa, o kadar fazla seçenek olabilir. Düğmeleri ve etkileşimleri, kullanıcılara bir seferde bir karar vermeleri için bu ya da bunun bir oyunu olarak düşünün. Buradaki hile iki unsur arasında seçim yapmalarıdır.

Bu konseptin güzel çıkarımlarından biri, tasarımı basitleştirmenizi sağlamasıdır. Ekran başına sadece iki seçenek olduğunda, tasarım öğeleri ve görsel karmaşa azaltılır ve daha kullanışlı bir arayüz oluşturulur.

Seçenekleri tasarlarken, eylemin eşit derecede açık olduğundan emin olun. Bir kullanıcı bunu nasıl seçer? Düğmeler açık ve kolaylıkla dokunabilecek kadar büyük olmalıdır. Etkileşimli öğelere veya daha popüler kullanıcı seçimine dikkat çekmek için küçük bir animasyon kullanın.

Basitleştirilmiş seçenekler de ekranın boyutu nedeniyle önemlidir. Tüm ekranın her zaman kullanıcının kendi görüş alanında olmayabileceğini ve bu da kendi seçimlerini sınırlayabileceğini unutmayın. Seçimleri önceden kolaylaştırırsanız, sizin için kullanıcı seçeneklerini ortadan kaldıran ortam hakkında endişelenmenize gerek yoktur.

5. Gizliliği Düşünün

Bir kullanıcının halka açık bir yerde bir kiosk ekranına girmesi, kişinin herkesin ne yaptığını bilmesini istediği anlamına gelmez.

Ekran ne kadar büyük olursa, başkalarının kullanıcının ne yaptığını görme olasılığının o kadar yüksek olduğunu unutmayın. Dokunmatik ekranda hassas bilgi veya veri isteme söz konusu olduğunda bu büyük bir husustur.

Bununla mücadele etmek için genellikle dokunmaya dayalı bir tasarım, formlar veya veri girişi için daha küçük açılır kutular içerecek, böylece içerik uzaktan göründüğü kadar görünmeyecektir.

6. Web'den bağlantıyı kesin

Bu, büyük boyutlu dokunmatik ekranlar söz konusu olduğunda en önemli tasarım endişesi olabilir - birlikte çalışması ve internet bağlantısı olmadan çalışması gerekir.

Bir düşünün: Büyük boyutlu ekranların çoğu halka açık yerlerde veya taşınabilir kiosklar veya büyük tabletler gibi daha küçük olanları taşınabilir. Bu, internete erişimi ve bir bağlantının çalışıp çalışmadığını etkileyebilir. Tasarım, bağlı değilken bile çalışmalıdır.

Tasarımı çalıştırmak için JavaScript'ten yazı tipi kitaplıklarına ve veri toplamaya kadar tüm araçların yerel olarak depolandığından emin olun.

7. Açık Etkileşim için Tasarım Düğmeleri

Tasarım, kullanıcılara ekranla nasıl etkileşime gireceğini göstermelidir. Her kullanıcı ilk bakışta bir dokunmatik ekranı hemen tespit etmez.

Kullanıcılara süreç boyunca rehberlik etmek için animasyon ve düğmeler gibi görsel ipuçları kullanın.

Kullanıcılara süreç boyunca rehberlik etmek için animasyon ve düğmeler gibi görsel ipuçları kullanın. Büyük boyutlu ekranların çoğu, kullanıcılar için tek seferlik bir etkileşim veya etkileşim noktasıdır ve her arayüz biraz farklıdır. Kullanmayı ne kadar kolay hale getirirseniz, daha yaygın olarak anlaşılan öğelerle, kullanıcıların tasarıma dahil olma olasılığı o kadar artar.

Birçok tasarım, başlangıç ​​ekranı gibi dokunulduğunda tamamen etkinleştirilen ekran alanlarını içerir. Etkileşimi yine de işaretlemek için bir düğme ekleyin. Tasarımdan uzaklaşmaz ve kullanıcılara cihazın nasıl çalışacağını söyler.

Kullanıcıları işlem boyunca yönlendirmek için “başlamak için buraya dokunun” gibi açıklayıcı mikrokopi kullanın. Bu öğeler aşırı açık gibi görünse de, bir arayüzün nasıl kullanılacağı her zaman tüm kullanıcılar için ikinci bir nitelik değildir. Kolaylaştır.

Sonuç

Tasarım projelerinizden herhangi biri büyük boyutlu ekranların kullanılmasını gerektiriyor mu? Her yerde daha popüler hale geliyorlar. Henüz böyle bir projeniz olmasa bile, gelecekte bir projeniz olabilir.

Tasarım ilkelerinin çoğu diğer arayüz tabanlı tasarımlarla aynı olsa da, büyük ekranların boyutuna ve ölçeğine ayarlamak birçok tasarımcı için rahatsız edici olabilir. Bu ekranları herkese açık olarak gördüğünüzde, hangi tasarım öğelerinin ve etkileşimlerin size hitap ettiğini görmek için durun ve onlarla etkileşime geçin.