产品设计:多维度条件任意组合筛选的设计注意要点

1,什么是多维度条件任意组合筛选?
举个栗子,打开安居客网站的新房或二手房频道,如下图所示,从用户需求角度出发,把房源的不同属性摆出来,让用户可以在多个属性中查询,而且可以在任意几个属性中联合查询出结果。
2.png
比如区域、售价、面积、房型,可以查出渝北区的房源,可以查出渝北区30~40万价格的房源,可以查出渝北区50平米且价格在30~40万价格的房源,可以查出重庆市三室90平米且价格在50万的房源。
.
多维度条件任意组合筛选模式的额好处在于:用户在海量信息中能很快且精确地找到自己想要的信息。

2,哪些产品适合设计这种组合筛选模式?

A,有大量信息。上述安居客截图中可以看到,至少有4个维度的条件,我们假设每个条件里面平均有10个选项,那么任意组合筛选出来的结果列表数是不是:40的40次方?虽然有些条件组合出来注定是没得结果的,但你要保证绝大部分正常需求条件组合筛选出来有数据。

B,收集的信息能确保各项属性数据完整有效。像安居客这种房产网站,二手房置业顾问在上面发布一条房产信息,脑子不灵活的起码要花10分钟以上,因为里面有大量标准的属性选项需要逐个勾选,正式因为这些严苛的信息录入要求保障了后面信息筛选的可用性。

C,信息中抽取出来的各种属性是否是用户真正的需求。一件物品,你要找出他的属性,几万个都可以找出来。比如一堆人,属性可以有:身高、体重、脸型、头型、肤色、头发颜色、头发长短、能跳多高、能跳多远等等。如果你是设计相亲产品,那么相亲的人关心未来对象能跳多高吗?

我见过有人的软件产品明明只有二三十个,也采用了这种筛选模式,一看就是没动脑子的简单模仿。这样造成的结果是什么呢?99%的筛选结果页面都是空的,按照搜索引擎优化原则来说,这是提交了大量不同页面但内容又100%相似的结果给搜索引擎,这是容易被惩罚的。

3,谨防开发人员通过JS实现信息的查询和呈现!
什么意思呢?上述安居客截图中,你点击任意条件筛选出结果时:

A,你看浏览器地址栏里网页的URL有没有变化?

B,停留在任何筛选结果页面上,点击鼠标右键,查看网页源代码,看看在源代码中能否找到筛选条件和列表里的产品这些信息。

如果URL没有变化,源代码中也找不到网页上核心信息,那就说明开发人员用了JS来输出信息。这样虽然用户使用没得问题,但搜索引擎就不能正常抓取到任意组合结果页,和结果页上的产品信息。意味着你网站上有几万几十万几百万有价值的信息没有提供给搜索引擎,无形中也减少了这些页面带来的免费潜在流量。你最好问问老板,同不同意。

4,组合筛选结果列表页URL和Title的组装实现方案。
这里做事的原则是:要让每一个筛选结果页都有着独一无二的URL和对应的Title。

仔细看定义的URL和Title,为什么要这样做,后面要体会得到。

A,首先要给每一个选项定义好URL和Title,如下图:
1.png
B,组装URL:chongqing.xxoo.com/<区域>/<售价>-<面积>-<户型>-p<页码>/

a,上面URL是用了伪静态的方式来实现,地址中没有$#@!&*%?这些参数符号,偷懒的程序员会质疑这样做的目的。目的3个:1,对搜索引擎抓取更友好;2,URL中不带各种参数符号,简短的URL方便用户保存、收藏和分享;3,你不觉得这种URL很优美吗?而且彰显团队做事的专业!

b,上面URL中用了一个二级域名chongqing.xxoo.com,如果你的站是面向全国,各个省市就有,那么就要考虑城市站用二级域名还是目录形式,这是全站信息架构的问题,本文不展开。

c,上面URL中各项参数的位置可以根据设计者的爱好自由调整,比如你可以搞成chongqing.xxoo.com/<售价>/<区域>-<户型>-<面积>/p<页码>/

d,上面URL中,当某些参数缺省是知道怎么处理:

①当区域缺省时,地址就是:chongqing.xxoo.com/<售价>-<面积>-<户型>-p<页码>/   
 去掉了“<区域>/”,案例:chongqing.xxoo.com/s02-a03-m01-p2/
②当售价缺省时,地址就是:chongqing.xxoo.com/<区域>/<面积>-<户型>-p<页码>/
 去掉了“<售价>-”,案例:chongqing.xxoo.com/jiangbei/a03-m01-p2/
③当面积缺省时,地址就是:chongqing.xxoo.com/<区域>/<售价>-<户型>-p<页码>/
 去掉了“<面积>-”,案例:chongqing.xxoo.com/jiangbei/s02-m01-p2/
④当户型缺省时,地址就是:chongqing.xxoo.com/<区域>/<售价>-<面积>-p<页码>/
 去掉了“<户型>-”,案例:chongqing.xxoo.com/jiangbei/s02-a03-p2/
⑤当结果列表页是第一页时,一般处理成:chongqing.xxoo.com/<区域>/<售价>-<面积>-<户型>/  去掉了“-p1”
 当然也可以直接弄成:chongqing.xxoo.com/<区域>/<售价>-<面积>-<户型>-p1/,从SEO角度,第一页一般不带页码比较好。

C,组装Title:重庆<区域><售价><面积><户型>的二手房 第<页码>页- 安居客

a,组装Title的思维和组装URL是一致的,组装Title更讲究一点,组装出来Title要是读得通的!同时也要符合用户搜索的用词习惯!

b,上面Title中,当某些参数缺省时,举例子说明:

①当区域缺省时:重庆30-40万元50-70平米三室的二手房 第2页 - 安居客
②当售价缺省时:重庆渝北区50-70平米三室的二手房 第2页 - 安居客
③当面积缺省时:重庆渝北区30-40万元三室的二手房 第2页 - 安居客
④当户型缺省时:重庆渝北区30-40万元50-70平米的二手房 第2页 - 安居客
⑤当第一页时:重庆渝北区30-40万元50-70平米三室的二手房 - 安居客

D,上述URL和Title的举例说得很详细,但肯定情况没包括完,比如当缺省2个3个参数时怎么办?依葫芦画瓢、举一反三了。

E,我给的案例,无论是title和URL,那些筛选条件参数都是从上到下依次排列的,真实场景下,有可能title和URL的参数位置都不一样的。

F,在给筛选条件项定义url和title时,要尽量语义化。案例中,我只给区域用了全拼,其他选项没必要;单位m²特意写成平米,因为用户不可能打出m²这种字出来搜索。举一反三!举一反三!

做之前多参考别的类似网站的组装方案,当你还犹豫不决的时候,说明这个问题还没考虑透,没有正确地认识它。因为当你真的明白时,那些参数的位置不能自由排列,都是有讲究的。