Dan Olsavsky's Blog

Wednesday, September 26, 2007

P1S Lecture - Breadcrumb Navigations

Breadcrumb navigations
Why?
What?
How?
Examples
Articles

Why?Tell Me Where I Am
-Whenever a user is navigating inside a website with more than 1 sub-level of navigation, it's critical to show them where in the site structure they are.
-This should be accomplished with headlines, sub-headers (when necessary) and breadcrumbs (e.g. Home > Category > Sub-cat > Product).

-The first documented usage of breadcrumbs on a notable webpage was on the homepage of Yahoo.com. The technique was pioneered through a UI study conducted by Matthew Rivard in 1997.

What?

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

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

Attribute
-Attribute breadcrumbs give information that categorizes the current page.


How?

JavaScript
- http://www.webmonkey.com/webmonkey/05/52/index0a_page3.html?tw=programming
- http://duvinci.com/projects/javascript/crumbs/

- http://www.olemiss.edu/depts/research/publications/orspit/breadcrumb_howto/index.html
- http://www.olemiss.edu/depts/research/publications/orspit/breadcrumb_howto/BreadCrumbs.js

- http://www.evolt.org/article/Breadcrumbs_in_Javascript/17/15480/

Examples

- http://ils.unc.edu/~aery/inls181/final/examples.html
- http://www.burton.com/Gear/Default.aspx#/mens/jackets/burton/productDetail/70910/B8237101

- http://www.page1samples.com/breadcrumbs/

Articles
- http://psychology.wichita.edu/surl/usabilitynews/52/breadcrumb.htm
- http://www.webdesignpractices.com/navigation/breadcrumb.html

- Dan Olsavsky

posted by dano at 1:38 PM

0 Comments:

Post a Comment

<< Home

© Dan Olsavsky | 2004-2009. This site is optimized for viewing in Mozilla's Firefox. Some features may not appear in other internet browsers. Please note that I do not develop the content for the websites featured in my portfolio. I do however, work with some phenomenal writers that can get the job done. The Search Engine Optimization on most of the sites was done by a highly-skilled professional at Page 1 Solutions, LLC. Some of the websites have been edited aesthetically by other Website Design Professionals but I keep the Lightbox images original, because I like to keep it real. I am employed full-time, however... you too can retain my services at a very reasonable rate! A huge shout out to everybody who has helped me along the way and who continue to support me. You know who you are.. Click here to view the Sitemap or click here to Contact me.