- global element that is displayed in the same way on all pages
- only changes between responsive viewports
- in the mobile version, the meta-navigation (simple language, user area, language selector) are moved to a burger menu and not displayed in the initial header
- the search field moves to the second line below the logo and extends over the full width of the view port
Elements
ID | Title | Show? | Action | Changes | Tickets | ||||||||||||||||||||||||||||||||||||||||
1 | logo | always | directs user to homepae | / |
| ||||||||||||||||||||||||||||||||||||||||
2 | search field | always | opens search layer that pushes the page content downward clicking on the magnifying glass without entering anything starts a search for everything (*-Search) | / |
| ||||||||||||||||||||||||||||||||||||||||
the search field has placeholder text |
| ||||||||||||||||||||||||||||||||||||||||||||
removed placeholder text |
| ||||||||||||||||||||||||||||||||||||||||||||
the search field shows the text from the last search |
| ||||||||||||||||||||||||||||||||||||||||||||
magnifying glass does not act differently than the search field: both open the search layer (the magnifying glass turns to an x when the search layer is opened) |
| ||||||||||||||||||||||||||||||||||||||||||||
the content is not pushed down, the search layer is displayed on top |
|
| |||||||||||||||||||||
3 | simple language | always | directs user to "simple language" page | / |
|
| |||||||||
| tooltip |
|
3
simple language
4a | user area (not logged in) | always | opens sign-up dialogue | / |
| ||||||||||||||||||||||||||||||||
4b | user area (logged in) with user name | always | redirects user to MyDDB | user name is shown in a tooltip with improvised design discussion about the sign-off button's placement (in tooltip, in side-menu, on account overview) |
| ||||||||||||||||||||||||||||||||
5 | language selector | always | changes language of the page, active language is bold | currently a toggle, should be 2 links for accessibility reasons |
| ||||||||||||||||||||||||||||||||
6 | background | always | / | / | / |
Other Changes
- Epic:on mobile: Burger Menu was moved further down, or it would hae overlapped with the logo
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-45924139
- added icon for sign language
- redirects User to a page with a video for sign language
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5174 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5370 - gained a tooltip
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5525
- the idea of removing the sign language and simple language icons for the english frontend was considered, but it was decided against it
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5526
- added a "Skip to Main Content" button for Accessibility
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4246
Figma
Icon for Sign Language - Cosmoblonde (2022)
...