下拉列表,菜单和组合框都是非常常见的用户界面元素。用户习惯于在本机应用程序和Web应用程序中看到这些元素,但是它们存在一些问题。

  1. 你必须瞄准鼠标。当你鼠标移出时,有些菜单会崩溃,有些菜单会有你需要扩展的子菜单。

  2. 如果不首先瞄准鼠标,则无法看到选项。

  3. 这些是困扰我的主要事情,也许其他人也会注意到其他问题。如果我能提供帮助,我通常根本不使用下拉菜单。

    问题在于我有时想在有限的空间中提供一长串选项。问题2是我愿意做出的牺牲,但我想知道是否有人有任何技巧可以使这些下拉菜单更容易使用。也许有人发明了一种新的列表控件。

    我确信如果这些类型的控件让我恼火,那么他们会更多地惹恼我网站的用户。

有帮助吗?

解决方案

您可以尝试将Mac OS / X用于其任务栏,类似于YouTube中的选择栏。我认为常用术语是一个气泡条,当鼠标滑过它们时,小图像会变大,但缩小到这样的大小,以便当鼠标没有在控件上时,所有项目都可见。

其他提示

嗯..让我对下拉列表感到恼火的另一件事是无法控制它们的宽度,因为它随着文本的扩展(或者是我不知道的东西?)。

对于替代方案,我考虑一个小弹出窗口,它最初以字母索引的形式显示可用选项列表,当用户单击字母链接时,它会显示相关选项以供选择。这将减少选择的选项。

在相同的条款中,我们可以使用ajax在用户输入时动态构建选项。

@Nrj width ='20px'将折叠下拉宽度保持在20px。问题是,Inernet Explorer也显示了具有此宽度的扩展项目,而我到目前为止遇到的所有其他浏览器都会显示完整的菜单。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top