[native filter][cascading] Confusing user experience
See original GitHub issueHow to reproduce the bug
- I created a simple dashboard with cascading filter component:
- Simple gender filter,
- Name filter, and State filter (under Name filter)
- Click on Name filter, there are 2 dropdown list for all Names filter showing up;
- Pick a name for Name filter, you will see Name filter title became
State filter
, and there are 2 dropdown list for state. - If there are 2+ nested filter under same parent filter, the experience is totally chaotic…
Proposed solution:
When user created a nested filter component, what’s the best way to display dropdown list(s)? Right now we show 1 in the main component list, and also show another copy in the popover with child filter…this is definitely not desirable. Please reconsider the design and implementation.
How about only remove the popover for the family of drop-downs, just show all in the main filter list, but align them with some indent or box?
Environment
latest master
Checklist
Make sure to follow these steps before submitting your issue - thank you!
- I have checked the superset logs for python stacktraces and included it here as text if there are any.
- I have reproduced the issue with at least the latest released version of superset.
- I have checked the issue tracker for the same issue and I haven’t found one similar.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:7 (4 by maintainers)
Top Results From Across the Web
[native filter] Cascading filters should show layer in ... - GitHub
Cascading filters should show layer in filter indicator on native ... We decided to change the design of it to improve the user...
Read more >gui design - How to display a lot of filters (cascading and/or not)?
I'm a bit confuse with these filters. I don't know how to display them and the cascading effect can create difficult situations for...
Read more >Filter UI Design: A Horizontal Toolbar Can Outperform the ...
Regardless of the interface, it's critical that users can always select multiple filtering values within the same filtering type. However, the ...
Read more >How to craft a kickass filtering UX | by Laura Cunha
Filters are a great tool to narrow down high volumes of content and to surface the most relevant results. How do we make...
Read more >Listboxes vs. Dropdown Lists - Nielsen Norman Group
Listboxes and dropdowns are compact UI controls that allow users to ... listboxes are often used to house filters that cascade down the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@graceguo-supercat this problem is not resolved. I just linked that comment to include even more context for when we discuss the solution.
@graceguo-supercat i totally agree your sentiment “If there are 2+ nested filter under same parent filter, the experience is totally chaotic…”
changes made in cascading popover were not well thought through due to the lack of design support. do you mind if i remove the p1 priority for now, and have a design sesh later on?