Design patterns 是否有好的UI模式用于设计具有多个字段的搜索表单？

我很难找到任何描述大型搜索表单良好UI模式的资源。我有一个表单，需要20+个可能的输入，并且不能提出一个我感觉良好的设计（尽管在我的辩护中，我不是设计专家）。在我的例子中，我正在寻找一个web解决方案，但我认为这个场景的UI模式可能与平台无关

---

我看过一些网站，比如谷歌和亚马逊（高级搜索），我想知道是否有更好的主意。有什么建议吗？

看看渐进式披露。如果你有，它也有帮助。看看“

任何购物（nextag.com、been.com、froogle.com、shopzilla、ebay等）网站都可以做这项业务的其他模式。但是，我的想法是创建一个工具提示并接受输入，提交后（工具提示上的一个按钮），工具提示将消失，结果将出现在父页面上。

通常，您可以将搜索字段分为两组：

• 一个包含大部分时间都会使用的输入字段，通常使用较少的部分（根据我的经验，最多有30%的字段）
• 第二个字段，包含其他字段（不常用）

---

如果您可以将此拆分应用于您的问题，那么应该很容易创建一个包含第一组输入字段的前端，然后再创建一个根据需要打开/扩展的第二组输入字段。我不是一个网络开发者，所以我不能告诉你获得这种用户界面行为有多困难。

我认为谷歌高级搜索是一个很好的起点

您可能需要记住以下几点：

确保您清楚表单中每个字段的需要。它们可能都是完全必要的，但如果有的不是，那么它们可能会使表单变得不必要的复杂

尝试使用字段集将问题分组到逻辑区域，并在页面上直观地将它们分开。这将使处理表单更容易

您可以尝试使用javascript隐藏表单的区域，以减少初始视图的混乱。尽管如果用于显示这些部分的控件标签不好，这可能会让用户感到困惑

确保您在尽可能多的人身上试用您的设计，最好是来自将使用它的社区

需要考虑的一些资源： 我意识到在搜索表单设计中有一些特定的挑战，但是下面的资源应该会有所帮助

• -表单设计有许多不同的用途，但可能对您有用

• 卢克·沃布列夫斯基（Luke Wroblewski）的书是一个很好的起点，如果你想发展你对如何设计和布局表单的知识。如果你没有时间拿这本书，他的网站上也有一些有用的建议

如果你想深入下去，你也可以考虑Louis Rosenfeld和Peter Morville。现在有点老了，但是有一些关于为网站设计搜索系统的优秀章节

---

这是谷歌在高级搜索中采用的一种方法，这是迄今为止我最喜欢的方法。非常感谢您的回答！酷，我很高兴你发现它有用：）没有有用的高级搜索！谷歌/雅虎也采用了类似的方式，以一种真正令人眼痛的方式展示一切。最好的方法似乎是使用Bing的增量方法：生成一个查询，然后使用高级搜索可以通过添加参数深入挖掘并进一步细化查询。