Category Archives: Navigation Design

What exactly are breadcrumbs?

Web Breadcrumbs - Sign Posts for VisitorsYou may have heard the term ‘breadcrumb’ when it comes to web content and Navigation Design, but do you know what it means?

Just like Hansel and Gretel in the dark forest, if you use breadcrumbs on your site, your visitors (hopefully) won’t get lost and waste time trawling through your site to find the right information. Typically, breadcrumbs consist of horizontal links near the top of your web page to enable readers to go back to previous pages, i.e. they can follow a trail back to their original entry point. Essentially, you’re providing your reader with visual signposts.

As Wikipedia explains, there are three main types of breadcrumbs:

  • Path breadcrumbs: these are dynamic and act as your ‘ route map’ – i.e. they show you the routeĀ  you took to get to the page you’re on
  • Location breadcrumbs: these are static and are used to show where the page you are currently on fits into the site’s hierarchy (kind of like an atlas – where do you fit in the grand scheme of things?)
  • Attribute breadcrumbs: these essentially categorize the page you’re on (a lot of e-commerce sites are using this as a way to show product categories, i.e. to encourage you to explore more and to buy more)

Breadcrumbs are a useful way to help guide readers through your website and ensure that they don’t end up in a scary, confusing forest of pages, with no way out…


Leave a comment

Filed under Navigation Design, Technical Writing, Web Writing, Writing and Editing Skills, Writing for the Web

10 Principles of Navigation Design (ND): An Article

We’re going to be talking about ND this week, so to whet your appetite, take a read through an article titled 10 Principles Of Navigation Design And Why Quality Navigation Is So Critical. Do you agree? Disagree? If you aren’t too sure yet, take another look at the article after our class and see what you think then.

Leave a comment

Filed under Information Architecture, Navigation Design, Technical Writing, Web Writing