Cameron FrancisOctober 25,2013

Using Breadcrumbs in Site Design: Best Practices

Share on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on LinkedIn0Share on StumbleUpon0

On sites with numerous web pages, using breadcrumb navigation may significantly improve visitors’ ability to navigate a site. Breadcrumbs can improve usability by reducing the amount of actions a visitor must take to visit higher level web pages and they make it easier to find pages and sections of a site. Breadcrumbs are also a visual aid and they will provide users with a way of visualising their position within the hierarchy of a site. Therefore, breadcrumbs provide site visitors with contextual information when arriving on landing pages.

What Are Breadcrumbs?

Breadcrumbs provide a means of secondary navigation that display the location of a user within a website. The term is derived from a children’s fairy tale in which breadcrumbs are used to mark a trail for going back home. Similar to the fairy tale, breadcrumbs in websites provide visitors a means for tracing their path back to the website page they landed on.

Main-Breadcrumbs

You will often see breadcrumbs in large sites with content that is organised in a hierarchical fashion. You will also find them in web applications that have multiple steps, where they have a functionality that has similarities to progress bars.

In their most simplistic format, breadcrumbs are horizontally displayed text links that are usually separated by the symbol “>”. This symbol services to indicate the level of a page relative to the adjacent links.

We will examine the usage of breadcrumbs and look at how you can use them on your own site.

When Should Breadcrumbs Be Used?

Breadcrumb navigation can be used effectively on relatively large sites and sites with numerous pages that are hierarchically arranged. A great application for breadcrumbs is on ecommerce sites, where there are large numbers of products that are arranged in logical categories.

Breadcrumbs-01

Breadcrumbs should not be used on sites that are single-level and that don’t have a logical grouping or hierarchy. A good way for determining if a site may benefit from the use of breadcrumbs is to generate a site map that represents the navigation architecture of the site and the perform an analysis to determine if breadcrumbs would enhance the ability of a user to navigate between and within categories.

Navigation with breadcrumbs should be viewed as an additional feature that does not replace good primary navigation. It is a feature that adds convenience, a secondary means of navigation that permits users to visualise their site location, and provides an alternative navigation mechanism.

Breadcrumb Types

Three primary types of breadcrumbs are used:

    • Location Based

      Breadcrumbs that are location based indicate to website visitors where they are located in the hierarchy of a site. They are often used in navigation structures that consist of multiple levels.

    • Attribute Based

      Breadcrumbs that are attribute based show the attributes associated with a particular page. They are often used on large ecommerce sites to show the attributes associated with a product.

      For example, computer hardware > laptops > HP

      This page will show laptops manufactured by HP.

    • Path Based

      Breadcrumbs that are path based display to site visitors the steps they have taken to get to a page. These types of breadcrumbs are dynamic since they show the pages that a visitor has been on prior to landing on their current page.

breadcrumbs

Breadcrumb Benefits

Here are several of the benefits associated with using breadcrumbs:

  • User Convenience

    The primary use of breadcrumbs is to give site visitors a secondary way to navigate a site. When you give users a breadcrumb trail for site pages on large sites that are multi-level, they can more easily navigate to categories that are higher-level.

  • Minimise Actions Required To Return To High Level Pages

    Rather than using the “back” button of a browser or the primary navigation of a site in order to return to high level pages, site visitors can make use of breadcrumbs, which will require a reduced number of clicks.

  • Breadcrumbs Don’t Use a Lot of Screen Space

    Since breadcrumbs are normally oriented horizontally and use plain styling, they will not occupy a
    large amount of space on a page. Therefore, they have very little effect on content overload, and if used appropriately, have few negative aspects.

  • Bounce Rate Reduction

    Breadcrumbs can be an effective way of enticing site visitors to look at additional website pages after viewing a landing page. For instance, if a visitor arrives on a site page via a search engine search, viewing a breadcrumb trail might entice that visitor to click on a higher level page to examine related topics. This will reduce the bounce rate for a site.

Share on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on LinkedIn0Share on StumbleUpon0
Author: Cameron Francis Cameron Francis is the Director of eTraffic Group. He has been engaged in all aspects of online marketing for the past 8 years. He is actively involved in SEO, Paid Search, Social Media Optimisation, and Web Design.

• Social Networks •

• Our Locations •

Click To View Our Contact Details

Level 1, 530 Little Collins Street, Melbourne VIC 3000, Australia | 1300 887 151

Level 2, 50 York Street, Sydney 2000 | 1300 788 679

Level 1, The Realm, 18 National Circuit, Barton Canberra ACT 2600 Australia | 1300 765 708

Level 1, 16 McDougall Street, Milton 4064 | 1300 765 709

220 Varsity Parade, Varsity Lakes QLD Australia 4227 | 1300 887 804

Level 1, Paspalis Centrepoint, 48-50 Smith Street, Darwin NT 0800 Australia | 1300 889 815

Level 18, Central Park. 152-158 St Georges Terrace Perth, WA 6000 Australia | 1300 550 753

Level 3, 97 Pirie Street, Adelaide 5000 | 1300 669 895

Level 6 Reserve Bank Building, 111 Macquarie Street, Hobart TAS 7000, Australia | 1300 885 870

We seek to create long-term relationships
Tell us about your business goals and we will contact you