我很难找到任何描述大型搜索表单的良好UI模式的资源.我有一个表格需要20个可能的输入,并且不能提出我感觉良好的设计(虽然在我的辩护中我不是设计专家).在我的情况下,我正在寻找一个Web解决方案,但我想这个场景的UI模式可能与平台无关.
我看过像谷歌和亚马逊这样的网站(高级搜索),我想知道是否有更好的想法.有什么建议?
解决方法
我认为谷歌高级搜索是一个很好的起点.
您可能想要记住以下事项:
>确保您清楚表明表格中每个字段的需要.它们可能都是完全必要的,但如果不是,那么它们可能会使形式变得不必要地复杂化.
>尝试使用字段集将问题分组到逻辑区域,并在页面上以可视方式将它们分开.这样可以更轻松地处理表单.
>您可以尝试使用javascript隐藏表单区域,以减少初始视图的混乱.虽然如果用于显示这些部分的控件标注不当,这可能会使用户感到困惑.
>确保您尽可能多地尝试设计 – 最好是来自将使用它的社区.
需要考虑的一些资源:
我意识到搜索表单设计中存在一些特定的挑战,但以下资源应该有所帮助.
> Forms on UI patterns
> Wufoo – 用于许多不同目的的表单设计,但在那里可能会有一些用处.
> Luke Wroblewski的书Web Form Design是一个很好的起点,如果你正在努力发展你如何设计和布局形式的知识.如果你没时间掌握这本书,他的网站也有一些有用的指示.
>如果你想更深入,你也可以考虑Louis Rosenfeld和Peter Morville的Information Architecture for the World Wide Web.现在有点老了,但是有一些关于为网站设计搜索系统的优秀章节.