- the main menu points are permanently visible in the header
- they can have three states: "passive", "hover" (underlined) and "selected" (bold)
- clicking on a main menu point opens the dropdown menues, which contain content based on their respective main menu point
- they can have three states: "passive", "hover" (red) and "selected (bold)
- in mobile view, the main menu turns into a side menu, which opens by clicking on the hamburger icon
- from Drupal, cached until manual reset: DDB Frontend Documentation
- the pages in the side menu that have a "+" have subpages which can be accessed by clicking on the "+"
- clicking on a menu item directs the user to the page.
- the menu items can have three states: "passive", "hover" (
underlined - red) and "selected" (bold)
- a "selected" page remains selected even if the menu is closed
- discussed in: DDB-(Teil)Redesign 2024
Main Menu in Header / Desktop view:
Side Menu / responsive view:
Dropdown Menues:
Elements
ID | Title | Show? | Action | Changes | Tickets |
1 | "About us" menu point | always | dropdown to open "Über uns", will contain links to editorial content (such as "Who we are" and "How we are organized") and frontend pages ("Participating cultural institutions" (a.k.a. Institutions List)) | / | / |
2 | "Discover new content" menu point | always | dropdown to open "Inhalte entdecken", will contain links to overview pages to editorial content (such as "Dossiers", "Virtual Exhibitions", "Blog", "Games", "Calendar sheet") | / | / |
3 | "Tips for use" menu point | always | dropdown to open the "Tipps zur Nutzung", will contain links to editorial content (such as "How to search in the portal", "Search Tips...") | / | / |
Responsive View
- becomes a side menu in responsive view
Other Changes
- implementation
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-6372
- remove the old navigation menues
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-6408
- active button state:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-6480
Figma
Header - Robert Mikuljan (2024)
...