it-swarm.asia

Berapa lama penundaan harus terjadi sebelum tooltip muncul?

Saya sedang mengerjakan situs web tempat submenu "pita" muncul segera setelah mouse menyentuh salah satu item menu utama. Saya mencoba menjelaskan kepada perancang bahwa itu harus menunggu sampai kursor berada pada item menu, dan tidak muncul ketika mouse kebetulan melewatinya. Saya tidak yakin berapa lama (dalam milidetik) menunggu yang seharusnya.

Saya tidak dapat menautkan ke situs web yang dimaksud, tetapi saya pikir prinsip yang sama berlaku untuk tip alat standar. Berapa lama sampai tip alat muncul?

21

Jika ada yang masih mencari jawaban yang diperbarui tentang masalah ini, Nielsen Norman memiliki artikel bagus tentang masalah ini: https://www.nngroup.com/articles/timing-exposing-content/

  1. Kursor mouse memasuki area target: menampilkan umpan balik visual dalam 0,1 detik.
  2. Tunggu 0,3-0,5 detik.
  3. Jika kursor tetap berhenti dalam area target, tampilkan konten tersembunyi yang sesuai dalam 0,1 detik.
  4. Terus tampilkan elemen konten yang terbuka sampai kursor meninggalkan area target pemicu atau konten yang terbuka lebih dari 0,5 detik.

Jeda 300-500 milidetik adalah untuk memastikan niat pengguna adalah untuk melihat apa yang ada di balik menu atau tooltip dan tidak mousing dalam perjalanan mereka ke sesuatu yang lain.

13
bentheben

Saya tidak dapat menemukan konvensi tentang hal ini, tetapi saya menemukan beberapa perpustakaan di mana tooltip tampaknya ditetapkan pada default 500ms , yang sepertinya cukup masuk akal.

Bagaimanapun, saya pikir Anda harus pergi dari sana dan Tweak sampai rasanya benar. Anda dapat mencobanya dengan beberapa pengguna dan mengevaluasi umpan balik mereka.

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

JIKA Anda memudar ujung alat secara perlahan, Anda bisa mulai segera setelah mouse berada di titik panas. Hanya ingat untuk membatalkan animasi ketika mouse bergerak seperti itu jika mouse hanya meluncur selama sedetik tip alat tidak akan ditampilkan dan jika pengguna berhenti tetapi kemudian bergerak pada Anda tidak memiliki tip alat ditampilkan pada yang salah bagian dari halaman.

5
Sruly

Ini benar-benar tergantung pada untuk apa tooltips Anda.

Kami punya banyak kontrol dan tombol bilah alat yang cukup menggunakan set Ikon Desain Bahan tanpa teks. Sebagian besar sudah cukup jelas, tetapi kami telah menambahkan tooltips dengan deskripsi yang juga menampilkan pintasan keyboard jika tersedia.

Ketika kami tidak memiliki penundaan, itu sangat menjengkelkan bagi pengguna yang telah mempelajari perangkat lunak dan tidak memerlukan tooltips lagi. Memindahkan mouse ke beberapa tombol akan segera menunjukkan tooltips.

Kami menetapkan penundaan 1 detik karena ini cukup lambat untuk tidak muncul dalam penggunaan normal dan ketika Anda ingin melihat tombol apa yang Anda tunggu sebentar.

4
Tim

Jika keputusan untuk menggunakan tooltip dipikirkan dengan baik dan tooltip berguna dan penting. Jangan menunda itu.

Penundaan dapat menambah kebingungan, Anda tidak ingin pengguna mengajukan pertanyaan yang sama dengan yang Anda tanyakan di sini karena mereka menggunakan situs atau aplikasi Anda.

Jika menurut Anda informasi tooltip tidak wajib tetapi dapat membantu pengguna jika macet, gunakan ikon tanda tanya kecil dan biarkan mereka mengkliknya jika mereka membutuhkan informasi lebih lanjut.

2
Jason

Tentu saja selalu ada opsi untuk membuatnya berbasiskan klik. Saya pikir itu benar-benar akan bekerja lebih baik dan membuat aplikasi dapat digunakan secara universal (ponsel & tablet).

Ada juga proyek dalam JavaScript yang dapat Anda ambil untuk inspirasi di bidang ini, proyek hoverIntent

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

HTH

2
mare

Menambah jawaban @Nacho, saya telah mengutip alasan mengapa penundaan sangat singkat atau penampilan sesaat harus dihindari untuk tooltips:

Tooltips, memperluas iklan, dan panggilan untuk tindakan atau kotak informasi yang muncul di atas item daftar (seperti kotak tampilan cepat pada thumbnail dari halaman daftar produk) adalah contoh lain dari elemen umum dengan interaksi melayang yang dapat terbukti mengganggu pengguna jika dipicu juga secara sensitif.

Respons sesaat tidak diinginkan untuk apa yang seharusnya menjadi informasi opsional, jika tooltip dianggap sebagai konteks tampilan yang sesuai. Artikel ini juga menyediakan pedoman waktu:

niat pengguna untuk mengekspos konten tersembunyi yang terkait dapat diasumsikan baik segera setelah diklik atau diketuk, atau setelah kursor mouse berhenti gerakan dan tetap berada di area target selama sekitar 0,3-0,5 detik, di mana saat konten tersembunyi dapat dengan aman dianimasikan ke halaman

Sumber: NNGroup

1
Remy