it-swarm.asia

Mengapa ada konvensi di web untuk menu dropdown di hover bukannya di klik?

Ini adalah sesuatu yang selalu saya pikirkan. Pada semua sistem operasi utama, menu aplikasi (File/Edit/View dll) hanya muncul saat klik. Namun, hampir setiap situs web yang menggunakan menu drop-down instantiates di hover, bukan di klik.

Bagaimana dan mengapa konvensi ini terjadi?

19
DisgruntledGoat

Saya tidak tahu jawaban yang benar untuk pertanyaan ini, tetapi izinkan saya berspekulasi: Saya pikir itu karena web memiliki hyperlink. Mengklik sesuatu di situs web dikaitkan dengan mengunjungi halaman yang berbeda, dan karena itu, jika Anda membuat menu tarik-turun yang diaktifkan saat klik, harapan apa yang dapat dilakukannya ketika diaktifkan tidak pasti: apakah akan mengarahkan saya ke halaman baru atau akankah itu membuka menu? Jadi, jika Anda melanjutkan garis logika itu, membuat menu hover sangat masuk akal, karena sebelum pengguna mengklik Anda dapat menyajikannya dengan umpan balik yang menunjukkan mereka telah mengaktifkan suatu menu.

Mungkin juga faktor ke internet terkenal masalah defisit perhatian yang mana semua angka menunjukkan orang-orang berkeliaran di halaman Anda hanya dari beberapa detik berasal. Saya tahu konsep "pengguna tidak mengklik" adalah mitos, tetapi banyak orang tidak, dan itu dapat menyebabkan banyak menu diimplementasikan menggunakan hover state karena perancang berharap pengguna tidak akan mengklik karena mereka pikir mungkin mengarahkan mereka ke halaman lain.

Lebih jauh, saya membayangkan itu adalah siklus berulang: desainer melihat menu melayang dan desain melayang menu, yang lebih banyak desainer melihat dan desainer lebih banyak merancang. Tidak semua orang berpikir tentang setiap kontrol UI individu yang mereka gunakan dalam hal mengapa mereka membutuhkannya dan tujuan apa yang dimilikinya; banyak desainer yang telah bekerja sama dengan saya memilih kontrol "karena itulah yang Anda gunakan" (lihat: kotak kombo autocomplete yang terlalu sering digunakan; kata-kata kasar untuk waktu lain).

Bandingkan hal-hal di atas dengan aplikasi jenis desktop di mana (biasanya) tidak ada negara melayang, tentu saja bukan sebagai pola UI untuk menu, dan saya pikir kami sudah mulai lingkaran penuh.

20
Rahul

Hanya tebakan, tetapi hover mungkin digunakan sebagai lawan onclick karena css memiliki: hover pseudo-class.

Atau mungkin dropdown digunakan karena pengguna tidak menyadari bahwa mereka harus mengklik untuk membuka menu. Separuh dari waktu, menu dropdown sama seperti menu lainnya sampai Anda mengarahkan kursor. Dan tindakan yang diharapkan ketika Anda mengklik tombol nav adalah agar situs membawa Anda ke halaman itu. Jadi mungkin pengguna tidak menemukan opsi menu tambahan.

4
LoganGoesPlaces

Rahul membuat poin menarik tentang kurangnya tindakan yang konsisten pada 'klik'; Namun, saya pikir itu lebih dari itu ke rasa yang lebih umum dapat ditemukan di permukaan halaman.

Orang mungkin tidak mengklik karena keinginan untuk tidak meninggalkan halaman tertentu, tetapi banyak orang akan 'mengarahkan' halaman tersebut untuk mencari status aktif. Karena menu bereaksi terhadap hover dan bukan klik, pengguna dapat lebih mudah menemukan struktur sistem menu tanpa menggunakan klik.

Ini, tentu saja, mengarah pada masalah aksesibilitas tertentu. Ketika saya mengklik menu pada aplikasi desktop, perilaku default adalah membiarkan menu terbuka sampai saya membuat pilihan, atau klik dari menu. Ini membantu pengguna yang mungkin mengalami kesulitan dalam manuver mouse ke perintah yang benar tanpa keluar dari menu (yang runtuh dalam paradigma hover).

4
Steve Mitcham

