最近在做产品的时候，遇到搜索结果列表过滤器的问题，要想把过滤器做的好用，是需要花费一些脑筋的，不仅要对搜索结果中数据属性要熟悉，还要巧妙的将这些属性一一配对。

搜索的作用在于按照某个关键字找到最多（最相关）的结果，而过滤器的作用在于找到最少（最接近）的结果。

过滤器设计的几个要点：
1.属性——搜索结果有哪些属性
比如说手机，它的属性就诺基亚、三星，新的、二手、CDMA、GMS等
2.分组——把属性一一归类
还是拿手机举例，诺基亚三星这些属性归为品牌条件组，新的二手的归为成色条件组，CDMA和GMS等归为网络制式；
3.同类条件组属性之间的选择和撤销问题
比如我选了诺基亚，看看没有合适的，想选择其他牌子的手机看看怎么办。

下面就介绍一些网站的过滤器。
Indeed为一家为一个职位垂直搜索引擎，招聘职位的属性比较好做，薪水范围、招聘公司以及地域是较为关注的，下面以product manager为例搜索，左边的过滤器如下图1




（图1） （图2）

我选了薪水范围和招聘公司，如图2，如果要选择其他的薪水范围或者招聘公司，只要点击已选的属性条件边的undo，就可以撤销已选的过滤条件，选择其他的。

过滤器的好处：
对于自己的过滤条件一目了然，他将这些选择的过滤条件都用红色虚线框起来的。
个人觉得缺憾是：
比如选择我选择了$20,000+，它就把“薪水范围（Salary Estimate）”这个属性组给隐藏了，需要撤销之后才能看到其他属性条件。

再来看看Simplyhired的过滤器，也是一家职位垂直搜索引擎，如下图3、图4所示



（图3） （图4）

这个和indeed比起来，有了一些改良，
好处是：
我选了Title下面的Product Manager这个条件，整个Title整个条件组还存在，可以自如撤换选其他的Title条件，而自己做的一些条件组合在上面也显示出来，还可以将这些条件组合保存，以便下次快捷使用（51job的搜索条件组合我就经常会用到）
个人觉得缺憾是：
显示自己的过滤条件的区域没有indeed用红虚线框出来的明显，加上这一块区域在未有选择过滤条件的时候就存在，导致视觉上没有明显的差异突出。


（条件选定之前） （条件选定之后）

打印  |  相关话题：站内搜索   |  类别：信息和交互  |  源地址