Revision [30316]
This is an old revision of Breadcrumb made by Rattlehead on 2014-08-30 17:33:58.
Breadcrumbs
Breadcrumbs are the links at the top of a page helping you see where the page fits into the Wiki-verse.
They are intended to add an additional navigation system to the pages, not to substitute the usual browsing devices.
Here are a few guidelines for the using of breadcrumbs (source: http://www.hongkiat.com/blog/breadcrumb-navigation-examined-best-practices-examples/
- Use Breadcrumbs at the Top of a Page
- Use Breadcrumbs Consistently
- Breadcrumbs Should Degrade Gracefully
Stylize Breadcrumbs Appropriately
You want your breadcrumbs to be seen however you do not want them to be the focal point. You also want to make it apparent that your breadcrumbs are not part of the main content to a page, only additional support to it. Find a happy medium where your breadcrumbs are noticeable however not overbearing.
Categorize Pages Clearly
If you have pages that fall under two or more categories you may not want to use breadcrumbs on your website. Trying to place a page under two or more categories will likely only produce unclear breadcrumbs and puzzle the user. Make sure your website has an organized hierarchy and is displayed accordingly through your breadcrumbs.
Clearly Separate Each Level
Make sure users are able to distinguish the difference between each breadcrumb level. The most common separator between levels is the ‘greater than’ character (>). Other good separators include right double angle quotations (»), slashes (/), and arrows (→). If using a plain text character, only use one. (» is more appealing and effective than
)
Single Out the Current Page
Use a different style on the last item of a breadcrumb list to establish that it is the currently page being viewed. You can accomplish this by making the item bold, changing its color, or emphasizing it.
Do Not Make the Current Page a Link
There is no need to make the last item of a breadcrumb list a link because it is the current page being viewed. Creating a link here will only confuse users, especially when they click on it and are not taken to a new page.
Do Not Use Breadcrumbs as a Page Heading
Using the last item of a breadcrumb list as the heading of a current page is ineffective. If you choose to use breadcrumbs do so with the addition of a page heading as well.
Breadcrumbs Do Not Replace Primary Navigation
Breadcrumbs are only to be used as support to the primary navigation, never to replace the primary navigation altogether. You should always provide users with a primary navigation from which they can navigate a website before using breadcrumb navigation.
Single Out the Current Page
Use a different style on the last item of a breadcrumb list to establish that it is the currently page being viewed. You can accomplish this by making the item bold, changing its color, or emphasizing it.
Do Not Make the Current Page a Link
There is no need to make the last item of a breadcrumb list a link because it is the current page being viewed. Creating a link here will only confuse users, especially when they click on it and are not taken to a new page.
Do Not Use Breadcrumbs as a Page Heading
Using the last item of a breadcrumb list as the heading of a current page is ineffective. If you choose to use breadcrumbs do so with the addition of a page heading as well.
Breadcrumbs Do Not Replace Primary Navigation
Breadcrumbs are only to be used as support to the primary navigation, never to replace the primary navigation altogether. You should always provide users with a primary navigation from which they can navigate a website before using breadcrumb navigation.