0

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?

  • 1
    I don't recall ever seeing vertical breadcrumbs. Could you provide an example? – Ken Mohnkern Oct 4 '18 at 12:54
  • It often depends on the layout of your website/application. Can you provide us with more details? – RobbyReindeer Oct 4 '18 at 13:03
  • Please provide more details about your application in the question and also if you have any screenshots or mockups it will help with answering the question. – Michael Lai Oct 19 '18 at 0:12
  • Vertical breadcrumbs AKA a tree-view. – DarrylGodden Oct 19 '18 at 7:10
  • @DarrylGodden A tree view shows the entire navigation landscape, while a breadcrumb only shows the trail the user took. These are not just layout variants of each other. – virtualnobi Nov 1 '18 at 9:29
1

Welcome to StackExchange :)

This realy depends on your application. Most breadcrumbs on Websites are in horizontal form because that's a nice middle ground from functionallity, completeness and screen space used.

But that doesn't mean it fits your product. What are you trying to achieve? What type of Software is it? You realy have to give us more information in order to get a helpful answer.

  • Thanks Tim. I agree horizontal way is quite common, But in my case the application is a banking web app and there will minimum 10 items in the breadcrumbs and the length of the items are bit lengthy. – Rajzeshwar Sivaraj Oct 4 '18 at 9:22
  • A information architecture with a minimum of 10 hierarchy levels sounds like more than most users can handle. Maybe you could group/split that into more usable chunks. But I don't know the details of your app and it might make sense or you're not able to change that. Anyway, you can collapse the breadcrumb in the middle. Take a look at how atlassian handles this: atlaskit.atlassian.com/examples/core/breadcrumbs/many-items – Tim Schoch Oct 4 '18 at 9:46
1

I would argue the more common method would be to go with a horizontal breadcrumb, as this quite easy to see a step by step progression and journey the user has taken to navigate to where they are.

However there are instances where vertical breadcrumbs are advantageous but it does really depend on what it is you are working on.

  • Thanks Owen. I agree horizontal way is quite common, But in my case the application is a banking web app and there will minimum 10 items in the breadcrumbs and the length of the items are bit lengthy. – Rajzeshwar Sivaraj Oct 4 '18 at 9:21
  • @RajzeshwarSivaraj it could may well be but it restricts the page layout a lot less, and is fairly clear. If it goes to two lines it maybe a bit much but it does have its advantages. – UIO Oct 10 '18 at 11:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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