Consider moving the breadcrumbs to the top of the page in nodejs/learn section

[Fatuma Abdullahi]

Enter your suggestions in details:

1. My expectation is that breadcrumbs are usually at the top of the page
2. I'm basing the suggestion on that other users probably also expect breadcrumbs to be at the top of the page. It can be a bit disorienting to find it at the bottom of the page
3. I suggest it is moved to the top

Having it go from this:

To something like this:

We had a discussion on Slack with Claudio where he suggested opening this issue.

[Augustin Mauroy]

-1 for this proposal.

I prefer to give importance to content. So that's why I think the Breadcrumb should be at the bottom of the page.

[Fatuma Abdullahi]

Breadcrumbs don't compete with content. They enhance navigation

[Augustin Mauroy]

Breadcrumbs don't compete with content. They enhance navigation

I don't agree with you, the BreadCrumb is there to help users find their way around the site. For navigation, there's the nav bar (on the left) which does just that.

[Fatuma Abdullahi]

Breadcrumbs don't compete with content. They enhance navigation

I don't agree with you, the BreadCrumb is there to help users find their way around the site. For navigation, there's the nav bar (on the left) which does just that.

Yes, it acts as a secondary navigation

[Claudio W]

I wonder, what sort of problem are we trying to solve by moving the Breadcrumbs to the top 🤔

[Fatuma Abdullahi]

I don't think it is a problem necessarily, more of an enhancement. I base the suggestion on breadcrumbs being generally put near the top of web pages, hence creating an expectation of the same among users.

Here are some links I found:

1. https://www.nngroup.com/articles/breadcrumbs/
2. https://www.pencilandpaper.io/articles/breadcrumbs-ux
3. https://www.semrush.com/blog/breadcrumbs-for-websites/
4. https://app.uxcel.com/courses/ui-components-best-practices/breadcrumbs-best-practices-269

Notice in almost all the visual examples, the breadcrumbs are at the top.

That said, it can stay as is if deemed unnecessary.

[Prabesh Narsingh Kunwar]

Support for Moving Breadcrumbs to the Top

I wanted to express my support for FatumaA's suggestion regarding the placement of breadcrumbs in our UI design. FatumaA proposed relocating them to the top of the page, and I believe this change has significant merit.

Placing breadcrumbs at the top aligns with established UI conventions and enhances usability for our users. It leverages their existing knowledge and experiences, making it easier for them to navigate through the hierarchy of our website or application.

By following this familiar pattern, we can improve the overall user experience and ensure consistency with popular platforms. Additionally, this change would likely contribute to a smoother and more intuitive navigation flow for our users.

I encourage us to explore FatumaA's suggestion further and consider conducting usability testing to validate its potential benefits. Implementing this change could be a valuable enhancement to UI design, and I believe it's worth exploring in more detail.

[J Mad]

Giving my 2 cents on this, when I read an article at first and saw the breadcrumbs at the bottom, it didn't make any sense, what so ever, that they were there. Also known as +1 for this proposal.

Although given that the sidebar navigation is right next to it, and that there are barely any (if any) that go more than 2 levels deep, it might be superfluous at the moment to have breadcrumbs there in the first place, that paired with the fact that:

apparently sometimes the breadcrumbs are broken or don't behave exactly the same everywhere (more important?). But I guess that's a different issue.

Personally would focus on only re-rendering the article and not the sidebar navigation (if that is meant to be used as main navigation?), causing me to shift upwards in the navigation, when I click on a new article.
Sidebar should stay in this exact location when I click on a new item:

[Claudio W]

apparently sometimes the breadcrumbs are broken or don't behave exactly the same everywhere (more important?). But I guess that's a different issue.

Unrelated issue, feel free to open a new issue, please 🙇

Personally would focus on only re-rendering the article and not the sidebar navigation (if that is meant to be used as main navigation?), causing me to shift upwards in the navigation, when I click on a new article.
Sidebar should stay in this exact location when I click on a new item:

Also, it is an unrelated issue of which we are aware... Feel free to open an issue :)