az-digital / az_quickstart

UArizona's web content management system built with Drupal 10.
https://quickstart.arizona.edu
GNU General Public License v2.0
30 stars 20 forks source link

Menu Links paragraph type #3490

Open caosborne89 opened 2 weeks ago

caosborne89 commented 2 weeks ago

Motivation

At the Library we created a content type that serves as a landing page for Menus. The idea is to have a page for the top level menu link that displays all the links under the top level menu link. For our example, we have the following main navigation menu:

Screenshot from 2024-06-18 09-33-52

When you select "View All" under "Find materials" you're taken to the "Menu link landing page" here:

Screenshot from 2024-06-18 09-35-53

Proposed Resolution

The first thing we would need would be a "View all" link option for Menu's or something similar. The top level main navigation links aren't clickable (probably for good UX reasons). Next we could create a paragraph type for the block of menu links. I would imagine the block would only show one level of links under the top level menu link that you select. The idea being, a user would select "Add menu link block" for the paragraph type (not sure what it should be named, but something like that). The the user would be able to choose the Menu and the menu link that that want to create the paragraph block for. Once selected the links and their description would show in the block in a two column layout.

I'm not sure if the "View all" feature should be a separate ticket. It would think the menu link paragraph type would be dependent on that.

Roles and Permissions considerations

danahertzberg commented 2 weeks ago

Thanks @caosborne89! We are in process of redesigning the navigation to better meet the needs of users. I believe this issue closely ties in with that work as well. If you're able to share a little more context around this need, that would be helpful too. Thanks!

bearwithbob commented 1 week ago

Hi all! We designed this landing page pattern to resolve the pain point of nav links in Quickstart 2 aren't linked to a landing page - they open a dropdown instead.

In our usability testing, library users told us they'd like to see more context related to what content is on each page at a glance, without having to click into individual pages. The landing page pattern includes a short description for each link in the section to provide the missing context.

Also, content manager of the Quickstart 2 site wanted the ability to link to external resources and other relevant content from a nav section. These are usually pages that aren't from within the section, so the landing page offers more flexibility for doing so.