代码之家 › 专栏 › 技术社区 › Kiada

自动完成还是选择框?(设计问题)

user-interface

Kiada · 技术社区 · 15 年前

我在一个比较网站上工作,所以不用说搜索功能是网站的主要功能。我有两个输入文本框和一个搜索按钮。目前,输入文本框使用Ajax查询数据库并显示下拉框,但我想知道使用选择框是否更直观?第二个框取决于第一个框,因为当选择第一个框时,会有另一个Ajax查询,因此只有第一个选择的可用选项会显示在第二个输入自动完成框中。

自动完成

赞成的意见: -“感觉”对吗? -看起来比选择框(CSS设计)更吸引人?

欺骗: -必须指导用户如何使用搜索(让他们思考?) -只有在启用了javascript的情况下才真正有效。 -如果用户键入他们想要的内容,但没有出现任何框(即没有结果),则可能会感到困惑。

选择框

赞成的意见: -可以从一开始就列出可用的选项/知道什么。 -我们每天都使用选择框(位置等),所以我们习惯了它们的工作方式。(更直观?)

欺骗: -当有太多的选择可供选择时,会显得有点不美观。随着时间的推移,我想我的网站最多有100个选项。

任何关于我该怎么做的想法都会被感激的!

2 回复 | 直到 15 年前

unholysampler 15 年前

你将有100个独特的选择?我想这些可以用某种方式分类。您的表单中已经有一个依赖项,添加另一个依赖项以生成依赖链似乎是直观的。我见过在一些地方使用依赖链,它们工作得很好,它可以帮助用户一步一步地限制搜索空间。

我也认为形式应该遵循功能,所以如果你遵循这一理念,自动完成的pros列表会更弱。另外,你的一个优点是一个抽象的概念,当你写这个问题的时候你不能用词表达,所以这个列表无论如何都比较弱。

nik 15 年前

毫米波毫米波

选择框看起来有点奇怪,如果有较少的选项,它可能是正确的选择,但是如果你有100的选项,它将不会有影响。用户不习惯看到这样的东西会使事情变得更糟。

另一方面,你可以在没有找到匹配项的情况下,做出一些类似于没有建议或者使文本框变为红色的内容。

推荐文章

Seg · _tkinter。TclError|TCL安装不正确。FreeSimpleGUI中出错

5 月前

FranticFronk · Tkinter单选按钮在已选择时执行命令

6 月前

Kumkuatte · 如何将UI元素对齐到Unity中的左侧位置

10 月前

Calax · GUI不显示所有组件(C++)

11 月前

trassert · python flet容器

11 月前

Shady Abdulmunim · 喷气背包组合中的扫掠渐变圆形进度条

12 月前

Jason Parmar · 伪OSS错误:校验和输入流计算器不支持标记

12 月前

Kdwk · 为什么添加这个Flutter小部件会使应用程序对鼠标点击没有响应?

1 年前

zadisk8 · 带有Q拆分器和多级选项卡的PyQt5

1 年前

Patrick Visi · Zitadel日常创建服务用户

1 年前