Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

"Breadcrumbs" or "breadcrumb trail" is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents.

0
votes
2answers
108 views

Breadcrumbs - vertical or horizontal?

I am planning to keep breadcrumb in my project. Which one is a good approach: Keeping in vertical or in horizontal form? What are the pros and cons?
3
votes
2answers
110 views

Breadcrumbs when there are multiple paths user can take to same page

I was tasked with improving the confusing breadcrumbs on a website I'm working on. They are evaluating if they want to keep or remove breadcrumbs. The problem: Users can navigate to certain pages ...
0
votes
0answers
37 views

Navigation with multiple panes/panels

There are numerous IT and Enterprise applications I work with, and many of them require the display of large amounts of data (most often, tables, but also other visual displays) simultaneously. There ...
2
votes
1answer
67 views

Should Dashboard be included in breadcrumbs as homepage?

When users press on site logo, or when they login, they land on Dashboard, which is considered as homepage. They can go to other sections of the system from the sidebar menu - Messages, Events etc. ...
2
votes
1answer
100 views

How to best handle many breadcrumbs

I have a site that allows users to dig arbitrarily deep into a graph, and the user can always use breadcrumbs to navigate back to where s/he first began. Here's the ideal state: However this quickly ...
1
vote
1answer
56 views

How to prevent getting lost when updating an item from a filtered list?

I have a list of Widgets that can be filtered by their State (Active, Pending, and Deactivated). The default view when navigating to this list is the Active State (and page 1): Switching the State ...
1
vote
2answers
231 views

Are the breadcrumbs correct here?

I am wondering if the breadcrumbs I put there are correct. As far as I know breadcrumbs are supposed to show the longest path a user can go to a particular place. So here it is. However I'm not sure ...
8
votes
2answers
175 views

Breadcrumbs - what should they display?

I'm sorry for the mysterious question, I'll do my best to explain here. I do get the idea of breadcrumbs in general. But what should I do, if there a few ways for the user to get to one location? For ...
0
votes
1answer
55 views

Should I use breadcrumbs when they are valid on only a few pages throughout the website?

I am currently working on a website that does not have a lot of content. I've read that breadcrumbs should be used when there's 2+ levels of content. In my case mostly there are just two levels - home ...
0
votes
1answer
156 views

Should breadcrumbs reload your current page?

