• 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:

Filters - Items - 2025 - responsive view:

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

only shown when filter value was selected

DDBNEXT-6575 - Getting issue details... STATUS

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

DDBNEXT-6382 - Getting issue details... STATUS

remove auto-complete of browser

DDBNEXT-6577 - Getting issue details... STATUS

3b

dropdown filters

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

time filter

always

/

/

DDBNEXT-6517 - Getting issue details... STATUS

4

selected filters (pills)


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

DDBNEXT-6381 - Getting issue details... STATUS

width adjustment

DDBNEXT-6576 - Getting issue details... STATUS

5

dropdown menu

when user interacts with a dropdown filter

DDBNEXT-6482 - Getting issue details... STATUS

DDBNEXT-6516 - Getting issue details... STATUS


Responsive View

  • responsive view:
  • modal fills out entire screen


Other Changes

  • implementation:
  • bottom of module:
  • behavior:
  • accessibility
  • rights statements changed from input to dropdown menu:

Figma

Filters - Robert Mikuljan (2025)