[openstreetmap/openstreetmap-website] Element navigation bar is too hidden (Issue #6759)

[Minh Nguyễn]

1ec5 created an issue (openstreetmap/openstreetmap-website#6759)

Each element’s detail, history, and version pages has a navigation bar at the bottom. We should find a more prominent place for it that’s more immediately visible.

## Problem

Usually you have to scroll quite a bit to access the navigation bar, especially on element history pages. A navigation bar shouldn’t be so hidden. From an information architecture standpoint, it’s also better to start with the breadcrumb at the top, to clarify the relationship between the navigation bar and the rest of the page. Once the element history page starts looking more like a series of diffs, it’ll become more important to visually differentiate the element’s detail, history, and version pages, so that the user doesn’t land on one and wonder where the colors went: https://github.com/openstreetmap/openstreetmap-website/pull/6448#issuecomment-3690312597.

<img width="175" height="615" alt="A sidebar for a node. A navigation bar with links to the node’s history and 10 versions is at the bottom, below the fold. A big pink arrow points from it up to the top of the page." src="https://github.com/user-attachments/assets/6015f787-10e6-42be-9687-50177f55d249" /> <img width="175" height="612" alt="A sidebar for a node’s history has three versions. A navigation bar with links to the node itself and all three versions is at the bottom, below the fold. A big pink arrow points from it up to the top of the page." src="https://github.com/user-attachments/assets/1475a31d-491a-4f56-8e63-bfbe6c7b615a" />

## Proposal

Move the navigation bar to the top of the scrollable area. If the list of versions is too much noise for the top of the element detail page, then we could hide it by default and reveal it when the user clicks “Versions”.

The navigation bar repeats some of the information already present in the headings. Maybe we could consolidate this information. For example:

> [Node 4244016675](https://www.openstreetmap.org/node/4244016675) / [History](https://www.openstreetmap.org/node/4244016675/history) / <kbd>Version 10</kbd>
> [1][2][3][4][5][6][7][8][9]<kbd>10</kbd>
> 
> ### Wikimedia Italia
> 
> Updated an association office

Alternatively, move the navigation bar out of the scrollable area, so that it appears in a fixed location at the lower left corner of the screen as the user scrolls the rest of the sidebar.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/6759
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/6759 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260129/f8562661/attachment.htm>