it-swarm.asia

Menggunakan kombinasi navigasi horisontal dengan submenu dan navigasi sisi vertikal dengan submenu dalam satu situs web

Saya telah terlibat dalam mendesain ulang situs web di mana navigasi menyertakan menu navigasi horisontal primer dengan satu tingkat dropdown dan navigasi sekunder di kolom kiri yang mengulangi submenu dari menu utama dan tingkat tambahan item dalam format pohon.

Navigasi teratas:
Buk
Fiksi
Ilmu
Desain web

Navigasi Samping:
Fiksi
Sastra
Historis
Senja
Sains
dll
dll

Sublevel navigasi samping (seperti Literary dalam contoh) dapat menjadi sangat panjang (10 tautan atau lebih) dan meluas jauh di bawah akhir konten. NAV samping bertindak seperti panel akordeon untuk setiap item.

Adakah yang tahu tentang studi UX atau bahkan diskusi anekdotal tentang jenis sistem yang memengaruhi interaksi pengguna, positif atau negatif? Saya ingin memberikan beberapa alasan untuk menjauh dari jenis navigasi ini - hanya berdasarkan pengujian internal dan monitor yang berbeda, dll, kami kehilangan banyak real estat untuk navigasi tanpa manfaat nyata (tidak ada anggaran untuk hal-hal seperti A/Pengujian B, dll). Tampaknya bagi saya bahwa menu mega atau dropdown dua tingkat lebih merupakan norma hari ini.

11
sscott

Kingsbury JR & Andre AD (2004, Perbandingan Menu Web Tiga Tingkat: Struktur Navigasi. Prosiding Pertemuan Tahunan HFES ke-48, p1513-1517; dirangkum ) telah melakukan riset pada menu hierarkis seperti milik Anda yang menunjukkan bahwa pengguna umumnya memiliki kinerja yang lebih baik ketika memilih dari menu sidebar kiri terlebih dahulu , kemudian menu paling atas, daripada sebaliknya.

Namun, sepertinya menu tingkat kedua Anda mungkin terlalu lama untuk berada di atas. Anda dapat memecah item level yang lebih rendah di menu level kedua Anda untuk membuat menu level ketiga di bagian atas agar sesuai dengan segalanya. Ini berfungsi baik untuk Kingsbury dan Andre tetapi mereka hanya menguji hierarki menu 3-tingkat, dan secara umum menu satu-tingkat dari 10 item yang dikelompokkan atau lebih akan mengungguli dua menu pendek hirarki. (mis., lihat Snowberry K, Parkinson SR, & Sisson N (1983), Menu Display Komputer, Ergonomi, 26 (7), p699-712).

Saya akan mempertimbangkan menempatkan semuanya pada menu sidebar, yang Kingsbury dan Andre temukan memiliki kinerja dekat dengan kiri-atas-pada berbagai langkah. Namun, kinerja ini didasarkan pada memiliki dua menu bilah sisi, satu untuk setiap level, yang mungkin mengambil terlalu banyak ruang horisontal dalam casing Anda. Anda dapat menggunakan ekspander untuk menjaga semua level di margin yang sama, tetapi saya tidak tahu apa yang akan dilakukan terhadap kinerja pengguna

Berbicara lebih banyak dari anekdot daripada penelitian, saya sedikit khawatir tentang bilah samping mengulangi menu pull-down dari bilah atas. Seperti Anda, saya tidak jelas apa manfaat dari redundansi ini - saya tidak melihat bagaimana satu metode akan jauh lebih unggul dari yang lain tergantung pada pengguna atau keadaan (mis., Tidak seperti dunia dibagi menjadi bilah samping) -navigasi pengguna dan pulldown-navigasikan pengguna). Sementara itu memiliki masalah potensial sebagai berikut:

  • Pengguna mungkin bertanya-tanya apakah tautannya benar-benar sama atau tidak, dan akhirnya mengklik keduanya. Ini terutama terjadi jika Anda tidak menggunakan kode warna yang dapat dikenali untuk membedakan tautan yang dikunjungi dan yang tidak dikunjungi (yang jarang dilakukan orang lagi).

  • Meskipun pengguna menyadari bahwa tautannya sama, pengguna sekarang harus memutuskan metode navigasi mana yang akan digunakan. Pikiran kecil ini memperlambat mereka. Memaksa pikiran itu baik ketika hasil menghasilkan respons yang lebih cepat, tetapi saya tidak berpikir Anda memilikinya di sini.

Seringkali lebih disukai memberi pengguna satu cara terbaik untuk melakukan sesuatu daripada pilihan. Jika Anda khawatir tentang beberapa pengguna yang tidak menyadari bilah samping ditentukan oleh menu atas (atau sebaliknya), kemudian selesaikan dengan desain grafis yang secara visual menghubungkan pemilihan menu utama saat ini dengan menu sekunder.

Untuk menu yang relatif kompleks seperti yang Anda miliki, menu pull-down itu bisa bermasalah, yang akan menyarankan Anda pergi dengan sidebar saja. Namun, mengingat kekhawatiran real estat Anda, mega-dropdown mungkin memang cara untuk pergi , mengingat mereka mengatasi banyak keterbatasan dropdown biasa.

6
Michael Zuschlag