Breadcrumb (navigation)

From Wikipedia, the free encyclopedia

Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents. The term is taken from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.

Contents 1 Websites 1.1 Path 1.2 Location 1.3 Attribute 2 Usability 3 Cookie crumb 4 Global Positioning System (GPS) 5 Notes 6 External links

[edit] Websites

Breadcrumbs typically appear horizontally across the top of a webpage, usually below any title bars or headers. They provide links back to each previous page that the user navigated through in order to get to the current page, for hierarchical structures usually the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting/entry point of a website. They may look something like this:

Home page → Section page → Subsection page

There are three types of web breadcrumbs:

[edit] Path

Path breadcrumbs are dynamic and show the path that the user has taken to arrive at a page.

[edit] Location

Location breadcrumbs are static and show where the page is located in the website hierarchy.

[edit] Attribute

Attribute breadcrumbs give information that categorizes the current page.

[edit] Usability

Some commentators^[1] criticize Path-style breadcrumbs because they duplicate functionality that properly subsists in the browser; namely, the 'Back' button and browsing history.

Location breadcrumbs are not necessarily appropriate for sites whose content is so rich that single categories do not fully describe a particular piece of content. This is a common situation in sites employing a search-base navigation paradigm (for example, Amazon). In general, wherever a strict hierarchy is not applicable, Location breadcrumbs are inappropriate.

[edit] Cookie crumb

Some commentators and programmers alternatively use the term "cookie crumb" (or some variant) as a synonym to describe the previously mentioned navigation technique, but this usage is considered incorrect and most likely represents a linguistic corruption of the original "breadcrumb" metaphor. This misuse is further problematic because "cookie crumb" is often used to describe a datum or parameter inside an HTTP cookie file; another technology used on the web that is nonetheless distinct from the navigational method.^[2]

[edit] Global Positioning System (GPS)

Advanced GPS tools may keep track of the motion of a GPS device bearer by recording the positions of the traveller at specified time moments and presenting them at a GPS display as a "breadcrumb trail" of position markers.

v • d • e Widgets Command input Button · Menu · Context menu · Pie menu · Menu bar · Toolbar · Ribbon · Combutcon Data input-output Toggle button · Check box · Radio button · Slider · List box · Spinner · Drop-down list · Combo box · Text box · Grid view Informational Label · Tooltip · Balloon help · Status bar · Progress bar · Infobar · Throbber · Heads-up display Grouping Window · Tab · Accordion · Disclosure widget Navigation Tree view · Scrollbar · Breadcrumb Special windows Modal window · Palette window · Inspector window · Dialog box · File dialog · About box Other Icon · Metawidget · Web widget · Widget toolkit · Widget engine

[edit] Notes

1. ^ Breadcrumb navigation increasingly useful
2. ^ see e.g., Managing Windows With Vbscript and Wmi By Don Jones Published 2004 Addison-Wesley Professional ISBN 0321213343

[edit] External links

• Breadcrumb Navigation - Statistics by Heidi Adkisson, 2002.
• Breadcrumb Navigation: Further Investigation of Usage by Bonnie Lida Rogers and Barbara Chaparro, 2003
• Influence of Training and Exposure on the Usage of Breadcrumb Navigation by Spring S. Hull, 2004
• Location, Path & Attribute Breadcrumbs by Keith Instone
• Breadcrumb Navigation Deployment in Retail Web Sites by Sean Aery, 2007