Etkileşim
Not
Bu tasarım kılavuzu Windows 7 için oluşturulmuştur ve Windows'un daha yeni sürümleri için güncelleştirilmemiştir. Kılavuzun çoğu ilke olarak hala geçerlidir, ancak sunu ve örnekler geçerli tasarım kılavuzumuzu yansıtmaz.
Etkileşim, kullanıcıların dokunma, klavye, fare vb. dahil olmak üzere uygulamanızla etkileşim kurma yöntemleridir. Dokunma için iyileştirilmiş ancak giriş cihazlarında tutarlı bir şekilde çalışan sezgisel ve ayırt edici deneyimler oluşturmak için bu yönergeleri kullanın.
Dokunma öncelikli deneyim için tasarım
Her şeyden önce, dokunmanın kullanıcılarınızın birincil giriş yöntemi olacağı beklentisiyle uygulamanızı tasarlar. Platform denetimlerini kullanıyorsanız dokunmatik yüzey, fare ve kalem/ekran kalemi desteği ek programlama gerektirmez, çünkü Windows bunu ücretsiz olarak sağlar.
Ancak, dokunma için iyileştirilmiş bir kullanıcı arabiriminin her zaman geleneksel bir kullanıcı arabirimine göre üstün olmadığını unutmayın. Her ikisi de teknolojiye ve uygulamaya özgü avantajlar ve dezavantajlar sağlar. Dokunmatik kullanıcı arabirimine geçişte dokunma (dokunmatik yüzey dahil), kalem/ekran kalemi, fare ve klavye girişi arasındaki temel farkları anlamak önemlidir. Windows 8'de dokunma yalnızca bu işlevselliğe öykünmekten daha fazlasını yaptığı için tanıdık giriş cihazı özelliklerini ve davranışlarını kabul etmeyin.
Yakında keşfedeceğimiz gibi, dokunmatik giriş kullanıcı arabirimi tasarımına farklı bir yaklaşım gerektirir.
Dokunma etkileşimi gereksinimlerini karşılaştırma
Bu tabloda, dokunmatik olarak iyileştirilmiş Windows Mağazası uygulamaları tasarlarken göz önünde bulundurmanız gereken giriş cihazları arasındaki farklardan bazıları gösterilmektedir.
| Etken | Dokunma etkileşimleri | Fare, klavye, kalem/ekran kalemi etkileşimleri | Dokunmatik yüzey |
|---|---|---|---|
|
Duyarlık |
Parmak ucunun iletişim alanı tek bir x-y koordinatından büyüktür ve bu da istenmeyen komut etkinleştirmeleri olasılığını artırır. |
Fare ve kalem/ekran kalemi hassas bir x-y koordinatı sağlar. |
Fareyle aynı. |
| Temas alanının şekli hareket boyunca değişir. |
Fare hareketleri ve kalem/ekran kalemi vuruşları hassas x-y koordinatları sağlar. Klavye odağı açık. |
Fareyle aynı. |
|
| Hedeflemeye yardımcı olacak bir fare imleci yoktur. |
Fare imleci, kalem/ekran kalemi imleci ve klavye odağı hedeflemeye yardımcı olur. |
Fareyle aynı. |
|
|
İnsan anatomisi |
Parmak ucu hareketleri belirsizdir, çünkü bir veya daha fazla parmakla düz çizgi hareketi zordur. Bu, el eklemlerinin eğriliği ve harekete dahil olan eklemlerin sayısından kaynaklanır. |
Fare veya kalem/ekran kalemiyle düz çizgi hareketi yapmak daha kolaydır çünkü onları denetleen el, ekrandaki imleçten daha kısa bir fiziksel mesafe kat eder. |
Fareyle aynı. |
| Bir ekran cihazının dokunmatik yüzeyindeki bazı alanlara parmak duruşu ve kullanıcının cihazdaki kavraması nedeniyle ulaşmak zor olabilir. |
Fare ve kalem/ekran kalemi ekranın herhangi bir bölümüne ulaşabilirken, herhangi bir denetime klavyeyle sekme sırası üzerinden erişilebilir olmalıdır. |
Parmak duruşu ve kavrama sorunu olabilir. |
|
| Nesneler bir veya daha fazla parmak ucu veya kullanıcının eli tarafından gizlenmiş olabilir. Bu, tıkanıklık olarak bilinir. |
Dolaylı giriş cihazları tıkanmaya neden olmaz. |
Fareyle aynı. |
|
| nesne durumu |
Dokunma iki durumlu bir model kullanır: Bir ekran cihazının dokunmatik yüzeyine dokunulduğunda (açık) veya değil (kapalı). Ek görsel geri bildirim tetikleyebilecek bir vurgulama durumu yoktur. |
Fare, kalem/ekran kalemi ve klavyenin tümü üç durumlu modeli kullanıma sunar: yukarı (kapalı), aşağı (açık) ve vurgulama (odak). Vurgulama, kullanıcıların kullanıcı arabirimi öğeleriyle ilişkili araç ipuçlarını keşfetmelerini ve öğrenmelerini sağlar. Vurgulama ve odak efektleri hangi nesnelerin etkileşimli olduğunu aktarabilir ve hedeflemeye yardımcı olabilir. |
Fareyle aynı. |
| zengin etkileşim |
Çoklu dokunmayı destekler: Dokunmatik yüzey üzerinde birden çok giriş noktası (parmak ucu). |
Tek bir giriş noktasını destekler. |
Dokunmayla aynı. |
| Dokunma, sürükleme, kaydırma, sıkıştırma ve döndürme gibi hareketlerle nesnelerin doğrudan manipülasyonlarını destekler. |
Fare, kalem/ekran kalemi ve klavye dolaylı giriş cihazları olduğundan doğrudan işleme desteği yoktur. |
Fareyle aynı. |
Not
Dolaylı giriş, 25 yıldan fazla geliştirme avantajına sahiptir. Üzerine gelindiğinde tetiklenen araç ipuçları gibi özellikler, dokunmatik yüzey, fare, kalem/ekran kalemi ve klavye girişi için özel olarak kullanıcı arabirimi keşfini çözmek için tasarlanmıştır. Bunun gibi kullanıcı arabirimi özellikleri, bu diğer cihazlar için kullanıcı deneyiminden ödün vermeden dokunmatik giriş tarafından sağlanan zengin deneyim için yeniden tasarlanmıştır.
Burada bazı genel kullanıcı etkileşimi yönergeleri sağlıyoruz ve bu konulardaki cihaza özgü yönergeleri ele alacağız.
Geri bildirim için görseller
Uygulamanızla etkileşimler sırasında uygun görsel geri bildirim, kullanıcıların hem uygulama hem de Windows Görsel geri bildirimleri tarafından etkileşimlerinin nasıl yorumlandığı konusunda bilgi sahibi olmalarına, öğrenmelerine ve bu etkileşimlere uyum sağlamalarına yardımcı olur; başarılı etkileşimleri gösterebilir, sistem durumunu aktarabilir, denetim duygusunu geliştirebilir, hataları azaltabilir, kullanıcıların sistemi ve giriş cihazını anlamasına yardımcı olabilir ve etkileşimi teşvik edebilir.
Kullanıcı konuma göre doğruluk ve duyarlık gerektiren etkinlikler için dokunmatik girişe dayandığında görsel geri bildirim kritik önem taşır. Kullanıcının uygulamanız ve denetimleriniz tarafından tanımlanan özel hedefleme kurallarını anlamasına yardımcı olmak için, dokunmatik giriş algılandığında ve her yerde geri bildirim görüntüleyin.
Doğruluk için iyileştirme
Dokunma girişi, parmağın tüm temas alanını içerir. Bu temas geometrisi, en olası hedef nesneyi belirlemek için kullanılır. Kolay ve güvenli hedeflere sahip nesneler ve denetimlerle rahat bir kullanıcı arabirimi sağlamak için denetimlerinizi boyutlandırabilirsiniz.
Kullanıcı etkileşimi tarafından kullanıcı arabiriminin gizlendiği parmak ve el tıkanıklıklarını ortadan kaldırmaya yardımcı olmak için denetimlerinizi boyutlandırın, boşluk bırakın ve konumlandırın.
Mümkün olduğunca menüleri, açılır pencereleri ve araç ipuçlarını kişi alanının üzerinde konumlandırın.
Güveni kısıtla
Kullanıcı arabirimi kısıtlamalarını kullanarak özensiz etkileşimlerden kaçının veya en aza indirin.
- Tutturma noktaları, istenen konumlarda durmayı kolaylaştırabilir. Tutturma noktaları, uygulama içeriğinizde mantıksal durakları belirtir. Bilişsel olarak, tutturma noktaları kullanıcı için bir disk belleği mekanizması görevi görür ve aşırı kayma, çekme veya döndürme kaynaklı yorgunluğu en aza indirir. Bunlarla, belirsiz kullanıcı girişini işleyebilir ve belirli bir içerik veya anahtar bilgilerinin alt kümesinin görüntülendiğinden emin olabilirsiniz.
- Hareket eksenini vurgulayan yönlü "raylar" (dikey veya yatay).
Zamanlanmış etkileşimlerden kaçının
Etkileşimler zamana göre ayırt edilmemelidir. Aynı etkileşimin gerçekleştirilme süresi ne olursa olsun aynı sonuca sahip olması gerekir. Zamana bağlı etkinleştirmeler, kullanıcılar için zorunlu gecikmeler getirir ve hem doğrudan manipülasyonun çevreleyici doğasından hem de sistem yanıt hızı algısından çıkarılır.
Zamanlanmış etkileşimler genellikle hangi komutun gerçekleştirileceğini belirlemek için zaman, mesafe veya hız gibi görünmez eşiklere bağlıdır. Sistem eylemi gerçekleştirene ve kullanıcıların bir sonuç elde etmek için rastgele ve görünmez eşiklere ulaşması gerekene kadar zamanlanmış etkileşimlerin görsel geri bildirimi yoktur. Etkileşimler sırasında anında görsel geri bildirim, kullanıcıların kendilerini daha etkileşimli, güvenli ve denetimde hissetmelerini sağlar.
Nesneleri doğrudan etkileyen ve gerçek dünya etkileşimlerini taklit eden etkileşimler daha sezgisel, bulunabilir ve akılda kalıcıdır. Belirsiz veya soyut etkileşimlere güvenmez.
Not: Öğrenme ve araştırmada (örneğin, basılı tutma) yardımcı olmak için belirli zamanlanmış etkileşimleri kullandığınız bir özel durumdur. Uygun açıklamaların ve görsel ipuçlarının kullanılması, gelişmiş etkileşimlerin kullanımı üzerinde büyük bir etkiye sahiptir.