分组搜索条件UI设计建议

  • 本文关键字:UI 搜索 条件 user-interface
  • 更新时间 :
  • 英文 :


我正在为我的网站构建一个高级搜索页面,用户可以在其中为条件选择搜索类别,然后为其输入值。用户可以输入任意数量的条件,并且每个条件都可以通过and或or子句链接到下一个条件。作为视觉效果,这与我要做的非常相似:http://blog.lib.umn.edu/jeffryes/biomedical/Copy%20of%20Web%20of%20Science.png

我还希望允许用户能够对搜索条件进行分组。例如,Web of Science接口只允许这些类型的查询:

a == apple AND b == 10 OR c == cranberry AND d == 20

然而,我希望我的用户能够做这样的事情:

(a == apple AND b == 10) OR (c == cranberry AND d == 20)

但是我很难想出一个直观和易于使用的方法来实现UI,以允许用户对搜索条件进行分组。有什么建议或类似的例子网站,我可以从中汲取一些灵感?

尽管这实际上取决于你的目标受众是谁以及他们的技术水平。由于您正在描述相当复杂的条件过滤,我将假设目标用户能够轻松地写出逻辑。

我喜欢salesforce.com在他们的报表引擎中实现类似过滤的方式。作为用户,您可以通过单击加号(图标)添加任意多的条件。默认情况下,它们都是AND,但是,您有一个文本字段,您可以在其中输入逻辑。

例如

:1. A ==苹果2. B == 103.C ==蔓越莓4. D == 20条件逻辑:(1和2)或(3和4)

如上所述,这对于商业应用程序或消费者应用程序中的某个地方是有意义的,其中用户已经自我选择相当精明。如果你希望消费者在没有事先准备的情况下使用它,这绝对不是正确的方法。

最新更新