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/[email protected]>
_______________________________________________
rails-dev mailing list
[email protected]
https://lists.openstreetmap.org/listinfo/rails-dev
