web-gelistirme-sc.com

Bir ipucu açılmadan önce ne kadar süre geçmelidir?

Fare ana menü öğelerinden birine dokunur dokunmaz bir "şerit" alt menüsü açılır web sitesinde çalışıyorum. Tasarımcıya imleç menü öğesi üzerinde durana kadar beklemek gerektiğini açıklamaya çalışıyorum, ve fare sadece üzerinden geçmek olduğunda ortaya değil. Beklemenin ne kadar süreceği (milisaniye cinsinden) emin değilim.

Söz konusu web sitesine bağlanamıyorum, ancak aynı prensibin standart araç ipuçları için de geçerli olduğunu düşünüyorum. Bir araç ipucunun çıkması ne kadar sürer?

21
Patrick McElhaney

Hala bu konuda güncel cevaplar arıyorsanız, Nielsen Norman'ın bu konuda harika bir makalesi var: https://www.nngroup.com/articles/timing-exposing-content/

  1. Fare imleci hedef alana girer: görsel geribildirimi 0.1 saniye içinde görüntüler.
  2. 0,3-0,5 saniye bekleyin.
  3. İmleç hedef alanda durmaya devam ederse, ilgili gizli içeriği 0,1 saniye içinde görüntüleyin.
  4. İmleç tetikleyici hedef alandan veya açıkta kalan içeriği 0,5 saniyeden daha fazla bırakana kadar açık içerik öğesini görüntülemeye devam edin.

300-500 milisaniyelik duraklama, kullanıcının amacının menünün veya araç ipucunun arkasındaki şeyleri görmesini ve başka bir şeye giderken fareyle hareket etmemesini sağlamaktır.

13
bentheben

Bu konuda herhangi bir sözleşme bulamadım, ancak araç ipucunun 500ms varsayılanı olarak ayarlandığı birkaç kütüphaneyi buldum, ki bu oldukça makul görünüyor.

Her neyse, sanırım oradan gidip doğru hissedene kadar ayarlamanız gerekiyor. Birkaç kullanıcıyla deneyebilir ve geri bildirimlerini değerlendirebilirsiniz.

http://msdn.Microsoft.com/en-us/library/ms531435%28VS.85%29.aspx

http://www.jinsight.com/jetchart/api/com/jinsight/jetchart/ToolTip.html

https://www.Adobe.com/livedocs/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=tooltips_074_10.html

13
Nacho

Eğer alet ucunu yavaşça soldurursanız, fare etkin noktaya gelir gelmez başlayabilirsiniz. Fare, bir saniye boyunca sadece araç ipucu göstermeyecek şekilde kayarsa ve kullanıcı durur ancak sonra hareket ederse, yanlış bir şekilde gösterilen bir araç ipucunuz yoksa, fare bu şekilde hareket ettiğinde animasyonu iptal etmeyi unutmayın. sayfanın bir bölümü.

5
Sruly

Gerçekten araç ipuçlarınızın ne olduğuna bağlıdır.

Materyal Tasarımı Simge seti metin içermeyen birçok araç çubuğu kontrolü ve düğmemiz var. Bunların çoğu kendinden açıklayıcıdır, ancak mümkün olduğunda klavye kısayollarını da gösteren açıklamalara sahip araç ipuçları ekledik.

Gecikme olmadığında, yazılımı öğrenmiş ve araç ipuçlarına artık ihtiyaç duymayan kullanıcılar için çok can sıkıcıydı. Fareyi birkaç düğmenin üzerine getirdiğinizde araç ipuçları hemen gösterilir.

Normal kullanımda görünmeyecek kadar yavaş olduğu ve düğmenin ne olduğunu görmek istediğinizde biraz beklediğiniz için 1 saniyelik bir gecikmeye karar verdik.

4
Tim

Araç ipucu kullanma kararı iyi düşünülmüşse ve araç ipucu faydalı ve önemlidir. Üzerine bir gecikme koymayın.

Gecikme karışıklık yaratabilir, kullanıcının sitenizi veya uygulamanızı kullanıyor olduğu soruyu burada sormasını istemezsiniz.

Araç ipucu bilgilerinin zorunlu olmadığını düşünüyorsanız, ancak takılırsa bir kullanıcıya yardımcı olabilir, daha sonra küçük bir soru işareti simgesi kullanın ve daha fazla bilgiye ihtiyaç duymaları durumunda bunu tıklamasına izin verin.

2
Jason

Tabii ki, her zaman tıklamaya dayalı yapmak için bir seçenek vardır. Bunun daha iyi çalışacağını ve uygulamayı evrensel olarak kullanılabilir hale getireceğini düşünüyorum (cep telefonları ve tabletler).

Ayrıca JavaScript'te bu alanda ilham alabileceğiniz bir proje var, hoverIntent projesi

http://cherne.net/brian/resources/jquery.hoverIntent.html

HTH

2
mare

@Nacho'nun cevabına ek olarak, araç ipuçları için çok kısa gecikmelerden veya anlık görünümlerden kaçınılmasının bir nedenini aktardım:

Liste öğeleri üzerinde görünen araç ipuçları, genişleyen reklamlar ve harekete geçirici mesajlar veya bilgi kutuları (ürün listeleme sayfalarındaki küçük resimlerdeki hızlı görüntüleme kutuları gibi), tetiklendiğinde kullanıcılara sinir bozucu olabilecek kanıtlayıcı etkileşimlere sahip ortak öğelerin diğer örnekleridir hassas.

Bir araç ipucu uygun görüntüleme bağlamı olarak kabul edilirse, isteğe bağlı bilgilerin ne olması gerektiği için anlık yanıt istenmez. Makale ayrıca zamanlama yönergeleri sağlar:

kullanıcının karşılık gelen herhangi bir gizli içeriği gösterme niyeti, tıklama veya dokunma işleminin hemen ardından veya fare imlecinin hareketi duraklatmasından ve yaklaşık 0.3-0.5 saniye boyunca hedef alanda kaldığı varsayılabilir; bu sırada gizli içerik güvenli bir şekilde canlandırılabilir sayfa

Kaynak: NNGroup

1
Remy