Kegunaan untuk Dummies. Bagian 3: apa yang seharusnya menjadi navigasi

Baca bagian pertama artikel.

Baca bagian kedua artikel ini.

Sistem navigasi situs harus jelas dan nyaman. Bagus dapat disebut navigasi, yang digunakan pengunjung sumber daya secara otomatis, tanpa memperhatikannya. Sesuatu seperti ini Anda menggunakan mouse: itu menarik perhatian hanya jika itu tidak berfungsi dengan benar. Bagaimana membuat navigasi nyaman dan tidak memerlukan perhatian pengunjung yang sadar? Baca di bawah.

Perhatikan urutan halaman utama dan sekunder.

Jika tombol-tombol halaman sekunder mendahului tombol-tombol yang utama, ini menyesatkan pengguna. Misalnya, salah satu varian desain layanan Digg menyarankan tata letak tombol berikut:

Tombol "Berita Saya" mengarah ke halaman sekunder, yang tersedia hanya setelah pendaftaran atau otorisasi. Tombol "Berita Top" mengarah ke halaman utama, jadi itu harus mendahului tombol "Berita Saya".

Perwakilan dari situs penjelajahan budaya Barat dari kiri ke kanan dari atas ke bawah. Tombol ke kiri dan / atau di atas mendahului tombol ke kanan dan / atau di bawah.

Menu navigasi: vertikal atau horizontal?

Dalam beberapa situasi, adalah tepat untuk menggunakan menu vertikal, di lain - horisontal. Desainer perlu memahami jenis menu apa yang sesuai dalam situasi tertentu.

Pengunjung lebih cepat merasakan menu vertikal. Karena jarak antar elemen yang kecil, pengguna memindai dua atau tiga tombol dalam satu pemberhentian visual. Menu vertikal menempati kolom kiri halaman, sehingga Anda memiliki lebih sedikit ruang untuk konten. Elemen atas navigasi vertikal terlihat jelas oleh pengguna, tetapi yang lebih rendah tetap tidak terlihat.

Pengunjung mempersepsikan menu horizontal lebih lambat. Tombol-tombol tersebut terletak dari kiri ke kanan, sehingga seseorang lebih terbiasa membacanya dan tidak memindai pola. Pengguna merasakan satu tombol untuk satu pemberhentian visual. Semua elemen menu horizontal terlihat jelas. Navigasi vertikal membuat lebih banyak ruang kosong di halaman. Ini berarti Anda dapat menawarkan lebih banyak konten kepada pengguna tanpa harus menggulir.

Hapus bilah vertikal dari menu horizontal.

Desainer menggunakan bilah vertikal di menu untuk memisahkan elemen secara visual.

Ada cara yang lebih mudah untuk memisahkan item menu secara visual. Cukup untuk menambah ruang di antara mereka. Cara memisahkan item menu ini meningkatkan kecepatan persepsi, karena pengguna membuat lebih sedikit penghentian visual.

Menu akordeon: cara sederhana untuk pagination

Halaman pagination cocok jika Anda menawarkan sejumlah besar materi yang berbeda kepada pengguna. Dan ketika Anda menerbitkan satu materi yang hebat, lebih baik untuk menggabungkan menu akordeon dengan halaman pagination:

Untuk membaca konten baru, pengguna tidak perlu memuat halaman berikutnya. Berkat modul AJAX, menu akordeon memuat konten di halaman terbuka.

Cara membuat scrolling tak berujung ramah pengguna

Pedoman berikut akan membantu Anda meningkatkan efektivitas halaman dengan pengguliran tanpa akhir:

  • Saat menggulir tanpa henti, menu navigasi atas harus dapat diakses oleh pengguna. Rekomendasi ini diterapkan di Facebook.
  • Tunjukkan kepada pengguna bahwa konten sedang dimuat.
  • Beri tahu pengunjung berapa banyak konten yang tersisa.
  • Biarkan saya kembali ke titik awal dengan satu klik.

Di mana seharusnya tombol "Informasi Kontak"

Semua item menu digabungkan menjadi dua kategori: informasi dan promosi. Tindakan berikut setelah mempelajari informasi. Oleh karena itu, yang pertama harus elemen informasi: "tentang perusahaan", "produk", "blog", dll. Barang-barang promosi, seperti "berlangganan" atau "kontak", harus melengkapi menu.

