Menu
There are 30-35 items in a list and it is expected to grow further. What could be the best way to put it on the page? Dropdown list is the first control that comes to mind, but it could easily become a pain as the list grows.
What could be the best usability control to present such kind of long list?
639
Chosen is a very sleek solution for large amounts of data in dropdowns. If you only are concerned for Country dropdowns, relax, users are used to select the country from a list, they use the keyboard to jump quickly to the desired country. Show activity on this post.
Selecting an option from a dropdown list (especially on mobile) is a multi-step process: you have to tap on the dropdown to open the list of options, then scroll and scan through the items to select one, and then close the dropdown.
The good news is that there are plenty of alternative input controls that will work better for you in many cases. For binary (on/off) decisions, the dropdown menu is a really bad choice. What you need is a checkbox or a toggle switch.
Dropdown-search hybrid elements are quite popular and a good way to solve this. Select2 is a commonly used javascript library for building such hybrid dropdowns. Show activity on this post. Chosen is a very sleek solution for large amounts of data in dropdowns.
Another option is a multi-layered tree, if you can think of a way to partition the list: for example, 35 items might be 7 groups of 5 items each.
82
answered Oct 12 '22 01:10
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
