it-swarm-vi.tech

Breadcrumbs: ok để đặt ở đầu trang?

Có nên đặt mẩu bánh mì ở góc trên cùng bên trái của trang không?

Breadcrumbs dường như luôn được đặt ngay bên dưới menu nav hoặc phía trên nội dung trang. Một bài viết từ 1stWebDesigner cho thấy một số ví dụ sáng tạo về thiết kế Breadcrumb , 99% trong số đó sử dụng định dạng này.

14
wnathanlee

Đặt các mẩu bánh mì lên trên mọi thứ khác trên trang sẽ tạo ra một hệ thống phân cấp thị giác sai.

Tôi đề nghị bạn đọc Steve Krug's Đừng làm tôi suy nghĩ để được giải thích chi tiết hơn (chương 6 đã thảo luận về điều hướng và mẩu bánh mì).

Để tóm tắt rất ngắn gọn, mỗi phần trên trang có một tiêu đề, thường chứa tiêu đề, nhưng cũng có thể chứa các hành động, chỉ ảnh hưởng đến phần cụ thể đó.

Một điều khiển phần lớn bánh mì hàng đầu ngụ ý rằng mọi thứ trên trang là duy nhất cho vị trí này và thay đổi vị trí, thay đổi toàn bộ trang.

Hình ảnh tinh thần chúng ta thường có của một trang web là nó có yếu tố bao bọc toàn cầu và phổ biến cho tất cả các trang. Phần tử này thường chứa tiêu đề/logo, điều hướng, v.v. Mặc dù về mặt kỹ thuật có thể được tải lại với mỗi trang, chúng tôi (nên) nhận thấy nó là không đổi và không thay đổi.

Ngoài ra, hãy xem xét rằng nếu điều hướng nằm bên dưới mẩu bánh mì, nó có thể cảm thấy kỳ lạ khi điều hướng đến một trang khác, hy vọng sẽ chỉ thay đổi nội dung bên dưới điều hướng (trong khi nó không đổi), nhưng thay vào đó thay đổi thứ gì đó "ở trên" theo thứ bậc.

10
Dan Barak

Tôi nghĩ rằng nơi tốt nhất để đặt vụn bánh mì là trong thùng rác. Họ không thực sự cung cấp nhiều giá trị cho một trang web.

Nếu bạn khăng khăng muốn có chúng, thì sau khi điều hướng trang web là nơi tốt nhất để đặt chúng. Đặt chúng ở vị trí cao nhất của trang web là một ý tưởng RẤT tệ với tôi. Chắc chắn điều đó sẽ làm tổn thương SEO và khả năng truy cập của bạn, và nó cũng có khả năng làm tổn hại đến tính thẩm mỹ của trang web của bạn. Breadcrumbs không chính xác "đẹp".

Lý do mà chúng được đặt ngay phía trên nội dung là vì chúng liên quan trực tiếp đến nội dung. Đặt chúng lên trên điều hướng/tiêu đề của bạn phá vỡ liên kết với nội dung và mẩu bánh mì bị mất một số bối cảnh. Tôi đã thấy loại điều này được gọi là cộng hưởng nhận thức, mặc dù đó thực sự không phải là một cụm từ hợp lệ, nó có ý nghĩa ở đây.

EDIT: Mở rộng về cách nó làm tổn thương khả năng truy cập và SEO:

Khả năng truy cập : Nếu bạn đặt mẩu bánh mì ở đầu trang, mọi người sử dụng các công nghệ hỗ trợ như trình đọc màn hình bây giờ phải di chuyển qua tất cả các mẩu bánh mì của bạn để truy cập các liên kết điều hướng trang web. Bởi vì điều này, bạn cần thực sự xem xét mục tiêu nào có khả năng hơn cho người dùng của bạn, nhấp vào liên kết điều hướng hoặc nhấp vào liên kết Breadcrumb. Trừ khi bạn là Craigslist, trong đó điều hướng duy nhất bạn có là mẩu bánh mì, ứng viên có nhiều khả năng là các liên kết điều hướng.

SEO : Công cụ tìm kiếm chỉ theo một số lượng liên kết nhất định (và đọc một lượng nội dung nhất định trên một trang, nhưng điều đó ít quan trọng hơn ở đây). Một lần nữa, nó dẫn đến tầm quan trọng. Điều gì có giá trị hơn đối với bạn khi theo dõi trình thu thập thông tin của Google, các liên kết bánh mì của bạn hoặc các liên kết điều hướng trang web chính của bạn (điều này lý tưởng sẽ dẫn trình thu thập thông tin đến nhiều nội dung hơn so với các mẩu bánh mì). Bây giờ, điều này có lẽ ít đáng quan tâm hơn, bởi vì hầu hết các trình thu thập thông tin có thể sẽ theo dõi sâu hơn vào trang hơn là chỉ điều hướng và mẩu bánh mì của bạn, nhưng tốt hơn là nên chắc chắn với điều đó.

Ngoài ra, nghĩ về một lý do khác để không đặt chúng ở vị trí cao nhất của trang web: Không phải mọi trang trên trang web của bạn sẽ có mẩu bánh mì. Như vậy, người dùng có thể sẽ trở nên quen với tiêu đề của bạn theo một cách nhất định và sẽ học cách bỏ qua nó theo thời gian trừ khi có một hành động cụ thể mà họ muốn thực hiện ở đó. Điều này có nghĩa là mẩu bánh mì của bạn có khả năng bị bỏ qua thậm chí nhiều hơn nếu chúng ở ngay trên nội dung của bạn. Ít nhất nếu chúng ở trên nội dung của bạn, nhiều khả năng chúng sẽ nằm trong tầm nhìn của người dùng khi anh ta đọc nội dung (một lần nữa, sự cộng hưởng giữa mẩu bánh mì và nội dung).

5
Charles Boyung

Jakob Nielsen đề xuất vụn bánh mì vì những lý do sau

  • Breadcrumbs cho mọi người thấy vị trí hiện tại của họ so với các khái niệm cấp cao hơn
  • Breadcrumbs đủ khả năng truy cập bằng một cú nhấp chuột vào cấp độ trang web cao hơn
  • Breadcrumbs không bao giờ gây ra sự cố trong kiểm tra người dùng
  • Breadcrumbs chiếm rất ít không gian

Tuy nhiên, anh ta gọi chúng là 'Điều hướng phụ' và trong khi anh ta không cụ thể trong việc đề xuất địa điểm, thì sau đó và công ty con cho điều hướng chính của trang web là một hàm ý mạnh mẽ.

Nguồn http://www.useit.com/alertbox/breadcrumbs.html

1
DaveP

Một cách thú vị để làm điều đó có thể là tạo một lai bánh mì/tab ở đầu trang, với chức năng và hình thức tương tự như các tab của Google Chrome trên mẫu UI hàng đầu.

1
Virtuosi Media

Nếu bạn sử dụng chúng, tôi khuyên bạn nên thuộc về họ ngay trước H1.

Nhưng tôi có xu hướng đồng ý với ý kiến ​​cho rằng chúng thực sự không hữu dụng trong hầu hết thời gian. Một lần họ có thể là nếu bạn có một trang web có các mục rất ngăn cách được lồng rất sâu. Một ví dụ có thể là một nhà bán lẻ trực tuyến trong đó tỷ lệ cược là mọi người có thể hạ cánh trên một trang sản phẩm cụ thể và muốn một cách dễ dàng đến danh sách danh mục sản phẩm chung.

1
DA01