Pro dan kontra menu horizontal versus vertikal?

Saya sudah lama bertanya-tanya apakah harus ada preferensi untuk menggunakan menu navigasi horisontal, atau yang vertikal. Saya telah menggunakan keduanya sebelumnya, di berbagai situs web, dan dapat melihat masing-masing memiliki pro dan kontra.

Apakah ada data konkret yang tersedia tentang hal ini? Saya tertarik dengan masalah aksesibilitas dan kegunaan.

Selain masalah ruang dan kemudahan pemindaian, ada beberapa faktor lain yang harus Anda perhitungkan:

Menu yang diatur secara horizontal (dari bahasa yang diatur secara horizontal) berarti lebih banyak pergerakan mouse untuk berpindah dari satu item ke item berikutnya.

Namun, akan lebih mudah untuk beralih dari item menu tingkat atas dalam menu horizontal ke menu dropdown yang sesuai daripada beralih dari item menu vertikal ke menu flyout yang sesuai. Masalah diagonal sangat diperbesar dalam flyout dibandingkan dengan dropdown karena tepi bersama jauh lebih kecil.

Dan kemudian ada masalah kecepatan penargetan. Menu yang disusun secara vertikal memiliki lebih banyak "kedalaman" daripada menu horisontal. Itu berarti pengguna dapat menggerakkan tetikusnya dengan kecepatan yang lebih tinggi ke arah menu, karena mereka memiliki buffer yang lebih besar jika mereka melakukan overshoot. Tentu saja, jika menu horizontal Anda ditempatkan di sepanjang tepi atas atau bawah dokumen (yaitu kedalaman tak terbatas), maka ini adalah titik diperdebatkan.

Pada akhirnya, saya pikir itu adalah mencuci. Pergi dengan apa pun yang sesuai dengan desain Anda yang terbaik dan kemudian mengoptimalkan kegunaan dari sana. Anda tidak ingin menggunakan menu vertikal jika itu berarti membuat kolom kosong yang besar di bawahnya untuk sisa halaman. Dan Anda tidak ingin menggunakan menu horizontal jika itu berarti tata letak Anda harus selebar 2000px.

Yah, saya seorang pengembang / programmer / guy coding.

Ini berarti, saya selalu mencari informasi tentang desain sebelum menjawab pertanyaan seperti itu. Saya suka artikel Jakob Nielsen, karena mereka meneliti sebelum memposting.

• http://www.useit.com/alertbox/mega-dropdown-menus.html
• http://www.useit.com/alertbox/navigation-menu-alignment.html
• http://www.useit.com/alertbox/alpha-sorting.html

Saya pikir tautan tersebut dapat membantu.

Sekarang pendapat saya. Menggunakan menu horisontal adalah opsi pertama untuk navigasi utama, khususnya jika Anda mempertimbangkan untuk menggunakan mega drop down.

Juga, penggunaan remah roti horisontal, sebagai navigasi bantu untuk membantu pengguna menemukan diri mereka dengan cepat.

Saya suka menu navigasi vertikal, tetapi mereka cenderung seperti iklan, yang membuat pengguna buta terhadap mereka, jadi hal pertama, pastikan menu vertikal Anda TIDAK seperti spanduk atau iklan google.

Kedua, saya lebih suka menggunakan menu vertikal untuk navigasi "konteks", menampilkan konten terkait, atau item subbagian.

Jika Anda memiliki item menu dengan satu atau lebih kata maka ada batasan fisik untuk berapa banyak yang akan masuk ke menu horizontal sebelum gulir diperlukan. Jadi, untuk alasan ini saya cenderung menyukai menu horisontal untuk item tingkat utama / atas.

Mengenai aksesibilitas (dengan asumsi secara visual OK) mungkin tidak ada banyak perbedaan, karena mereka mungkin ditandai sama. Sebagai contoh, daftar tautan tanpa urutan.

Saya akan memposting kebalikan dari jawaban kesalahan ...

Meskipun kami membaca dari kiri ke kanan, kami cenderung memindai dari atas ke bawah. Jika item menu disusun secara vertikal, lebih mudah untuk membandingkan item dengan cepat jika item tersebut berada di atas yang lain.

Jika Anda hanya memiliki sedikit tautan, horizontal baik-baik saja. Biarkan nama-nama singkat tetapi jelas dan tidak lebih dari 6-7. Tentu saja, opsi lainnya adalah kombinasi - beberapa 'header' secara horizontal dengan hover dropdown dari semua yang ada dalam kategori tersebut.

Jawabannya adalah mungkin ada waktu untuk menggunakan keduanya, tetapi sejauh studi pelacakan mata telah menunjukkan, mata memindai halaman dalam pola berbentuk F , jadi mungkin yang terbaik adalah menjaga navigasi Anda di kiri atas, atau melintasi teratas.

Keduanya dapat digunakan bersamaan, seperti menu horizontal di bagian atas untuk tautan navigasi (rumah, tentang kami, kontak, dll.) Dan menu kiri untuk kategori, artikel, dan sejenisnya.

Poin lain yang perlu dipertimbangkan mengenai menu drop-down adalah bahwa mereka dapat memiliki implikasi SEO. Danny Sullivan di Search Engine Land menyarankan bahwa menu tarik-turun dapat mencairkan otoritas tautan dengan memiliki banyak tautan ke setiap halaman dan bahwa menu hierarkis dapat memberikan jus tautan dengan lebih baik. Juga, mengapa menyembunyikan elemen navigasi dari pengguna Anda di drop-down di mana mereka mungkin kehilangan apa yang mereka cari.

IMHO, saya cenderung mengategorikan bagian utama sebagai menu Horisontal .. di mana sebagai bagian deskriptif dari setiap bagian utama aktif dalam menu vertikal.

Untuk misalnya:

------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------

|      About Us          | |                                            |
|      Mission           | |      Here is describing content            |
|      Contact Us        | |                                            |

Karena Rumah, Berita, dan Produk bertindak sebagai kategori utama, saya menyimpannya di tata letak horizontal, sedangkan Tentang Kami, Misi, Hubungi Kami adalah bagian Halaman Beranda yang paling deskriptif, jadi saya menyimpannya sebagai menu vertikal di samping bagian tampilan konten untuk memudahkan akses .

Cukup sederhana, Anda memberi tahu saya, apa yang lebih mudah dibaca: ABCDEFGHIJKLMNOP...Zatau

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z

Saat Anda membacanya, pikirkan bagaimana mata Anda bergerak. Dengan contoh pertama, ini - - - dll. Dengan contoh kedua, ZZZ dll; artinya mata Anda bergerak dalam pola Z. Dengan pola Z, mata Anda harus lebih memikirkan titik informasi berikutnya, daripada dengan yang pertama. Semakin dekat suatu informasi dengan informasi terakhir semakin mudah digunakan. Semakin banyak informasi yang kompak semakin baik, Anda selalu dapat menambah ruang, tetapi beberapa informasi hanya akan kompak sejauh ini. Misalnya, saya dapat menambahkan lebih banyak ruang seperti ini, tetapi panjangnya masih lebih pendek jika ukuran Anda paling panjang dari contoh 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ

Saya yakin seseorang akan memposting penelitian atau sesuatu, bahkan mungkin mengatakan saya salah, tetapi faktanya logika saya cukup sederhana sehingga saya memahaminya, masuk akal bagi saya, dan saya tidak perlu laporan mewah untuk memberi tahu saya bahwa itu benar, atau salah ... karena saya menduga bahwa laporan mewah tidak akan masuk akal, dan hanya sampel data berdasarkan pada struktur tes yang diberikan ...

Jadi apa yang Anda pikirkan?