it-swarm.asia

Breadcrumbs: boleh diletakkan di bagian atas halaman?

Haruskah remah roti ditempatkan di paling kiri atas halaman?

Breadcrumbs tampaknya selalu berada baik langsung di bawah menu nav atau di atas konten halaman. Artikel dari 1stWebDesigner menunjukkan beberapa contoh kreatif desain breadcrumb , 99% di antaranya menggunakan format ini.

14
wnathanlee

Menempatkan remah roti di atas segala sesuatu yang lain di halaman menciptakan hierarki visual yang salah.

Saya sarankan Anda membaca buku Steve Krug Don't Make Me Think untuk penjelasan yang lebih terperinci (bab 6 membahas navigasi dan remah roti).

Untuk meringkasnya dengan sangat singkat, setiap bagian pada halaman memiliki header, biasanya berisi judul, tetapi juga bisa berisi tindakan, yang hanya mempengaruhi bagian tertentu itu.

Kontrol remah roti paling atas menyiratkan bahwa semua yang ada di halaman adalah unik untuk lokasi ini dan mengubah lokasi, mengubah seluruh halaman.

Gambaran mental yang biasanya kita miliki dari sebuah situs adalah bahwa ia memiliki elemen pembungkus yang bersifat global dan umum untuk semua halaman. Elemen ini biasanya berisi judul/logo, navigasi, dll. Meskipun secara teknis mungkin dimuat ulang dengan setiap halaman, kita (harus) melihatnya sebagai konstan dan tidak berubah.

Juga pertimbangkan bahwa jika navigasi berada di bawah remah roti, mungkin terasa aneh menavigasi ke halaman lain, berharap untuk mengubah hanya konten di bawah navigasi (sementara itu tetap konstan), tetapi sebaliknya mengubah sesuatu "di atas" itu dalam hierarki.

10
Dan Barak

Saya pikir tempat terbaik untuk menaruh remah roti adalah di tempat sampah. Mereka tidak benar-benar memberikan nilai sebanyak itu ke situs.

Jika Anda bersikeras memilikinya, maka setelah navigasi situs adalah tempat terbaik untuk meletakkannya. Menempatkan mereka di bagian paling atas situs adalah ide yang SANGAT buruk bagi saya. Ini akan menyakiti SEO Anda dan aksesibilitas pasti, dan juga kemungkinan akan merusak estetika situs Anda. Remah roti tidak persis "cantik".

Alasan mereka diletakkan tepat di atas konten adalah karena mereka berhubungan langsung dengan konten. Menempatkan mereka di atas navigasi Anda/istirahat header yang tautannya dengan konten dan remah roti kehilangan beberapa konteks. Saya telah melihat hal semacam ini disebut resonansi kognitif, meskipun itu sebenarnya bukan ungkapan yang valid, itu masuk akal di sini.

EDIT: Memperluas tentang bagaimana hal itu merusak aksesibilitas dan SEO:

Aksesibilitas: Jika Anda meletakkan remah roti di bagian paling atas halaman, orang yang menggunakan teknologi bantu seperti pembaca layar sekarang harus bergerak melalui semua remah roti Anda untuk mendapatkan tautan navigasi situs. Karena itu, Anda harus benar-benar mempertimbangkan apa target yang lebih mungkin bagi pengguna Anda, mengklik tautan navigasi atau mengklik tautan remah roti. Kecuali jika Anda Craigslist, di mana satu-satunya navigasi yang Anda miliki adalah remah roti, kandidat yang paling mungkin adalah tautan navigasi.

SEO: Mesin pencari hanya mengikuti sejumlah tautan tertentu (dan membaca sejumlah konten tertentu pada satu halaman, tetapi itu kurang penting di sini). Sekali lagi, ini mengarah pada pentingnya. Apa yang lebih berharga bagi Anda untuk diikuti oleh perayap Google, tautan remah roti Anda atau tautan nav situs utama Anda (yang idealnya akan mengarahkan crawler ke lebih banyak konten daripada remah roti akan). Sekarang, ini mungkin tidak terlalu menjadi perhatian, karena sebagian besar perayap mungkin akan mengikuti lebih dalam ke halaman daripada hanya navigasi dan remah roti Anda, tetapi lebih baik untuk memastikan dengan hal semacam itu.

Juga, pikirkan alasan lain untuk tidak menempatkan mereka di bagian paling atas situs: Tidak setiap halaman di situs Anda akan memiliki remah roti. Dengan demikian, pengguna akan terbiasa dengan tajuk Anda dengan cara tertentu dan akan belajar mengabaikannya dari waktu ke waktu kecuali ada tindakan khusus yang ingin mereka lakukan di sana. Ini berarti remah roti Anda cenderung diabaikan bahkan lebih daripada jika mereka tepat di atas konten Anda. Setidaknya jika mereka berada di atas konten Anda, mereka lebih cenderung berada dalam visi pengguna saat ia membaca konten (sekali lagi, resonansi antara remah roti dan konten).

5
Charles Boyung

Jakob Nielsen merekomendasikan remah roti untuk alasan berikut

  • Breadcrumbs menunjukkan lokasi saat ini kepada orang-orang relatif terhadap konsep tingkat yang lebih tinggi
  • Breadcrumbs memberikan akses sekali klik ke level situs yang lebih tinggi
  • Breadcrumbs tidak pernah menyebabkan masalah dalam pengujian pengguna
  • Remah roti memakan sedikit ruang

Namun, dia menyebut mereka sebagai 'Navigasi Sekunder', dan walaupun dia tidak spesifik dalam mengusulkan lokasi, setelah dan anak perusahaan untuk navigasi utama situs adalah implikasi yang kuat.

Sumber http://www.useit.com/alertbox/breadcrumbs.html

1
DaveP

Cara yang menarik untuk melakukannya mungkin dengan membuat breadcrumb/tab hybrid di bagian paling atas halaman, dengan fungsi dan bentuk yang mirip dengan tab Google Chrome pada pola UI atas.

1
Virtuosi Media

Jika Anda menggunakannya, saya sarankan mereka milik sebelum H1.

Tapi saya cenderung setuju dengan gagasan bahwa mereka benar-benar tidak berguna sepanjang waktu. Satu kali mereka bisa adalah jika Anda memiliki situs yang memiliki item yang sangat terkotak yang bersarang sangat dalam. Contohnya mungkin pengecer online yang kemungkinan orang-orang mendarat di halaman produk tertentu dan ingin cara mudah ke daftar kategori produk umum.

1
DA01