it-swarm.asia

Alasan bagus untuk menghilangkan navigasi bar bagian atas pada halaman web?

Navigasi bilah atas sepertinya Bagus. Berhasil, orang tahu di mana menemukannya dan bagaimana menggunakannya. Tetapi dalam situasi apa saya bisa menghilangkannya, lebih memilih gambar yang kurang berantakan dan lebih besar?

3
Anton

Saya tidak sepenuhnya yakin apa yang Anda maksud dengan "navigasi bilah atas" - apakah Anda mengacu pada navigasi horisontal di bagian atas atau halaman, atau apakah navigasi vertikal juga termasuk di dalamnya?

Selalu ada perkecualian kasus, dan sementara, seperti yang Anda katakan, orang mengharapkan untuk melihat navigasi di dekat bagian atas (dan bagian bawah) halaman, ada saat-saat ketika melawan yang dapat bekerja dengan baik.

Misalnya, di situs web Muir Glen ( di sini ) mereka menggunakan navigasi posisi tetap di bagian bawah halaman, meninggalkan bagian atas agar pencitraan mereknya menjadi pusat perhatian. Navigasinya masih sangat menonjol dan mudah ditemukan, jadi saya ragu itu akan menyebabkan terlalu banyak masalah kegunaan.

Selain itu, UI navigasi vertikal memiliki kegunaannya - jika Anda memiliki banyak opsi menu bersarang, vertikal lebih baik digunakan daripada horizontal (mis. Melayang di atas Layanan menunjukkan beberapa opsi, melayang di atas opsi-opsi tersebut mengungkapkan opsi sendiri, jadi pada Dan seterusnya).

Mungkin penggunaan navigasi tidak konvensional yang paling umum adalah situs berbasis Flash (sayangnya, mereka sering melakukannya dengan salah). Saya percaya penggunaan Flash terbaik di web (dalam membuat seluruh situs) adalah membuat situs yang lebih mementingkan pengalaman daripada konten. Dalam hal ini, mengintegrasikan navigasi dengan cara yang kreatif sepenuhnya dapat diterima karena tujuan situs adalah tentang pengalaman pengguna, bukan tentang mencari konten dengan cepat. Contohnya adalah menyebarkan navigasi melalui polaroid yang berserakan di seluruh halaman ( atau serupa ) atau mengintegrasikannya dengan cara yang tidak konvensional ( seperti ini ).

Jadi, ya, ada alasan bagus untuk menghilangkan menu navigasi tradisional, halaman atas; jenis navigasi harus selalu bergantung pada apa yang terbaik sesuai dengan kebutuhan Anda.

4
RussellUresti

Ini sangat tergantung pada bagaimana situs Anda dibangun.

Jika misalnya Anda memiliki banyak bagian/kategori dan dalam skenario tipikal seorang pengguna harus sering berpindah-pindah di antara mereka, Anda mungkin memerlukan skema navigasi yang selalu tersedia di setiap halaman dan bagian.

Namun, jika Anda tidak memiliki banyak bagian, atau tidak diatur secara mendalam - mis. Tidak ada sarang bagian dalam dan Anda bisa mendapatkan masing-masing langsung dari halaman utama/beranda, Anda mungkin dapat menghilangkan bilah. Berikan saja cara untuk cepat sampai ke "rumah" dan pastikan remah roti Anda menunjukkan lokasi.

Faktanya, jika Anda menggunakan bilah hanya untuk navigasi, Anda mungkin dapat menggantinya dengan remah roti yang dibangun dengan hati-hati (bahkan interaktif).

5
Dan Barak

Ketika pengguna menggulir ke bawah (ke bawah halaman) karena berbagai alasan (seperti melalui konten dll), ada baiknya memiliki bilah navigasi bawah bukan bilah navigasi atas.

1
pramodc84

Berikut ini beberapa opsi.

  1. bilah nav atas horisontal dapat hampir semua ukuran jadi jika Anda mengukur tag bahkan dua kali ukuran katakanlah font 12px Anda akan memiliki bilah nav yang sangat kecil. Karena kebanyakan orang saat ini menggunakan setidaknya layar tinggi 768px yang tidak banyak.

  2. Menempatkannya di bagian atas dan memberinya posisi tetap berarti selalu tersedia tidak peduli berapa lama konten akan bergulir.

  3. Jika Anda TIDAK menggunakan bootstrap css, lalu buat navbar.css terpisah dan sertakan html yang dikomentari, Anda dapat memotong dan menempel di aplikasi apa pun untuk membuat navbar cepat.

Jika Anda menginginkan opsi lain untuk bilah sisi nav, Anda mungkin ingin menggunakan bilah samping JS collapsing yang memiliki satu tab sisi panjang dan tipis, yang muncul saat diklik. Ini adalah prinsip yang sama dengan drop down, tetapi ke samping. Ini akan memberi Anda layar real estat maksimum yang mungkin. Itu juga dapat dibuat modular bahkan jika Anda menggunakan bootstrap atau yang serupa, Anda hanya perlu memberi nama ID div Anda dan kelas sesuatu yang belum diambil.

0
Rollin Shultz