Let's say i'm in the lowest level of my breadcrumbs. If i click on it (the current page i'm in): a) Should it reload the page? b) Do nothing.
2
votes
4answers
173 views

What does this pattern signify in breadcrumb?

What does this breadcrumb pattern signify? Is it Under All products you have selected lighting or Does it say All products or lighting? Isn't it confusing? Usually, we do use "/" for or option.
3
votes
2answers
359 views

What is an attribute-based breadcrumb?

What is an attribute-based breadcrumb? How is it different from location-based breadcrumb? Is it selecting two options at the same level?
3
votes
2answers
193 views

How to handle expandable menu in breadcrumbs?

There is a sidebar menu. Some menu items can be expanded and can contain child items. As a user, you go to Settings and then General. Since there are no such a page as Settings, the breadcrumbs would ...
0
votes
2answers
436 views

breadcrumb trail design for mobile

I was trying to make my website mobile friendly. I have gone through many reviews about breadcrumbs in mobile websites. Some say it is good and some say it is bad. After going through the reviews, I ...
27
votes
1answer
5k views

Where is the Best Placement for Breadcrumb, top or bottom?

Usually I see that every website put their breadcrumb on the top, but apple put their breadcrumb on the bottom before the footer. Does that work better than when we put it on the top?
1
vote
3answers
120 views

How to simultaneously open pages from different places in the hierarchy in the desktop app?

We have a desktop app where user has to enter information on different pages. All pages in the app are placed in a hierarchy. For example: Item 1 Item 1.1 Item 1.2 Item 2 Item 2.1 But you can ...
2
votes
4answers
112 views

Advertisement and breadcrumb placement on listing page

I just want to place a Google ad on the catalog page. Right now I have placed the breadcrumbs before the ad (option A). I have another option that I can place the breadcrumbs after the ad like in ...
0
votes
1answer
326 views

How to clear filter breadcrumbs when grouped?

I am implementing search filter breadcrumbs. From what I've seen on other sites, a single filter gets its own breadcrumb which can be cleared by pressing an 'x'. example I want the user to be able ...
1
vote
1answer
345 views

What are alternative patterns to breadcrumb navigation for an e-commerce account page?

I am designing an account page for a responsive e-commerce site and I was wondering if I need breadcrumb navigations for customer's account page especially when they access deeper into the levels such ...
2
votes
4answers
243 views

How to show page titles that are really long generated strings, as well as in the breadcrumb?

Throughout our product we have some pages that are generated strings that can, and often are, really long. But, we also have pages with set titles that aren't such as: Deployments, Blueprints, ...
0
votes
1answer
64 views

Should I allow different paths to the same element in breadcrumb?

I have a breadcrumb. In my system, there are cases and objects. Both of them can contain another. So case A can contain object B, object B can contain object C and so on. There are both objects and ...
6
votes
2answers
285 views

Navigation inside an iframe app

The iFrame in this pic is a full featured app with complex structure. The app is embedded into a popular social networking site called vk.com. iFrame apps on this site work similar to Facebook's "...
3
votes
3answers
213 views

What to do with this “wasted” space in my side bar navigation mockup?

I am currently working on a new UI design for an existing desktop application. Being mobile/touch friendly is very important for this project, so I am replacing the tradition desktop "File" menu with ...
1
vote
2answers
78 views

Working with location-based breadcrumbs when you are missing some parent pages

So I am working on a small LMS system and am I trying to find a way make it easier to navigate the system using breadcrumbs. When the admin logs in, he starts on the Courses page which presents a ...
1
vote
1answer
288 views

clickable flow control bread crumb vs next / prev button

I have a checkout flow - breadcrumb UI component at the top of my page that looks like this. The labels are different from what have been shown. A form is associated with each step in the flow. It ...
0
votes
1answer
1k views

Material Design + Breadcrumbs + Mobile

Long time lurker, first time poster. The org Im with is pushing towards Material based design (polymer etc) and we're developing a new app for mobile and desktop. The UX issue Im hitting is the use ...
0
votes
1answer
159 views

Is Dynamic Content in Breadcrumb Navigation Bad Practice?

I've working on a web app where the user (1) selects a search type, such as "company" (2) clicks a given company to view/enter info, and (3) within a record (e.g., a specific company) can navigate ...
1
vote
1answer
684 views

Path-based breadcrumbs v's Hierarchical (static) breadcrumbs

Are there any studies that show whether a path based breadcrumb works better or worse than a hierarchical breadcrumb? Do users find one easier to use than the other? For example, I have a school ...
3
votes
1answer
352 views

Can I use the breadcrumb for the payment process like the progress bar design?

I wonder that whether the breadcrumb model can match to the steps of payment process like progress bar model. My design in the development process, I have delivered my files to developer who's doing ...
1
vote
2answers
378 views

Best way to make breadcrumb look clickable ( without underline and link colour )

I have a header section that look like this , just below the main header. The breadcrumb is on the left side and they are clickable. It doesn't seem obvious. Initially it was in a shade of blue which ...
0
votes
3answers
70 views

How to display deep nested forum names?

In the backend of the company-intranet there is an area where you validate the rights of an user. Since the intranet comes with a forum, you can set rights for users to moderate a specific forum. ...
0
votes
1answer
150 views

How to navigate up, down and sideways in a hierarchy of tasks?

I'm working on a workflow application (web) in which users work on projects. Each project consists of a workflow of tasks, which can be nested to an arbitrary level (subtasks). On a single nesting ...
3
votes
4answers
207 views

Non-fully-hierarchical website structure and use of breadcrumbs

I have a web page with a menu on the left. Each choice can bring to either: A single page A wizard Or a hierarchical series of pages, where I can drill down. Left panel Right side Item 1 --...
1
vote
2answers
515 views

Alternative to breadcrumbs in navigating groups of content

I'm looking for other ways on how to help User easily navigate groups. Instead of going back to 'All Groups' via breadcrumbs, User may want to go directly to Group 9 while he/she is on Group 1 Details ...
0
votes
1answer
485 views

What font size should I use for navigational breadcrumbs? [closed]

I would like to know what font size I should use for the navigation breadcrumbs on my website. Assuming that 16px is my default font size, should I am for 11px for the breadcrumbs? Or would that be ...
1
vote
2answers
409 views

Why breadcrumbs should not be used as a primary Navigation?

All of the blogs I have ready about breadcrumbs mention that breadcrumbs are used for secondary navigation and shouldn't really act as primary navigation. What is the reason for this convention?
36
votes
2answers
4k views

Clicking a Breadcrumb Link, Trigger Browser Back Button, or Forward?

Background I have a set of breadcrumbs for a web site: Question When a user clicks on these, should I trigger the browser's back button using JS? Back n times? Or should these be regular a tags ...
4
votes
2answers
568 views

Use of bread crumbs for hierarchical data?

I have an application which edits Heirarchial data. Consider Level 1 items of Projects, Users, etc. Now lets just consider Project for the sake of simplicity, and Projects are really driving this ...
2
votes
1answer
75 views

Searching for items in breadcrumbs and displaying them in flat list

We've got a highly structured hierarchy, which can be navigated using breadcrumbs. It does contain same keyword in some edge cases. So imagine that our hierarchy looks like this: Beer Beer By Type ...
4
votes
1answer
960 views

Best practices in designing bread crumbs

I'm working on a website with large number of pages and trying to add a breadcrumb. These are a few things i found from researching internet. Are these best practices? Is there a better guideline in ...
2
votes
2answers
67 views

How can many separate breadcrumb paths be shown in a list?

Say for example we have Path A > Path A1 > Path A2 > Final Thing A and Path B > Path B1 > Path B2 > Final Thing B and these are things that can be selected by a user up to n ...
2
votes
1answer
159 views

Different approach to breadcrumbs

I'm currently working on a website with a huge amount of content, exploring how breadcrumbs can be used more effectively. The website uses very traditional breadcrumbs currently: One > Two > ...
2
votes
3answers
150 views

Breadcrumbs for posts that belong to a few categories

Let say I have a post that belongs to 2 categories ("Queries" and "MySql"), and a tree structure is like that: Programming>>Web>>Php>>Queries>>My Post Programming>>DB>>MySql>>My Post I doubt, what is ...
2
votes
1answer
213 views

Breadcrumbs - problem

We have tabbed navigation: PRODUCTS, PAYMENTS, TOOLS. This tabs do not have any landing page. When user clicks on tab second level navigation opens with different links. PRODUCTS tab have 4 different ...
1
vote
2answers
1k views

Breadcrumbs for Mobile

We are designing a responsive site and I was wondering if we need to use breadcrumbs for mobile version. I did some research and most of big brands don't use breadcrumbs on their mobile site but I ...
1
vote
1answer
76 views

How should the favorites be organized in the breadcrumbs section?

During development of our application we found a problem related to breadcrumbs. We are not sure of two things. The first is what should go up where the question makrs are located. Both tables are ...
2
votes
4answers
2k views

Is it a bad practice if we position breadcrumb to the right side of page header?

Our website is a marketing based site. We don’t have more than 4 levels in breadcrumb and have lots of space in the right side of the website. Is there any issue if we put the breadcrumb on the right ...
3
votes
4answers
312 views

How much is too much when it comes to letting the user know what page they are on?

My site contains a list of reports that a user can browse. The main navigation of the site is done through a left-aligned menu. This is a mockup of the layout: The report name which they are ...
-3
votes
2answers
86 views

About Navigation Breadcrumb Blogspot…? [closed]

How important are breadcrumbs? I understand it is important for navigation but I'm not certain how important it is for SEO? Are there use cases where breadcrumbs do not help SEO - and therefore is not ...
12
votes
1answer
8k views

How to use breadcrumbs in a responsive layout?

I would like to use breadcrumbs on my responsive site. Breadcrumbs become less recognisable if the links wrap as the layout is then less recognisable. This creates an issue for my site as the width ...