5 Jenis Navigasi Situs Web yang Perlu Dipertimbangkan

click fraud protection

Navigasi adalah elemen kunci dari situs web mana pun—begitulah cara pengguna berpindah dari bagian ke bagian, dan ke konten tertentu. Sebagian besar navigasi situs web saat ini mengikuti beberapa format tertentu yang, karena sudah familiar, tidak akan membuat pengunjung situs Anda bingung tentang cara mengakses konten Anda.

Teks Horisontal

Situs web Microsoft dengan navigasi teks horizontal

Navigasi berbasis teks horizontal mungkin adalah gaya paling umum yang ditemukan secara online. Jenis navigasi ini terdiri dari daftar horizontal bagian situs, umumnya diberi nama masing-masing satu atau dua kata. Itu dapat dibuat dengan grafik atau teks HTML lurus, yang keduanya dapat memiliki rollover untuk sedikit interaksi pengguna.

Sub-Menu

Desain submenu Microsoft Microsoft

Dalam beberapa kasus, Anda mungkin ingin memberikan kedalaman informasi kepada pengguna, bahkan tanpa menu tarik-turun. Memiliki sub-menu di bawah judul navigasi utama membutuhkan lebih banyak ruang, dan tidak terlalu konvensional, meskipun memungkinkan pengunjung untuk melihat dengan jelas apa yang tersedia dan mendapatkan tempat yang mereka inginkan.

instagram viewer

Anda akan sering melihat gaya ini terbatas pada bagian bawah halaman, di mana persyaratan real-estate untuk menu tidak terlalu signifikan. Faktanya, banyak perusahaan, termasuk Microsoft, memasangkan menu teks horizontal di bagian paling atas dan sistem sub-menu di bagian paling bawah halaman web tertentu yang menghadap konsumen.

Teks Vertikal

Bilah navigasi vertikal Wikipedia
Tangkapan layar 

Navigasi teks vertikal juga cukup umum dan sering digunakan untuk situs yang memerlukan daftar item bilah tombol yang lebih panjang, navigasi yang dapat diperluas, atau untuk judul yang lebih panjang. Navigasi vertikal paling sering ditemukan di sepanjang sisi kiri halaman web, meskipun navigasi sisi kanan dapat efektif jika dirancang dengan benar atau jika untuk navigasi sekunder. Navigasi vertikal sering digunakan untuk bilah tombol kedua, seperti untuk sub-bagian dari bagian utama yang ditemukan di bilah horizontal di bagian atas halaman.

Menu Drop-Down

Menu tarik-turun eBay
Tangkapan layar

Menu drop-down sering digunakan bersama dengan navigasi horizontal, dan memungkinkan pengguna untuk melompat tidak hanya ke bagian utama situs, tetapi juga ke banyak sub-bagian utama. Situs dengan banyak konten pasti bisa mendapatkan keuntungan dari drop-down, karena mereka menghilangkan klik ke konten Anda.

Ikon atau Grafik

navigasi twitter

Mengintegrasikan ikon atau grafik lain ke dalam navigasi Anda dapat membuat antarmuka yang intuitif. Pengguna akan mengaitkan ikon dengan konten yang diwakilinya, menciptakan pendekatan yang lebih jelas ke bilah tombol. Seperangkat ikon navigasi harus dibuat dengan gaya yang konsisten satu sama lain dan situs secara keseluruhan, karena ikon tersebut harus meningkatkan desain situs daripada membuat gangguan. Juga harus jelas apa yang mereka wakili. Menambahkan ikon hanya untuk membuat desain terlihat lebih baik mungkin tidak memberikan manfaat terbaik bagi situs.

instagram story viewer