- global element that is displayed on all pages
- search layer is opened by default on the startpage and the search-result page
- the main menu points are permanently visible in the header
- they can have three states: "passive", "hover" (underlined) and "selected" (bold)
- in the mobile version, the meta-navigation (simple language, sign language language selector) are moved to a burger menu and not displayed in the initial header
- discussed in: DDB-(Teil)Redesign 2024
Header - Desktop view:
Header - responsive view:
Account dialog:
Elements
ID | Title | Show? | Action | Changes | Tickets |
1 | logo | always | directs user to startpage |
Jira | ||||||
---|---|---|---|---|---|---|
|
/ | / | ||
2 | sign language | always | directs user |
/ |
server | JIRA - Deutsche Digitale Bibliothek |
---|---|
serverId | 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 |
key | DDBNEXT-6369 |
/ | |||
3 | simple language | always | directs user |
Jira | ||||||
---|---|---|---|---|---|---|
|
Jira | ||||||
---|---|---|---|---|---|---|
|
Jira | ||||||
---|---|---|---|---|---|---|
|
/ | / | |||
4 | language selector | always | changes language of the page, active language is bold | currently a toggle, should be 2 links for accessibility reasons |
Jira | ||||||
---|---|---|---|---|---|---|
|
/ | |||||
5 | Navigation - Main Menu / Side Menu - 2024 | ||||
6a | user area (not logged in) | always |
Jira | ||||||
---|---|---|---|---|---|---|
|
/ | / | |||
6b | user area (logged in) with user name | always | opens account dialog
| / |
7 | search field toggle | always | by default: button is inactive, the search module is collapsed (not visible) The button is active by default on the startpage and the search-result page clicking on the button: the search module is expanded (visible), |
pushing the remaining content of the page down |
The button is active by default on the startpage and the search-result page
Jira | ||||||
---|---|---|---|---|---|---|
|
, opens Search Module - 2024 | / | / |
Responsive View
- 2, 3, 4 and 5 are moved into a side menu
Other Changes
Figma
Header - Robert Mikuljan (2024)
...