10 Praktek yang Disarankan untuk Menggunakan Breadcrumbs

Umumnya, breadcrumbs muncul dalam garis horizontal yang menunjukkan jejak dari halaman tingkat tertinggi (rumah) ke halaman saat ini di mana pengguna berada. Di bawah ini adalah daftar 10 praktik terbaik yang beberapa di antaranya direkomendasikan oleh orang-orang seperti Steve Krug, penulis Make Don’t Make Me Think ’dan desain web Dewa dengan haknya sendiri.

Selalu perlihatkan Jalur Utuh: Berikan konteks pengguna. Jejak breadcrumbs yang baik bertindak seperti penutup mata yang membuat pengguna tetap fokus pada tugas yang ada.

Mulailah dengan Home Page: Jalur bekerja paling baik ketika mereka menunjukkan perjalanan dari satu ujung ke ujung lainnya. Termasuk beranda di jalur bertindak seperti jangkar yang kuat memberikan orientasi yang kuat kepada pengguna.

Gunakan ‘>’ sebagai Pemisah antar Level: Ini berfungsi karena selalu berfungsi. ‘>’ Dengan cepat menunjukkan hubungan antara halaman level yang lebih tinggi dan halaman level yang lebih rendah. Jakob Nielsen awalnya merekomendasikan penggunaan titik dua (:) di bilah navigasi breadcrumb. Setelah pengujian pengguna, ia mengubah rekomendasinya untuk menggunakan ‘>’ karena itu dengan mudah mewakili hubungan antara halaman tingkat tinggi dan halaman tingkat bawah.

Letakkan Remah-remah di Atas: Bilah navigasi biasanya ditempatkan di bagian paling atas situs web. Karena Breadcrumbs berfungsi sebagai alat bantu navigasi sekunder, itu harus ditempatkan di atas konten. Grup Nielsen Norman melakukan tes pengguna dan menemukan bahwa pengguna mengharapkan breadcrumbs di bagian atas halaman. Penempatan breadcrumbs yang baik ada di bawah bilah navigasi utama dan di atas judul halaman.

Perlihatkan beberapa Kontras: Kontras membantu breadcrumbs menonjol sebagai fungsi penting. Karena mereka menempati ruang lebih sedikit dan sebagian besar hanya berbasis teks, kontras menjadi faktor penting untuk kesuksesan mereka.

Gunakan Tipe Kecil: Menggunakan tipe kecil membantu berkomunikasi dengan pengguna pentingnya breadcrumbs sehubungan dengan bilah navigasi utama. Seharusnya tidak pernah bingung untuk bantuan navigasi utama.

Tebalkan Item Terakhir: Tebalkan item terakhir (halaman saat ini) membuatnya menonjol dan memberi tahu pengguna user ini adalah tempat Anda saat ini ’.

Jangan Hyperlink Item Terakhir: Karena, mengapa Anda hyperlink teks yang mengarah ke halaman yang sama? Ini membingungkan bagi pengguna.

Jangan menggunakan Breadcrumbs di beranda: Beranda adalah tempat perjalanan pengguna dimulai, itu tidak masuk akal untuk memiliki breadcrumbs ditampilkan di beranda Anda.

Gunakan Judul Halaman Penuh dalam Breadcrumbs: Masuk akal untuk memasukkan judul halaman penuh dalam breadcrumbs sehingga pengguna akan tahu persis di mana masing-masing hyperlink mengarah ke. Tetapi karena judul halaman yang panjang atau halaman alasan lain, beberapa orang lebih suka memotong judul halaman menggunakan elips (lihat gambar di bawah). Dalam kasus seperti itu, lebih baik menghilangkan frasa seperti 'Anda di sini' untuk memberi ruang bagi elemen yang lebih penting yang merupakan judul halaman itu sendiri.



URL Halaman Harus Dicerminkan Mirror Breadcrumb Trail: URL halaman memberikan kesan arsitektur situs. Penting untuk memastikan konsistensi antara URL dan Breadcrumbs karena jika tidak, pengguna mungkin mendapatkan pesan yang tidak konsisten dari kedua elemen ini.