Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • the main menu opens by clicking on the hamburger icon

...

  • the pages in the main 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) and "selected" (red color)

...

    • a "selected" page remains selected even if the menu is closed

...

...

  • there are also three navigation menu points that are permanently visible

...

    • they can have three states: "passive", "hover" (underlined) and "selected" (red color).


Elements

ID

Title

Show?

Action

Changes

Tickets

1

three navigation menu points

always

direct user to respective page

 separate

separate list in drupal so they can be changed independently of the side menu

no hover effect was implemented

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBDRUPAL-34

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-4205

2

burger menu

 always

opens main menu

/

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-4204

on mobile: Burger Menu was moved to the second line with the search field, or it would have overlapped with the logo

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-4592

3

navigation layer with close icon

 always

closes layer

 discussions
discussions about the display of the side menu on wide-screen viewports. the menu's close button should align with the burger menu icon, and the navigation layer should align accordingly

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-4204

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-4350

4

hierarchy of navigation menu items, plus icon opens them, minus icon closes tem

 always

opens navigation layers

direct user to respective page

//

5

higher navigation layer

always

opens navigation layers

direct user to respective page

//

6

selected menu item on second layer

always

selected menu item (currently displayed page)

/

Jira
serverJIRA - Deutsche Digitale Bibliothek
serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
keyDDBNEXT-5106

Other Changes

  • there was no design for a third layer, which had to be designed by DNB (see below)
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4582
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4583
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5107
  • no MyDDB:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6427

Figma

DNB (2022)

Cosmoblonde (2022)