Questions tagged [breadcrumbs]

"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.

Filter by
Sorted by
Tagged with
50
votes
5answers
51k views

Breadcrumbs: OK to use on mobile site?

Wondering if anyone has thoughts on using breadcrumbs as a method of navigation on a mobile website (for a content site). The breadcrumbs would show the heirarchy of the site as such: Site > ...
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 that ...
35
votes
13answers
15k views

Are breadcrumbs still in?

Despite NNGroup's praise, I notice none of the big players (StackExchange, Facebook, Google, YouTube) use breadcrumbs. None of the big ecommerce players either. Why is this? Possible guesses: Users ...
32
votes
6answers
6k views

Multiple breadcrumbs

Breadcrumbs allow users to keep track of locations within websites. They show the path used to achieve the resource. But if the resource could have different categories, has the sense to create ...
32
votes
7answers
7k views

Would Breadcrumbs be effective if they incorporate Dropdowns?

I'm currently thinking about adding a quite comprehensive section to a website: the section I'm talking about starts at level 3 of the overall website and itself has another four structural levels. ...
27
votes
1answer
7k 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?
15
votes
2answers
3k views

Why is it called a breadcrumb?

When Hansel and Gretel laid down a bread crumb trail, the birds ate it and they got lost. The pebble trail is what got them home.
14
votes
4answers
2k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
14
votes
6answers
5k views

Breadcrumbs: ok to place at the top of a page?

Should breadcrumbs ever be placed at the very top-left of a page? Breadcrumbs seem to always be located either directly below the nav menu or above the page content. An article from 1stWebDesigner ...
13
votes
4answers
1k views

Better approach to blue/underlined for link?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and assumed it was self-...
13
votes
2answers
3k views

What is the name of the breadcrumb/workflow UI component?

What is the correct/best name for the UI component which acts like a breadcrumb trail but also indicates where the user is in a defined series of steps? You see it all the time, something like: ...
12
votes
5answers
921 views

Is it okay to use breadcrumb navigation on some pages and not on others?

Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper. Is it bad practice to only implement breadcrumbs on some of the pages?
12
votes
1answer
10k 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 ...
11
votes
4answers
9k views

Is a back button a good idea for mobile?

Is a back button a good idea for mobile? (Disregard breadcrumbs on mobile in the image - those are addressed here Breadcrumbs: OK to use on mobile site?)
11
votes
6answers
5k views

Should breadcrumb menus ever be two lines?

Should a long breadcrumb menu ever spill into a second line? If so, what are some good examples of this done right so that it looks decent? If not, what are other solutions that can solve the length ...
10
votes
2answers
3k views

Should 'Home' be included in website breadcrumbs?

This may vary based on your site hierarchy and IA but when configuring breadcrumbs should they include home or stop the first filter (categories, for example). Which is better? I have seen both used ...
10
votes
3answers
3k views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
9
votes
2answers
4k views

Combining breadcrumb and selected facets/filters into one

Given a site with faceted-search, etc. I want to display the facets a user has selected, not only as part of the faceted-navigation controls (left vertical) but also at the top of the page. Showing ...
8
votes
4answers
1k views

Breadcrumbs and selected page

I have a unique situation (if there is another post here outlining it please link to me so I can remove mine). I have a menubar at the top of my page with six links in it. Each link will take you to ...
8
votes
2answers
947 views

Breadcrumb history decision

Imagine that we have the following example: We have a customer that has documents and accounts and we provide two ways to reach the documents or accounts, either from: MAIN -> CUSTOMER -> ...
8
votes
2answers
389 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 ...
8
votes
5answers
3k views

Breadcrumb menu in the footer

I'm a big fan of the Apple web site. However, I was wondering why they have put their breadcrumb menu in the footer. I thought the idea of the breadcrumb menu was to let the visitors to get a quick ...
7
votes
2answers
1k views

Is “You are here” in breadcrumbs redundant or necessary?

In breadcrumbs, is it necessary to indicate that "You are here"? Is it redundant? Is it already understood without that phrase?
7
votes
7answers
898 views

How can I show the user where they are in a non-hierarchical page structure?

I am working on an interface for a system which enables users to browse a large model of a business' processes. The many items in this model are arranged in a "net" structure. When viewing a single ...
6
votes
4answers
288 views

Is there something like 'chronological breadcrumbs'?

