Website Breadcrumbing: To breadcrumb or not to breadcrumb?
January 4th, 2012by Stacey Crisler
- When implemented correctly, breadcrumbs are a great way of providing a user with information about your site and how it is structured
- Breadcrumbs give users an alternative way to navigate to areas of interest
- Users who enter deep into the site due to search engine linkage can easily back out to a broader level of detail and begin an exploration of additional pages on your site
- In situations where the “Back” button does not work (never ideal!) or may jump users back further than they would like (i.e., after making filter selections to narrow choices in a retail clothing category), breadcrumbs can provide an alternative, making the site easier to navigate and providing expected functionality
- Even if users do not utilize the breadcrumbs as navigation it can teach them the site organization and expose them to other levels of information they may not have been aware of
- Adds additional text and potentially, clutter to a page
- Path shown in breadcrumb trail may not match a user’s path to the page (as breadcrumbs should match site architecture, not a specific user path)
TOP 5 DO’s
- Do keep breadcrumbs simple; extreme design or visual interest should not be the goal
- Do keep balance in mind when designing breadcrumbs: they must be evident enough to be useful, but not take away from the content of the page
- Do keep the breadcrumbs close to the page content, preferably near the title of the page
- Do make each level of the breadcrumbs a clickable link (clearly indicated using whatever color, underline, etc. link convention you are employing in your site), except for the final level, i.e., the current page
- Do be consistent in your use of breadcrumbs – you cannot do this only for a section of your site; it must be done throughout
TOP 5 DON’TS
- Don’t utilize breadcrumbs as a primary navigational element
- Don’t rely on breadcrumbs to make up for poor main navigation options or navigation placement
- Don’t dynamically change breadcrumbs to match a user’s path except when displaying customized information such as applied filters; base breadcrumbs on the site’s hierarchy
- Don’t allow breadcrumbs to be a source of confusion; if your site has many cross-links and pages fit into a variety of categories, breadcrumbing may not be a good option for you as it might create confusion rather than eliminate it
- Do not substitute breadcrumbs for the page heading / title; breadcrumbs should be secondary to the content of the page and the page should be able to function even if the breadcrumbs are taken away








With new media outlets like smartphones and tablets changing the way we design websites, one must find somewhere to start. We’d like to know where you’re investing your efforts. Is the future of your website going to offer a web app (mobile site), native app (downloaded app), or both?



