web-gelistirme-sc.com

Dokunmatik ekran arayüzleri tasarlama konusunda iyi kaynaklar var mı?

Telefonlardan, iPad'lerden veya diğer "aygıtlardan" bahsetmiyorum. Kiosk sistemleri (POI - Bilgi Noktası/Bilgi Terminalleri) veya HMI (İnsan Makine Arayüzü) gibi uygulamalar hakkında konuşuyorum. Tüm UI kitapları klavye ve fare arayüzleriyle ilgileniyor gibi görünüyor ...

19
EricSchaefer

Dan Saffer tarafından Gestural Arayüzler tasarlamak bazı temellerle güzel bir başlangıç. Bir yıldan uzun bir süredir posta şirketi için büyük ölçekli bir POI sistemi üzerinde çalışıyorum ve ayrıca çok sayıda kullanıcı/kullanılabilirlik testi yaptık ve normal web uygulamanızdan veya sitenizden çok farklı. Benim için 3 ya da 4 büyük fark vardı:

1) boyut ve boşluk (parmağınızın ucu imlecinizden çok daha büyük)

2) aşağı/sağ köşe görünümünü engelleme. Çoğu insan sağ eldir ve sol üst köşede bir yere başlarken ekranın büyük bir bölümünü elleriyle engeller, ancak bir dokunmatik ekran uygulamasında sıklıkla sahip olduğunuz tüm alanı kullanmak istersiniz, bu da bazı önemli işlevler için bir sorun yaratır. gözden kaçmak.

3) Düzenli kaydırma genellikle berbattır. Dil için üzgünüm, ancak daha büyük touschscreen ekranlar için kullanılan teknoloji, terli eller ve kirli ekranlarla birleştiğinde, insanların parmaklarını bir ekrana koymaları ve bir kaydırma çubuğunu sürüklemeye çalışmaları rahatsız edici oluyor, bu yüzden bundan kaçınmaya çalışın.

4) Kontrast/yansıma. Ekranlar genellikle doğrudan güneş ışığına veya doğrudan onlara işaret eden yapay ışıklara sahip yerlerde bulunur, bu nedenle bu durumlarda hala okunabilir bir renk düzeni seçtiğinizden emin olun. Aslında, çoğu insan için neyin en iyi olduğunu bulmak için kötü ışık koşullarında birkaç renk kombinasyonunu test ettik. İÇN'lerle bazı kişilerin haftada 5 - 5 gün onlarla çalışmak zorunda kalacağını unutmayın ...

11
Pieter

Biraz etrafına baktım ve aşağıdaki makaleleri/web sitelerini buldum. Sahada bir uzman olmadığımı ve bunların değerli olup olmadığını bilmediğimi unutmayın.

  1. http://ui4all.ics.forth.gr/UI4ALL-97/maguire.pdf
  2. http://www.proace.com/2010/01/26/interface-design-for-desktop-touch-screens/
4
Jouke van der Maas

Bu konuda herhangi bir kaynak olduğundan emin değilim, ancak dokunmatik ekran arayüzleri hakkında bildiklerimize göre belki de en iyi birkaç uygulamayı değiştirebilirsiniz.

örneğin, bir dokunmatik ekranla bir simgeyi hedeflemek ve parmağınızla bir simgeyi fare ile olduğundan daha kolaydır (simgenin parmağınıza sığacak kadar büyük olması şartıyla). Ekrana yazmak, klavyeden daha zordur. Bu yüzden muhtemelen herhangi bir şey yazmak zorunda kalmadan bazı büyük sekmeler altında bir simge ızgarasını tercih etmelisiniz.

Parmağınızla bir hedefi vurmak kadar kolay, bir hedefe ulaştığınızda parmağınızı bir kullanıcı arayüzünü kontrol etmek için kullanmak daha da beceriksiz. Kaydırma çubukları, metni vurgulama, çok küçük öğeleri tıklatma vb. Buna örnektir. Bu nedenle akılda tutulması gereken bazı şeyler, kullanıcılarınız parmaklarını ekranda bir noktaya yönlendirmede harika olacak olsa da, özellikle de ondan daha küçükse ve tamamen gizlenmişse, o parmağın altındaki şeyleri manipüle etmek zordur. .

Sadece bir dokunmatik ekranın bir fare ve klavye üzerinden kazanma ve kaybetme yollarını düşünmek işarete oldukça yaklaşmanıza yardımcı olabilir. Ne yazık ki, bir dokunmatik ekran arayüzünü mükemmelleştirmenin detayları beni kaybetti.

3
Carson Myers

Bu ekranları oluşturan ve oluşturan bazı satıcılarla her zaman iletişim kurabilir ve bunun için size hangi kaynakları gösterebileceklerini sorabilirsiniz. Onlardan bir şey kazmanın zor olması için iyi bir şans var, ancak yeterince kazarsanız çok değerli bilgiler bulabilmeniz de iyi bir şans.

Hızlı bir Google araması şu kişileri ortaya çıkardı: http://www.griffinchaseoliver.com/

Orada birini e-posta ile vurabilir, hatta arayabilir ve sadece "bilgi toplama" yapabilirsiniz.

2
Joel Glovier

Bu soruyu yaklaşık 4 yıl önce bir dokunmatik ekran kiosk için bir UX tasarım işine başladığımda kendime sormaya başladım. Web sitesi tasarımına adanmış kitaplarda ve sitelerde geçen referanslardan başka bir şey bulamadım. O zamandan beri kendi en iyi uygulamalarımı bulmak için enterpolasyon yaptım, test ettim ve kullandım düz eski sağduyulu. Portföy sitemde konuyla ilgili bir blog başlattım. Belirli sorularınız varsa lütfen bir göz atın ve benimle iletişime geçin. Sana iyi şanslar!

