Haruskah saya menggunakan beberapa menu dropdown dalam desain seluler?

1. Mengapa Anda harus menghindari menu drop-down saat navigasi?
2. Kapan Anda tidak menggunakan dropdown?
3. Berapa banyak item yang harus diturunkan?
4. Bagaimana cara membuat dropdown seluler responsif?

Mengapa Anda harus menghindari menu drop-down saat navigasi?

Drop-down terkadang dapat membuat situs web tidak dapat digunakan pada iPhone atau Blackberry dan juga dapat membuat hidup sulit di iPad. Menu drop-down juga dapat mendorong "navigasi creep" di mana pemilik situs web terus menambahkan lebih banyak opsi menu hanya karena mereka bisa.

Kapan Anda tidak menggunakan dropdown?

Secara umum, hindari drop-down saat ada lebih dari 10 atau kurang dari 5 opsi. Drop-downs dengan cepat menjadi sulit bagi pengguna ketika mereka disajikan dengan sejumlah besar opsi untuk dipilih. Ambil, misalnya, input yang biasa disertakan dalam formulir checkout, drop-down "pemilihan negara".

Berapa banyak item yang harus diturunkan?

Memilih antara ListBox dan daftar dropdown. Dibandingkan dengan menggunakan kotak centang mandiri atau tombol radio, lebih baik menggunakan daftar ListBox atau dropdown saat ada 5 atau lebih item dari mana pengguna dapat memilih.

Bagaimana cara membuat dropdown seluler responsif?

Tulis HTML untuk membuat item menu dropdown yang responsif. Gunakan CSS untuk menata bilah navigasi Anda dengan dropdown yang responsif. Buat item submenu di dalam menu dropdown. Tambahkan kueri media CSS untuk membuat hal -hal responsif seluler dengan submenu dropdown baru Anda.