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 links: Accounts, Cards, Deposits, Loans.

Breadcrumbs example:

Home / Accounts

The problem is how to show that accounts are part of PRODUCTS but there is no PRODUCTS page to click so we can not do: Home / Products / Accounts

Any suggestions how to show first level of navigation even if it is not clickable?

Example of application

  • Can you show us, design wise, what you've accomplished so far? I usually like to see people's attempts, this helps me find a better solution. Also, I'm a visual learner :-p
    – UXerUIer
    Commented Jul 9, 2015 at 7:11

1 Answer 1


The simplest (and probably most effective) way to solve this is to add a "products" page. Many sites that use the same navigation model you're describing also repeat the sub-menu content on the section home page. I.e. your products page becomes the home page for the products section and shows the contents of the products sub-menu with illustrative images and long form descriptions. Thus your breadcrumb link becomes valid and useful.

  • Just what I was thinking. Commented Aug 8, 2015 at 9:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.