Versions Compared

Old Version 5

changes.mady.by.user Julia Windrich (DNB)

Saved on

compared with

New Version 6

changes.mady.by.user Julia Windrich (DNB)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  • in total, there are two types of filters:
    • input fields
      • user input with auto-suggestion for the input
      • once clicked, a dialogue opens with max. 10 suggested values, each with a checkbox
      • the checkboxes can be selected and the respective value can be added to selected filters by clicking on them
    • dropdown fields
      • if the amount of filter values the user can select is rather small, a dropdown menu is used instead of an input field

Filters - Items - 2025 - Desktop view:

Image AddedImage Added

Filters - Items - 2025 - responsive view:

Image AddedImage Added

Elements

ID

Title

Show?

Action

Changes

Tickets

1

filter header

alwaysclicking on it closes the filter box

1a

amount of filter values

when a min. of 1 filter is selected(de-)selecting filter values changes the number

2

reset all filter values

when more than one filter was selectedall filter values can be removed, which leads to the content on the page adapting

3

filter area




alwaysfilter values can be selected and are shown below the respective category/


3a

input filters

alwaysuser types a term into the field, a group of filter values are displayed based on the inputno more placeholder text

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

3b

dropdown filters

alwaysuser opens a dropdown menu with a set amount of results from which the user can select/
3c

time filter

always

/

/

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

4

selected filters (pills)

when filters were selectedfilter value can be removed, which leads to the content on the page adapting in the background

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

5

dropdown menu

when user interacts with a dropdown filter

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

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


...

  • implementation:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6380
  • bottom of module:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6523
  • behavior:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6518
  • accessibility
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-6541

Figma

Filters - Robert Mikuljan (2025)