How to Handle a Filter UI with 100 Options

Designing filters for large-scale enterprise apps is different than the average app. You don’t just have a few dozen options to handle, but hundreds. Making everything fit in a usable way is quite a design challenge.

A left sidebar and horizontal toolbar are common UI patterns to use. However, they aren’t the best components when you have many filters. Instead, the optimal UI pattern is a modal screen dedicated to batch filtering.

There’s still a potential problem with batch filtering, though. How do you fit hundreds of filter options on a single modal screen? You can’t stack them vertically in sections, or you’ll force users to scroll excessively to view and select them. To make your filters easier to use, you need to design a navigation within the modal.

Read the full article here

Total
0
Shares
Leave a Reply

Your email address will not be published.

Prev
How to Analyze Qualitative Data with Timothy Moore of The Design Gym

How to Analyze Qualitative Data with Timothy Moore of The Design Gym

Table of Contents Hide ‍After Data Collection, What’s Next?

Next
How to Design Card UI and Why They Matter

How to Design Card UI and Why They Matter

Table of Contents Hide Reach a new level of prototypingWhat is a Card in UI

You May Also Like