Skip to content

Breadcrumbs Use To Orientate Users

Breadcrumbs are use to tell users where they are, just showing the path to the home page. Yes, the word comes from the fairy tales, more precisely Hansel and Gretel, in which these two poor children are left alone in the forest. Then they left a trail back home of breadcrumbs but the birds eat their trail and they get lost. Without breadcrumbs your users will be lost in the forest!

A trail of links is the 21st century usability version of Hansel and Gretel breadcrumbs trail. They are not difficult to understand but there are a few things to keep in mind. For example, make clear what they are, use the words “You are here” like Wal-Mart does in it’s site.

Wal Mart Breadcrumbs 20071031

Wal-Mart also makes the last words to look different making the user to notice that she is there. On the other hand, Shopping.com uses the words “Back to”, which is not that bad but why would you use something that might confuse users when the “You are here” works so good?

Shoppingcom Breadcrumbs 20071031

Another mistake of Shopping.com is not to make the last words to look different. Their design is just fine, it could be better though.

Breadcrumbs could be a little bit confusing if they are not implemented properly. For example, msnbc is not making a 100% good job in their already messy site. If you click on the left side menu item “Travel”, then “News”, the breadcrumbs show you as last selection “Travel News”, a selection that actually does not exist. This word-game is unnecessary and could confuse users.

msnbc Breadcrumbs 20071031

.
Disclaimer: with this kind of article I want to point out usability and interface problems some sites could have. Please do not take this as an attack, take it as a free advice . I would like to make clear that this design problems could happen for many reasons, including lack of time or money.

Categories: Bad Design, Good Design, Interfaces, News Sites, Online Retailers, Usability, Web.

Comment Feed

2 Responses



Some HTML is OK

or, reply to this post via trackback.

Continuing the Discussion

  1. Breadcrumbs…

    Problem summary The user needs to know his location in the website’s hierarchical structure in order to possibly browse back to a higher level in the hierarchy…….