Monday, June 18, 2018

website design - Where is the Best Placement for Breadcrumb, top or bottom?


Usually I see that every website put their breadcrumb on the top, but apple put their breadcrumb on the bottom before the footer.


enter image description here


Does that work better than when we put it on the top?



Answer



TL;DR: Top, or both.





Nielsen notes that consistency breeds familiarity, so you should comply with conventions to meet user expectations:



This consistency means that people know a breadcrumb trail when they see one, and immediately know how to use it. Consistency breeds familiarity and predictability, which breed usability. This again means that you must comply with conventions in the design of your own breadcrumbs.



More often than not, the user will look for the breadcrumbs immediately below the main navigation, because this is where they're most commonly found.


A search of Google Images for the term "website breadcrumbs" shows just how common it is to find breadcrumbs at the top:


Google Images search for Website Breadcrumbs




Why do Apple put it at the bottom?


So the user doesn't have to scroll back up to the top.



Apple tend to have very long pages, so putting it at the bottom is helpful.


However, putting it in both locations would serve both the expectations of the user, and aid those needing to locate themselves after reaching the end of the page.


Apple does this by:



  • Showing traditional breadcrumbs at the bottom

  • Highlighting the selected items in the main navigation at the top.

    • This provides the same functionality as breadcrumbs.





Apple Top Breadcrumbs Apple Bottom Breadcrumbs


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...