用户界面-下拉菜单

时间:2020-03-06 14:42:34  来源:igfitidea点击:

设计界面的最佳方法是什么,以使由于大小限制而被截断的很长的下拉值不会造成非常差的用户体验。我的问题是针对Web应用程序的。

能否请我们提出建议。

谢谢。

解决方案

我们可以使用带有分页列表/网格的另一个窗口(div?),而不是下拉菜单。
对于一般用户而言,它非常直观。

一种选择是将"预先输入"与回发(AJAX)一起使用以减小列表的大小。

好吧,我在这种情况下所做的是:

  • 使用自动完成功能(以便用户可以开始键入并更快地获得预期的选项)。
  • 具有固定长度的下拉菜单,例如30个字符。现在,如果下拉菜单的值更长,则将其截断为25,最后加上" ..."。将鼠标悬停在此值上将使全文显示为"标题"或者类似名称。

下拉列表中的每个项目都有一个工具提示,因此当用户将鼠标指针悬停在某个项目上时,他仍然可以看到该项目的完整说明。

或者将下拉宽度自动调整为列表中最长的描述。