• displays the path of the site the user is currently on
• all pages are links except the one the user is currently on
• long names are shortened (max. 40 characters per layer)

Navigation - Breadcrumb - Desktop view:

Image Added

Navigation - Breadcrumb - responsive view:

Image AddedImage Removed

Elements

Responsive View

Other Changes

• implementation:

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4159

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4432

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4529

• the maximum character limit is 60 for the entire breadcrumb, not one layer
• not implemented on search result pages
• the initial design has variations on the separation symbols (/ or -) and which layer is supposed to be bold or not (see Figma)
  • decision: - symbol and layers bold: 

    • Jira
      server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4432

    • Jira
      server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4602

  changes on cms pages:
  • JiraserverJIRA - Deutsche Digitale BibliothekserverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63keyDDBNEXT-5527

Figma

- symbol and layers bold - Cosmoblonde (2022)

/ symbol and current page bold - Cosmoblonde (2022)