The MoinMoin wiki engine has a UI element I would like to add to my web application. It looks very similar to breadcrumbs, but it behaves in a different way. According to UI Patterns, Breadcrumbs ...
6
votes
3answers
1k views

Is a large breadcrumb good enough for a page title?

We have a breadcrumb under the menu and and the page title under the bread crumb. Can I get rid of the page title since it is really just a repeat of the breadcrumb? BTW, this is a LOB application ...
6
votes
2answers
390 views

Should nodes without pages be included in breadcrumbs?

Often times there will be nodes in a navigation tree that do not warrant a page, as their main function is to categorize the content found beneath them. When a breadcrumb nav is present on a site, ...
6
votes
1answer
537 views

Is there evidence that users ever look to a website's URL as a breadcrumb for navigation?

On-the-page breadcrumbs often mirror the directory path anyway. To my mind, it stands to reason that that clear, human-readable, hierarchical URLs can enhance a site's usability[1]. But I have no idea ...
5
votes
4answers
4k views

Where to place the '< Back' link or button?

I am building a simple transactional site with two step process both on web and mobile (responsive). Target users both male & female age from 30-40 relatively tech savvy. First page is a ...
5
votes
1answer
366 views

In breadcrumbs in a CMS what should I use as the page name

In our content management system, users can create/delete/edit pages for their website. When editing a page we like to show breadcrumbs. For example someone creates an about-us page. Should the ...
5
votes
2answers
697 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 "...
4
votes
6answers
1k views

How should a breadcrumb behave?

What is the expected action when a breadcrumb is clicked? I have a hierarchy of data that includes meta descriptors such as: PersonName / Assets / House I have a page for a list of Assets, a home ...
4
votes
4answers
346 views

Is the term “breadcrumbs” internationally understood by users? Is it localized?

I was recently advised that the term "breadcumbs" was not understood globally by all readers of our documentation explaining how to develop UIs. The thought behinds this claim was that "breadcrumbs" ...
4
votes
4answers
319 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 ...
4
votes
2answers
2k views

Breadcrumb navigation

I'm wondering if any one have any good knowledge about breadcrumb navigation and if you can use it as the only way to navigate backwards in a GUI (if you don't use the browser functionality)? And to ...
4
votes
2answers
875 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 ...
4
votes
1answer
1k 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 ...
4
votes
2answers
3k views

Back button (or similar) and breadcrumbs, or just breadcrumbs

Should a website that keeps track of 'Breadcrumbs' need to provide a back button, or similar means of returning to the parent page on each 'subpage'? To give a visual example: Here is my main page ...
4
votes
3answers
2k views

Too many navigation levels?

Do you thing the user workflow is too "busy" on the screenshot below? The idea is to bring a user through all the the tabs. The workflow would be: Use the main tabs (vertical or horizontal..not sure ...
3
votes
3answers
253 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 ...
3
votes
3answers
1k views

Non clickable breadcrumbs to show a user's place in a booking process?

I have a case where there is a multi-step system that a user goes through, like an in depth booking process. For example the user has to go through 6 steps to complete the booking, the system ...
3
votes
2answers
777 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
4answers
637 views

Is there a better solution to interact with multiple pathways that have the same endpoint, than using multiple breadcrumbs inside tabs or a dropdown?

I need to convert data of a structure similar to this: into an interactive, HTML widget. This widget will allow users to start from the end node (which I'm calling 'shirley' here) and work back ...
3
votes
2answers
82 views

Should I put actions dropdown in the right side of breadcrumbs?

I'm designing a user page for the back-office web application and thinking of the best place to put the actions(change user password, remove user). The solution I came up with is to put them under ...
3
votes
2answers
426 views

Navigating a multi-part article in ios?

In my application I've got some multi-part articles, about test-driving a car. The articles are split into multiple section. I'm using this control to navigate between the sections (note: it's not ...
3
votes
2answers
575 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 ...
3
votes
1answer
521 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 ...
3
votes
2answers
61 views

Should breadcrumbs contain non-navigation elements

I am working on an admin interface which uses a left menu as well as a breadcrumb at the top of the page. I have items grouped into different levels in the menu as below: In this menu, "...
2
votes
4answers
293 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.
2
votes
2answers
572 views

Breadcrumb and search behavior

How should the breadcrumb menu behave when entering the sub-page via search autosuggest? We have a global search and this kind of breadcrumb structure: Overview > Company > Group > Person. How should ...