Allcharles commented 2 years ago

Redesign of Navigation and Actions

Goal is to simplify the navigation and general layout of our website by pulling actions out of the their dedicated menu, and move them into the page contents. This should also better expose the hierarchy of our data and making the association between audio recordings and points/sites/regions/projects more apparent.

Major Goals:

[ ] Move actions in the page body
[ ] Remove links from panels
- We may need to explore putting the links into a drop down shortcut menu on the panels. Some functionality such as new/edit/delete model should be easy to find
- [ ] Add design ideas below
[x] Finalize #1775 PR

Minor Goals:

[x] Improve handling of "unknown users"
- This may require some additional work in the baw-server so that guests are capable of viewing users without logging in
- [ ] Add design ideas below
[x] Remove created/updated by panels for audio recordings list page
[ ] Sort lists by amount of audio or recent uploads
- Currently on the A2O, a lot of data has yet to be processed resulting in users mostly finding empty sites/points
[x] Remove "play" link from pages (specifically the link which shows the first recording of any group of recordings)
[x] Have David update the outdated A2O data portal link in the wordpress site: https://acousticobservatory.org/data/find-data/
[x] Remove link to parent route from the actions menu
[x] Reinstate breadcrumb navigation
[x] Add design ideas below
[x] Make "visualize" link less prominent on the website, or at least removed on the A2O version of the website until it has been properly redesigned

Allcharles commented 2 years ago

Reinstate breadcrumb navigation

Current solution for breadcrumbs is to show location in the secondary menu:

A nicer solution may be to move the breadcrumbs above the page component using bootstraps breadcrumb system:

Alternative:

Allcharles commented 2 years ago

Move actions in page body

Current design

Simple adjustments

Permanently move secondary links to side nav

atruskie commented 2 years ago

I just want to posit an alternative idea:

collapse the secondary menu (left nav) into the collapsible hamburger menu permanently
add the breadcrumbs to top for hierarchical reinforcement and navigation
keep the action menu as is

Still serves the purpose of massively reducing unneeded links, while keeping a common UI pattern.

It works for GitHub: