Improvement on advanced selection window
As Laura,
I want to immediately see all the possible de/selection options in the expand window of a hierarchical dimension
so that I click less and easily choose the best action to apply and see in my table view.
From example, Economic Activity hierarchical dimension: https://de-qa.siscc.org/vis?lc=en&df[ds]=qa%3Astable&df[id]=DSD_NASU%40DF_SUPPLY_T1500&df[ag]=OECD.SDD.NAD&df[vs]=1.0&av=true&pd=2015%2C2015&dq=A.AUT...TS%2BP1%2BP7%2BP7ADJ%2BP33%2BD21X31%2BOTTM._T.CPA08_A%2BCPA08_A01%2BCPA08_A03%2BCPA08_A02%2B_T%2BCPA08_B%2BCPA08_M..B.Y%2BV.&to[TIME_PERIOD]=false&vw=tb&lo=1&pg=0
This is the actual design | This is the expected design |
---|---|
![]() |
![]() |
Here you can find the interactive prototype: https://www.figma.com/proto/bRrOm3gSEPZ7vJnv4O7qtB/advanced-selection-mode?type=design&node-id=1294-6908&t=M5rootuDfOdTcAlL-1&scaling=min-zoom&page-id=1294%3A6907
With the following changes from top to bottom:
-
Dimension title font same as in the filter: 16px, PT Sans Narrow, weight 700px, TXT-Muted #666
-
Remove drop down button "Change selection mode". -
Remove Selection mode "All items" (which is replaced by the new select all/deselect all options). -
Add "Selection mode" title: 12 px, Helvetica Neue, weight 500px, Dark #182026
-
Move the light bulb icon next to "Selection mode" title in blue Primary #0549AB
with the same tip information on mouse over. -
All selection modes "Single item", "Item and all items directly below", "Whole branch", "All items at the same level" are in one line next to the "Selection mode title" and behave like stateful buttons. Default: 12 px, Helvetica Neue, weight 500px, background Neutral lighten-5 (white), Primary #0549AB
. There is always exactly one mode being selected, "Single item" being the one selected by default. -
All selection modes have the same image representation as currently but in smaller size 21X24 and displayed on the left side of the title button. -
All selection modes have on mouse-over the larger (already existing) image representation as dropdown image size: 72x90px
-
The spotlight stays as it is. -
Move the Collapse all, Expand all buttons from bottom to below the spotlight. -
Next to Collapse all, Expand all, add Select all, Deselect all options behaving like previous and remove the selection mode "All items" button. -
Add a blue line to split the hierarchy selection with the usual design.
-
Rename "Cancel" to "Cancel changes" and "Apply" to "Apply selection" with the same symbols as in the layout window
-
Make sure the dialog works in rtl