DE filters with advanced selection features on scopelists (visualisation page only)
The objective is to enhance the scopelist component in order to allow advanced selection options to include the following features in all of the visualisation page filters only:
Easy selection of (a) specific hierarchy level(s)
New feature to open/close a level selection popup within the scopelist:
The multi selection popup allows the selection of the "Entire currently displayed list" or the "Entire hierarchy level X" which is a specific level of the current hierarchical list. "level X" can be level 1
, level 2
, level 3
etc... according with the depth of the hierarchical list. The "Entire hierarchy level X" option is only visible if there are at least 2 levels in the hierarchy. So if there is only one level, the "Entire currently displayed list" is the only option proposed as bulk selection.
- When one of these options is selected all the concerned items are selected in the scopelist.
- The selected items appears also in the used filters part with a display limitation of 15 items.
- When the number of selected items is above the 15 items limitation, then the selected items are replaced in the used filters by a generic label which mentions the number of selected items
x items
.
Level 3 selected
level 3 with only 4 items | Level 3 with more than 15 items |
---|---|
![]() |
![]() |
Exclusion
These features should not be available in the facets of the search result page, because simultaneous selections could lead to an empty search result.
Material-UI icon: PlaylistAddCheck
Web accessibility: to be supported.
It was quite clear when reading but when thinking it is confusing for user as the multi selection menu proposes two behaviours:
- the "Entire currently displayed list" selects all the items of the current list while
- the "Entire hierarchy level 2" doesn't select the items of the concerned list but they are implicitly selected. To be coherent, when a level is selected, the level is mentioned in used filters and all the concerned items are selected in the scopelist. Once a user unselects an item of the level 2, the level 2 selection is no more accurate so all the remaining selected items of the level 2 should appear in the used filters and the "Level 2" should be removed of the used filters.
Note: The following functional changes compared to the original specifications in Aha! were made:
-
Because the "unselect all" feature exists already in the "Used filters", we will not add any other similar feature for the moment. Following new usability tests, this decision could of course be questioned.
-
Because the scopelist is a scopelist and not a full hierarchy tree view, hierarchies cannot be fully expanded.
-
Because the scopelist is a scopelist and not a full hierarchy tree view, range selections cannot be done across several hierarchy levels or across children of different parents.
Translation in French:
Bulk selection - Sélection massive
Entire currently displayed list - Liste complète actuellement affichée
Entire hierarchy level X - Hiérarchie complète de niveau X
Items - Eléments
The UI documentation includes the related design specifications:
- "Multi level selection" in https://sis-cc.gitlab.io/design/demo/ui-documentation/filters.html and https://sis-cc.gitlab.io/design/demo/de-material/scopelist.html
- "material-playlist_add_check" MUI icon in https://sis-cc.gitlab.io/design/demo/ui-documentation/icons.html