User Interface - Drop-down List

What is the best way to design an interface, so the very long dropdowns that get trucated due to size restrictions do not create a very bad user interface. My question is about web applications.

Could you send your suggestions.

Thanks.

+4
source share
4 answers

Good thing I did in this case:

  • Using autocomplete (so that the user can start typing and get access to the assigned option faster).
  • Highlight a fixed length of 30 characters. Now, if the drop down value is longer, I simply truncate it to 25 with the "..." at the end. When you hover over this value, the full text will be displayed as a "heading" or similar.
+1
source

One option is to use tip-forward with reverse gear (AJAX) to reduce the size of the list.

+2
source

You can use another window (div?) With a list / grid with a search call instead of a drop down menu. It is very intuitive for ordinary users.

+1
source

has a tooltip for each item in the drop-down list, so when the user hovers over the item, he can still see the full description of the item.

or you have the width of the drop-down list automatically change to the longest description in the list.

0
source

Source: https://habr.com/ru/post/1277153/


All Articles