119
votes
Accepted
Clicking a Breadcrumb Link, Trigger Browser Back Button, or Forward?
A breadcrumb is a hierarchical link, not a historic link. It shows the user the hierarchical position in the site, not a trail of where they've come from.
For example, the user could have landed on ...
JonW♦
- 37.2k
44
votes
Multiple breadcrumbs
Breadcrumbs are the wrong concept for your use case
Your problem, as you have found out: There are multiple valid routes from the currently selected item Shakespeare to its category Writer. ...
- 2,078
33
votes
Accepted
Multiple breadcrumbs
It's not a good idea to break the convention of a single breadcrumb path. Because of how breadcrumbs are generally designed it's fair to assume that people expect them to make it possible to:
see ...
- 11.3k
13
votes
Multiple breadcrumbs
A page has one breadcrumb. After all, it's located in only one location within the site. Showing three breadcrumbs at once seems a bit odd. It looks to me like you're a bit confused about the function ...
- 9,861
8
votes
Accepted
What to do with this "wasted" space in my side bar navigation mockup?
Some ideas:
Logo / Brand name
Remove "Menu" and make the breadcrumb smaller, so it doesn't suggest some relation with "File"
- 16.8k
8
votes
Accepted
Breadcrumb history decision
What do breadcrumbs do?
Show how the user navigated to a particular page
Show the hierarchy of a page
NNGroup says:
For polyhierarchical sites, breadcrumbs should show a single pathway in the ...
- 6,799
7
votes
Accepted
Breadcrumb and search behavior
We had a similar problem at the project I am currently working on.
We decided that the breadcrumbs should represent the static hierarchy of pages - rather than the user's history. When representing ...
- 1,355
6
votes
Accepted
Best practices in designing bread crumbs
Should there be underlines for the breadcrumbs to make them look like links?
They must respect overall site design. If all your navigation links are underlined (including your main navigation menu) ...
- 5,053
6
votes
What is an attribute-based breadcrumb?
Location Based Breadcrumb:
this shows the trail of current file location from the main directory.
Like documents folder on your system.
Attribute-Based Breadcrumb:
this shows the trail of attributes ...
- 1,050
6
votes
What does this pattern signify in breadcrumb?
I agree with you. The forward slash (/) does give a fair chance to novice users to think about it.
Which why it would be best to replace the forward slash with an arrow or a backward slash \ . The ...
- 16.2k
5
votes
Why breadcrumbs should not be used as a primary Navigation?
TL;DR
Main menu leads the user, while breadcrumbs are following him. They relate like a GPS navigator and a GPS tracker.
Main navigation supports and helps to form user's mental model of what is on ...
- 22.6k
5
votes
How to handle expandable menu in breadcrumbs?
Simply rename the breadcrumb and (ideally) the title of the page from General to General Settings
Same goes for the rest: Privacy Settings, Notification Settings, Content Settings
Currently, the ...
- 6,799
4
votes
Use of bread crumbs for hierarchical data?
First of all you can choose from more UI options to show and navigate through hierarchies. Additionally to breadcrumbs and tree view there are e.g.:
menus and submenus navigation (traditional and ...
- 149
4
votes
Clicking a Breadcrumb Link, Trigger Browser Back Button, or Forward?
Even if you set your site up so that breadcrumb links are "history" rather than "hierarchy", you should make them normal links. Doing anything else violates the user expectation that, after clicking ...
- 1,875
4
votes
What to do with this "wasted" space in my side bar navigation mockup?
I don't think you need the space at all.
- 1,724
4
votes
Accepted
Breadcrumbs - what should they display?
Yea, I second Rob's recommendation.
The breadcrumbs are an ancillary navigation tool and a guidepost for visitors dropping into the site hierarchy from search. So, they should accurately reflect the ...
- 1,529
4
votes
Accepted
How to best handle many breadcrumbs
I had the same problem and with some research find out that the way windows handles the problem is best practice and many users are used to it.
windows shows as many last crumbs as it fits and puts ...
- 66
3
votes
What to do with this "wasted" space in my side bar navigation mockup?
Your app's icon or company logo.
Clicking it should take the user to screen the "Home" link does.
Using your icon or logo will re-enforce your brand and appear natural to the user.
- 1,505
3
votes
Accepted
Is Dynamic Content in Breadcrumb Navigation Bad Practice?
1. Breadcrumb Disambiguation
It's all about providing orientation IMO, or more specifically "good enough" orientation.
In contrast, a URL provides both orientation (ideally) and a perfectly ...
- 451
3
votes
Should I allow different paths to the same element in breadcrumb?
If you look at it, the concept of breadcrumbs comes from the childhood tale Hansel & Gretel, where they use breadcrumbs to backtrack their path to their home. And the same should apply to your ...
- 612
3
votes
Accepted
Navigation inside an iframe app
I hope and would suggest, your app's color scheme isn't the same as parent site in this case vk.com. because that will be the last thing you want, as it would really confuse the end user.
So you can ...
- 858
3
votes
Accepted
Best way to make breadcrumb look clickable ( without underline and link colour )
From what I've seen, users generally expect links on 'header sections', and are likely to try and click to see what they do if it is something in which they are interested.
Breadcrumbs give a sense ...
- 494
3
votes
breadcrumb trail design for mobile
Your approach sounds a bit complicated, i think it would be easier to just navigate back.
Check this approach:
https://dribbble.com/shots/2757586-mobile-breadcrumb-navigation
Swipeable breadcrumbs ...
- 10.8k
3
votes
Accepted
Should breadcrumbs reload your current page?
b)Do nothing
The purpose of breadcrumbs is addressing to users where they are and allow them to get back, the best way is to keep its behaviour and don't make it secondary menu.
Home > Product > Item ...
- 118
3
votes
Multiple breadcrumbs
I share the same opinion as Wendy. How the user got to that page is not really relevant, so the breadcrumbs are unique.
A suggestion for a change in the site map that will allow all the categories in ...
- 149
3
votes
Are breadcrumbs necessary on the home page?
Breadcrumbs are absolutely necessary for most website.
But you are correct, they are not needed on the homepage and I cannot think of any reason for it.
References for considerations:
https://vwo.com/...
- 306
3
votes
Accepted
Is it ok to show all the subsections in a breadcrumb navbar?
This overlaps a question here: How to deal with jumps in a navigation flow?
The two proposed navigation support options in this question address the concepts presented there. If the user navigates to ...
- 2,615
3
votes
Users are not figuring out that they can use breadcrumb to navigate to go to the previous page
Have you tried using a signifier such as a colour, that makes the text look more like a link you can click on?
I've even seen some designers use pills/buttons for each page title, to make it more ...
2
votes
Use of bread crumbs for hierarchical data?
download bmml source – Wireframes created with Balsamiq Mockups
- 2,329
Only top scored, non community-wiki answers of a minimum length are eligible