Dokunmatik ekran kiosk tasarımı hakkında blog

Güncelleme - Yukarıda bağlantılı maguire.pdf dosyasını inceledim. Kiosklara özgü bazı yararlı bilgilere sahiptir, ancak yalnızca yarısı arayüz tasarımı ile ilgilidir. Gerisi daha çok yer ve makine tasarımı hakkında. Arayüz tasarım önerilerinin çoğuna katılıyorum, ancak dil seçimi için bayrakların kullanımını kabul etmem. Bir kiosk için bir uluslararasılaşma projesinden geçtim ve bana inanın, açmak istediğiniz solucanların politik bir kutusu olmadığına inanıyorum. Dili yerel dilde gösteren düğmelerle devam edin. Kullanıcılar bunun ne anlama geldiğini biliyor.

2
JK Hudson

Cesur NUI Dünyası: Dokunma ve Hareket için Doğal Kullanıcı Arayüzleri Tasarlama Daniel Wigdor ve Dennis Nixon.

Örnek Bölümler:

2
Karl Fast

Dokunmatik ekran için kullanıcı arayüzü tasarlarken donanım özellikleri/teknolojisinin de dikkate alınması gerektiğini düşünüyorum. Dokunmatik ekran yeterince duyarlı mı, yapışkan mı, eldiven vb. İle çalışıyor mu?.

Ayrıca, bazı teknolojiler doğası gereği belirli etkileşimler için uygun değildir. Örneğin, dirençli bir dokunmatik ekran dokunuşu basınçla kaydeder, yani herhangi bir sürükleme eyleminden kaçınmak muhtemelen en iyisidir, çünkü kullanıcının tutarlı basıncı sürdürmesi zor olabilir.

Hangi teknolojinin en duyarlı olduğunu bilen biri olup olmadığını merak ediyorum. Donanım üreticisi, performansa değil, çoğunlukla güvenilirliğe odaklanıyor gibi görünüyor.

1
pixelfreak

Son zamanlarda bir konsept kanıtı olarak oluşturduğum endüstriyel bir HMI arayüzüne katıldım ve müşterilerimizin işinin doğası gereği güvenlik çok önemlidir. Bir satış makinesine bir HMI arayüzü sağlıyorsanız, ağır endüstriyel uygulamalar veya bir kimyasal/nükleer tesis için HMI oluştururken bulacağınız risk kesinlikle o kadar büyük değildir.

Benim tecrübelerime göre, eğer ikincisi üzerinde çalışıyorsanız, operatör ortamının ayrıntılı bir risk değerlendirmesini ve analizini yapmanız ve olası tüm arıza yollarını araştırmanız gerekecektir.

Yardımcı olursa, araştırdığımız bazı önemli alanlara kısa bir genel bakış:

  1. Haberleşme Hataları - Bizim durumumuzda, HMI eski bir seri klavyeyi tesisle etkileşime giren alarm yazılımı tarafından aydınlatılabilen tuşlarla değiştirecektir. Yazılım comms hatalarıyla nasıl başa çıkacak? Comms iki yönlüdür, HMI tarafından iletilen tuş presleri, HMI'ye gönderilen talimatları aydınlatır.
  2. Dokunmatik ekran Arızalar/sorunlar - Toplam Kayıp, Hatalı giriş (yanlış tıklama, kalibrasyon, çift tıklama, sürükleme vb.).
  3. Elektrik Kesintisi - Servis kaybı, sistem düzelmiyor.
  4. Tasarım Hataları - İletişim protokollerinin, klavye kodlarının, yanlış tuş etiketlerinin, yanlış renk aydınlatmasının, mevcut sistem için dokümantasyon eksikliğinin, kodlama hatalarının vb. Geçersiz kullanımı.
  5. İnsan Hatası/İnsan Faktörleri - Aydınlatılmış ve aydınlatılmamış düğmelerin bir TFT ekranda gösterimi (hem aydınlatılmış hem de aydınlatılmamış durumlarda çeşitli renkleri temsil etmeniz gerektiğini düşündüğünüz kadar basit değil), hijyen, ekrandaki kir, ekran kullanım sırasında temizlenmelidir, eğer operatör eldiven veya protez varsa, dokunmatik ekranda duran eller/bilekler varsa, görüş açısı, ekran çözünürlüğü, düğme boyutu, dokunmatik ekranda düğme mekaniği eksikliği, düğmeye basıldığında sesli ve görsel geri bildirim , operatör 'oynuyor', ör. cihazı/işletim sistemini yeniden yapılandırmaya çalışıyor, zararlı hasar.
  6. Yazılım Sorunları - Bellek Sızıntısı, Üçüncü taraf yazılım/işletim sistemindeki hatalar, performans, güvenlik (Virüsler, Solucanlar, vb.), Sistem Hatası (BSOD, kilitli sistem, vb.), Açılır iletişim kutuları, klavye takılı değilken sistem önyüklemesi.
  7. Donanım hataları - CMOS pil hatası, sistem önyükleme yapmıyor, sabit disk hatası, diğer donanım bileşeni hatası.
  8. Çevresel - RFI, H&V, Yeni sistem kurarken kontrol panelindeki mevcut kabloları rahatsız etmek, güç kaynaklarını aşırı yüklemek, güç kaynaklarının kalitesi.
1
Bryan