Korsel, Rotator, Penggeser: Hindari Kesalahan Umum

Desainer menyukai korsel untuk daya tarik visual. Berikut ini adalah kesalahan umum yang mengurangi efektivitas elemen-elemen ini:

  • Rotasi konten berlanjut ketika pengguna melihat salah satu pengumuman.

Saat Anda mengarahkan kursor pada korsel, gerakan harus beralih ke mode manual.

  • Rotasi satu elemen carousel

Pengguna merasakan konten yang ditampilkan di korsel dalam kelompok beberapa elemen. Jika orang tersebut belum menemukan topik yang diminati, ia menekan tombol gulir untuk melihat konten baru. Jika dalam mode pengguliran manual carousel hanya menampilkan satu elemen baru, ini menyebabkan hilangnya waktu.

Saat menggulirkan korsel secara manual, seluruh baris harus berubah.

  • Kurangnya indikator kemajuan

Pengguna ingin tahu berapa banyak konten yang telah dilihatnya dan berapa banyak yang tersisa. Karena itu, di dalam korsel harus ada tanda-tanda kemajuan.

  • Scrolling tanpa batas

Pengguna tidak suka menggulung carousel selamanya. Karena itu, ketika Anda selesai melihat tombol navigasi seharusnya tidak aktif.

Cara menyesuaikan semua yang Anda butuhkan di header situs

Biasanya, tajuk situs menyertakan logo, tombol menu, blok registrasi dan otorisasi, dan bidang pencarian. Header mengambil bagian dari halaman, mengambil ruang dari konten. Dengan menggunakan resep di bawah ini, Anda akan membuat tutup lebih ringkas tanpa kehilangan fungsionalitas dan daya tarik visual:

  • Gunakan bidang pencarian elastis
  • Gabungkan tombol registrasi dan otorisasi
  • Letakkan logo di bilah navigasi
  • Cara radikal: sembunyikan tombol navigasi
  • Gunakan efek mata ikan

Cara membuat menu vertikal nyaman

Menu vertikal nyaman karena perancang dapat menempatkan sebanyak mungkin tautan. Pengguna dapat menggulir halaman untuk melihat item di bagian bawah menu vertikal. Namun, ini hanya berlaku jika pengguna mencari sesuatu yang spesifik. Kalau tidak, itu tidak akan menggulung halaman.

Untuk mengatasi masalah ini, tinggalkan hanya tautan urutan pertama di menu vertikal. Tautan dari urutan kedua harus ditampilkan dengan mengklik.

Tautan eksternal harus terbuka di tab browser baru.

Tautan internal harus terbuka di tab yang ada, dan eksternal di yang baru. Pertama, itu ramah pengguna. Kedua, itu membuat pengguna di situs Anda.

Gabungkan menu drop-down

Menu drop-down standar dapat membingungkan pengguna. Dia terpaksa memilih setiap kategori dan mempelajari tautan orde kedua. Menu drop-down gabungan menampilkan semua item dari urutan kedua ketika Anda mengklik pada kategori apa pun. Ini membuat navigasi lebih nyaman.

Carousel seharusnya memiliki navigasi yang mudah.

RKPT rata-rata dari konten yang ditampilkan menggunakan carousel adalah 1%. Ini terlalu rendah, karena komidi putar biasanya merupakan elemen yang paling menarik secara visual di halaman utama.

Masalahnya ada di menu carousel: sering tidak nyaman dan tidak informatif. Elemen navigasi harus besar, dan pengguna harus tahu konten apa yang dipilihnya.

Mode otomatis - kriteria utama untuk kualitas navigasi

Jika pengguna tidak memikirkan cara menemukan bagian yang diperlukan dari situs, itu berarti Anda telah membuat menu yang baik. Untuk membantu pengunjung melakukan perjalanan sumber daya, pilih urutan elemen utama dan sekunder yang benar. Pertimbangkan menu mana yang sesuai dengan sumber daya Anda: vertikal atau horizontal. Buat header situs kecil dan nyaman. Gunakan menu tarik-turun gabungan, tampilkan elemen sekunder dari menu vertikal dengan mengklik.

Tonton videonya: Kegunaan Panel Pada Toyota Avanza S Part I (Desember 2019).

Loading...

Tinggalkan Komentar Anda