13Aug2010
Breadcrumb Trail Design Showcase
The Glasgow Collective breadcrumb trail
Breadcrumb trails can be a useful secondary navigation tool for large sites such as online stores. They facilitate easy navigation back up the hierarchy of a website as well as providing a location indicator for visitors who may have arrived directly at the page (via search or a referring link) without navigating to it.
I thought it would be useful to look at some of the better and more visually interesting implementations of breadcrumb trail design. View the breadcrumb trail showcase.
Further Reading
- Breadcrumbs In Web Design: Examples And Best Practices
- Breadcrumb Navigation Examined: Best Practices & Examples
- How to Enhance Your Website Using Breadcrumbs – Showcase
- Best of Breadcrumbs and How They Enhance Your Website
Posted on: August 13, 2010 | 5 Comments
Recent Entries in "Showcases"
- Email Header Design Showcase (6)
- Use Icon Fonts to Create Lightweight, Flexible Icons (6)
- 10 Ways to Repackage Your Content For More Links and Exposure (4)
- When Features are Commoditized its the User Experience that Counts (1)
- What is the Best Email Width? (10)
- Questions to Ask When Reviewing a Design (10)
- A Cautionary Tale from the Target.com Redesign (4)
- Review of Notable — Web Design Feeback Tool (9)
- 11 Retail Emails Web Designers Should Subscribe To (22)
- 2010 Retail Theft Survey Infographic (2)
- CSS Rounded Corners 'Roundup' (82)
- Using a Background Image Grid to Lay Out Your Web Site (43)
- Typography for Headlines (40)
- Blog Comment Form Design Showcase (15)
- Blog Comment Design Showcase (36)
- How to Get a Job in the Web Industry (24)
- How to Create a Block Hover Effect for a List of Links (32)
- How to Write a Web Site Creative Brief (6)
- How to Style 'Author' Comments Differently on Your Blog (9)
- How to Style an A to Z Index with CSS (5)
- Designing Interfaces: Patterns for Effective Interaction Design
- Blog Design Solutions
- Designing Web Usability
- 101 Essential CSS Tips, Tricks, & Hacks
- Web Standards Solutions
- Web ReDesign 2.0: Workflow that Works
- The Zen of CSS Design
- Don't Make Me Think
- Bulletproof Web Design
- DOM Scripting
- View more recommended reading…
5 Comments Posted
thank you for sharing, really nice tutorial..
1. Posted by Deko Web on August 15, 2010
Breadcrumbs is indeed very useful on larger sites. Thank you for the examples provided. :)
2. Posted by Micke Hasselqvist on August 16, 2010
Thanks for featuring the Glasgow Collective on here! That was one of my earlier and more popular designs!
Great list all-round!
Cheers!
3. Posted by DanC on August 19, 2010
This is a really useflu and we will be referring back to it.
Thanks,
Amy
4. Posted by Amy on August 20, 2010
I completely agree that breadcrumb trails are a very useful secondary navigation, especially on larger sites. They also allow people to navigate much easier round the site and get to the specific area they require much quicker. Without this facility users may give up trying to find relevant information and try a competitors site instead.
The link to other breadcrumb trail designs shows more visually appealing styles that can be created and is great inspiration. I shall definitely be saving this link and building upon the current designs to create a breadcrumb trail in my next website. Thank you for the tip, there great.
5. Posted by Hannah Hurst on September 03, 2010