Aplikasi web sangat tidak konsisten dalam hal UI, tetapi pengguna harus memahaminya dengan cepat (jika rentang perhatiannya mengering dan ia akan pergi ke tempat lain).

Menu pada hover memiliki kemampuan menemukan yang jauh lebih baik - ketika saya melihat tombol di situs yang baru dikunjungi, saya tidak tahu apakah itu akan memunculkan menu dengan lebih banyak pilihan (yang saya inginkan), atau itu akan membawa saya pergi, menghancurkan keadaan saat ini halaman (termasuk komentar setengah tertulis) - yang jelas bukan yang saya inginkan. Hanya dibutuhkan beberapa persen situs dengan praktik terakhir untuk membuat saya takut mengklik sesuatu yang tidak saya ketahui - dan pengguna yang terintimidasi bukanlah pengguna yang bahagia.

Dengan mouse, kami menjelajahi hal-hal yang ada di layar, melayang berarti 'Saya sedang melihat Anda', jadi sangat wajar jika elemen UI menunjukkan apa yang dilakukannya (menu), atau petunjuk (tooltip: ini akan menghapus posting yang Anda tulis).

Di sisi lain, tidak bereaksi pada hover tidak sopan - pengguna bertanya apa yang elemen lakukan, dan Anda tidak menjawab. Orang suka merasakan bahwa mereka memiliki kendali dan tahu apa yang terjadi; setiap umpan balik itu penting, dan dengan tidak bereaksi saat mengarahkan, Anda membuang-buang kesempatan untuk berkomunikasi.

Dalam perangkat lunak desktop terbaru kami (add-in Outlook TaskConnect ), kami sejauh ini menempatkan bantuan tooltip ke setiap elemen aktif, dan mengatur batas waktu tooltip ke nol - sehingga membuatnya langsung muncul. Anda dapat melihat video pendek bagaimana tampilannya dalam aksi . Apa pendapatmu tentang itu?

NB: Bagaimanapun, menu juga harus selalu muncul saat klik, jika tidak, pengguna layar sentuh atau papan ketik (termasuk pengguna yang dinonaktifkan) tidak akan dapat menggunakannya.

4
Tomáš Kafka

Biasanya, item teratas dari menu akan membawa Anda ke halaman dengan judul itu. Anda tidak pergi ke mana pun saat dalam aplikasi. Arahkan untuk item menu dikembangkan sebagai jalan pintas untuk melihat subbagian dalam bagian tertentu dari situs daripada harus pergi ke halaman untuk melihat subbagian. Dengan aplikasi Anda tidak pergi ke bagian "file 'misalnya. Meninggalkan konvensi web untuk layar sentuh adalah kesalahan bagi saya. Itu baik untuk diingat dan ditonton tetapi sering dan aplikasi yang dirancang khusus untuk layar sentuh lebih baik. Situs web tidak dimaksudkan untuk jari.

3
srgtick

"Discoverability" jelas merupakan faktor di sini.

Perbedaan saya adalah keadaan pikiran pengguna, terutama ketika membandingkan aplikasi ke situs web.

Ketika Anda mengklik, Anda bermaksud melakukan sesuatu, melakukan tindakan tertentu - itu harus disengaja.
Pengguna biasanya mengoperasikan aplikasi dalam kondisi pikiran seperti ini.

Namun, (beberapa) situs web lebih membahas tentang mengkonsumsi konten. Anda sedang menjelajah, membaca dan mungkin akan melakukan suatu tindakan. Faktanya, salah satu tantangan terbesar untuk membuat pengunjung situs web secara aktif MELAKUKAN sesuatu, bukan hanya mengunjungi. Oleh karena itu sangat masuk akal untuk mencoba Push Anda untuk melakukan sesuatu dengan menunjukkan kepada Anda pilihan lebih mudah.

Ada perbedaan lain antara dua kondisi pikiran:
Biasanya Anda akan menggunakan aplikasi beberapa kali, karenanya menjadi sedikit lebih akrab dan mahir. Di web, kemungkinan besar banyak pengguna Anda yang baru, karenanya mereka mungkin tidak tahu ke mana harus mencari hal-hal dan mungkin juga "takut" untuk melakukan komitmen untuk (mengklik) sesuatu yang tidak mereka ketahui.

2
Dan Barak