Metlivi Blog

Dokunma Eylemini Net Görsel veya Dokunsal Geri Bildirimle Eşleştirme

Bir mobil uygulama butonu için, dokunmaya anında görünür bir yanıt verin, ardından eylem tamamlandığında sonucu gösterin. Kısa bir dokunsal bildirimi yalnızca aynı olayı pekiştirdiğinde ve eylemin önemine uygun olduğunda ekleyin. Bu sıra, özellikle bir yanıt zaman aldığında, kullanıcıların "uygulama dokunuşumu algıladı" ile "görev başarılı oldu" arasındaki farkı ayırt etmesine yardımcı olur. Aşağıdaki adımlar tek bir buton veya denetim için geçerlidir; platform ayrıntıları değişiklik gösterdiğinden, mümkün olduğunda işletim sisteminin standart etkileşim modellerini kullanın.

15 Ekim 20266 dakikalık okumaYazan: Metlivi Editorial Team
Bölüm 1

Geri bildirimin neyi ifade etmesi gerektiğine karar vererek başlayın

Bir dokunma eylemi birkaç farklı olaya yol açabilir: bir denetime basılması, bir ayarın değişmesi, bir isteğin başlaması veya bir isteğin başarılı ya da başarısız olması. Bir animasyon veya titreşim seçmeden önce her bir işaretin hangi olayı temsil ettiğine karar verin. Basma işareti girişi onaylar; değişen bir etiket veya seçili durum yerel bir durum değişikliğini onaylar; bir ilerleme göstergesi çalışmanın devam ettiğini bildirir; bir başarı mesajı ise tamamlanmayı onaylar.

Bu anlamları birbirinden ayrı tutun. Bir butonun dokunulduğunda kısa süreliğine kararması, bir ağ isteğinin tamamlandığının kanıtı değildir. Gönderim zaman alabilecekse, uygulama sonucu öğrenene kadar net bir ilerleme durumu gösterin. Apple, bir eylem anında tamamlanmadığında bir buton içinde etkinlik göstergesi görüntülenmesini önerir ve ne olduğunu netleştirmek için etiketin değiştirilmesini tavsiye eder. Apple'ın buton yönergeleri

Bölüm 2

Basit bir durum sırası oluşturun

Geri bildirimi, butona her dokunulduğunda oynatılan tek bir efekt olarak değil, denetimin gerçek durumuna bağlı bir sıra olarak ele alın. Yararlı bir temel şöyledir:

  1. Hazır: Eylemi, amacını netleştiren bir etiket veya tanıdık bir sembolle gösterin.
  2. Basıldı: İnce bir dolgu, ölçek veya vurgu değişikliği gibi anında görsel bir basılma durumu sağlayın.
  3. Çalışıyor: Tamamlanma gecikirse, eylem için uygun olduğunda ilerlemeyi gösterin ve kazara yinelenen gönderimleri önleyin.
  4. Tamamlandı veya başarısız oldu: Arayüzü gerçek sonuçla güncelleyin. Bir açma/kapatma anahtarı için yeni seçili durumunu gösterin; bir gönderim için kısa ve öz bir başarı veya hata durumu sağlayın.

Apple, özel butonların her zaman bir basılma durumuna sahip olması gerektiğini, aksi takdirde tepkisiz hissedilebileceklerini belirtir. Daha kapsamlı geri bildirim kılavuzu, bildirimin bilginin önem derecesine uygun olmasını ve durumun açıkladığı öğenin yakınında erişilebilir olmasını önerir. Apple'ın buton yönergeleri ve geri bildirim yönergeleri

Bölüm 3

Anlaşılır kalan bir görsel işaret seçin

Parmak denetimin üzerindeyken basılma durumunu görünür kılın. Denetim tanınabilir kaldığı ve etiketi okunaklı olduğu sürece küçük bir renk veya opaklık kayması, kısa bir ölçek değişikliği veya bir vurgu işe yarayabilir. Sonucu iletmek için rengi tek yol olarak kullanmayın: bunu bir durum değişikliği, metin, simge veya ne olduğunu açıklayan başka bir görünür ayrım ile eşleştirin.

Bir açma/kapatma anahtarı için, seçili durum dokunmadan sonra da devam etmelidir; tek başına geçici bir dalgalanma efekti ayarın açık olup olmadığını iletmez. "Kaydet" gibi tek seferlik bir eylem için, buton önce basılma durumunu gösterebilir ve ardından uygulama kaydedilmiş bir durumu veya bildirimini görüntüleyebilir. Bir görev başarısız olursa, hatayı ilgili denetimin yakınında açıklayın ve bir sonraki kullanılabilir eylemi netleştirin. Tam sunum uygulamaya ve platforma bağlıdır, ancak işaret uygulamanın doğrulayabileceği durumu yansıtmalıdır.

Bölüm 4

Dokunsal geri bildirimin yararlı bilgiler ekleyip eklemediğine karar verin

Dokunsal geri bildirimler (haptics), bir butona basma veya onaylanan bir durum değişikliği gibi ayrı bir olayı pekiştirebilir. Bunlar isteğe bağlıdır: cihaz sessize alındığında, dokunsal geri bildirimler devre dışı bırakıldığında veya kişi efekti hissetmediğinde bile görsel yanıtın yine de anlamlı olması gerekir. Android'in kılavuzu, dokunsal geri bildirimlerin idareli kullanılmasını, benzer etkileşimler için tutarlı tutulmasını ve görsel veya işitsel deneyimle eşleştirilmesini önerir. Ayrıca, vızıltılı bir dokunma efekti yerine hiç dokunsal geri bildirim kullanmamanın tercih edilmesini tavsiye eder. Android'in dokunsal geri bildirim tasarım ilkeleri

Pratik bir seçenek, platform uygun bir standart efekt sunduğunda anlamlı bir onay için hafif, kısa bir işaret kullanmaktır. Düşük değerli her dokunuşta, tekrarlanan kaydırmalarda veya karşılık gelen görünür bir değişikliği olmayan bir olayda titreşim vermekten kaçının. Olay önemliyse, anlamı görsel durumun taşıdığından emin olun; başarıyı başarısızlıktan ayırt etmek için titreşime güvenmeyin.

Bölüm 5

İşareti temsil ettiği an ile eşleştirin

Basma yanıtı dokunma anına aittir; başarı yanıtı ise başarı öğrenildikten sonraki ana aittir. Hemen tamamlanan bir eylem için bu anlar birbirine yakın olabilir. Uzaktan bir kaydetme veya gönderim işlemi içinse belirgin bir bekleme süresiyle ayrılabilirler. Dokunma anında başarı dokunsal geri bildirimi göstermek, uygulama henüz onaylamadan tamamlanmış olduğunu iddia etmek anlamına gelir.

Android'de önerilen View.performHapticFeedback yaklaşımı eylem odaklı sabitleri kullanır, sistemin dokunma geri bildirimi ayarlarına saygı duyar ve VIBRATE iznini gerektirmez. Platform, gerektiğinde bu sabitler için yedek (fallback) davranış sağlar. Daha özelleştirilmiş titreşim efektlerinin farklı destek ve kurulum gereksinimleri vardır, bu nedenle sıradan denetimler için standart eylem odaklı yaklaşımı tercih edin. Android'in dokunsal geri bildirim uygulama kılavuzu

Bölüm 6

Platform davranışını ve sıklığını göz önünde bulundurun

Beklenen geri bildirimi zaten sağladıkları yerlerde yerleşik denetimleri kullanın. Apple, anahtarlar, kaydırıcılar ve seçiciler gibi standart denetimlerin desteklenen iPhone modellerinde sistem dokunsal geri bildirimlerini oynatabildiğini belirtir. Üzerine ikinci bir özel efekt eklemek sinyali yineleyebilir; bu nedenle başka bir işaret katmanı eklemeden önce denetimin yerel davranışını kontrol edin. Apple'ın dokunsal geri bildirim yönergeleri

Sıklık da önemlidir. Arada bir yapılan bir form gönderimi için anlaşılır hissettiren bir geri bildirim modeli, sık kullanılan bir butona bağlandığında dikkat dağıtıcı hale gelebilir. Eşdeğer eylemler genelinde aynı anlamı tutarlı tutun ve daha güçlü veya daha belirgin işaretleri daha fazla dikkat gerektiren olaylara saklayın. Android özellikle dokunsal geri bildirim gücünün hem bir olayın önemine hem de ne sıklıkta gerçekleştiğine göre ayarlanmasını önerir. Android'in dokunsal geri bildirim tasarım ilkeleri

Bölüm 7

Yayınlamadan önce etkileşimi test edin

Tüm süreci uygulamanın desteklediği cihazlarda ve işletim sistemlerinde test edin. Bir kez dokunun ve basılma durumunun hemen göründüğünü onaylayın; ardından bir gecikme sırasında ilerlemenin görünür kaldığını ve başarı ya da başarısızlığın yalnızca sonuç öğrenildikten sonra gösterildiğini doğrulayın. Hızlı bir ikinci dokunuş deneyin ve arayüzün kafa karıştırıcı yinelenen geri bildirimler veya istenmeyen tekrarlanan eylemler oluşturmadığını teyit edin.

Bu kontrolü sistem dokunma geri bildirimi kapalıyken ve cihazın dokunsal yeteneği kullanılamadığında veya desteklenmediğinde tekrarlayın. Görsel durumlar yine de eylemi ve sonucunu iletebilmelidir. Sık yapılan eylemleri seyrek yapılanlarla karşılaştırın ve gürültülü hissettiren, senkronize olmayan veya görünür bir değişiklikten kopuk olan efektleri kaldırın. Android'in standart görünüm geri bildirimi için sistem ayarı varsayılan olarak dikkate alınır; özel yaklaşımlar ek destek ve yedekleme kontrolleri gerektirebilir. Android'in dokunsal geri bildirim kılavuzu

Net bir eşleştirmenin basit bir mantığı vardır: dokunmanın algılandığını gösterin, herhangi bir bekleme durumunu iletin ve gerçek olduğunda sonucu onaylayın. Görsel arayüzü kendi başına eksiksiz tutarken, uygun olduğunda dokunsal bir bildirimin aynı sinyali güçlendirmesini sağlayın.

Bölüm 8

Kaynaklar

İlgili okumalar

Bu konuyu keşfetmeye devam et