这时早几年参与的项目了—— 电商网站网页端的搜索筛选区改版。筛选项区常常呈现在列表、搜索结果页上部，用户通过点击这些筛选项来缩小查找范围。
前期分析
在搜索后台对搜索词补充了类型标签后，系统可以对搜索词进行判断：搜索词是否包含产品类型？精确匹配类型后可提高搜索结果的准确度。
场景1：
当用户输入一个较确定的关键词：三星手机，搜索系统可查找到手机的相关分类并优先呈现相关结果，在此场景中，是手机硬件产品，也是大多数用户期望的搜索结果。
场景2:
如用户搜索关键词：笔记本，笔记本这个词存在多种理解（笔记本电脑、本子...），系统很难了解用户意图，无法精准命中查找的类型且呈现给用户满意的搜索结果。
对于包含产品类型的关键词：三星手机，可以匹配产品类型，帮助用户缩小查找范围。对于非包含产品类型的搜索词：笔记本，根据历史点击，将高频查找的产品类型前置，帮助用户查找到商品。
抽取Top2000的关键词进行分析，发现其中不含产品类型的关键词占比超过一半。如果用户在搜索后先筛选产品类型，搜索结果的准确度会更高，需要在设计上引导搜索用户先进行产品类型的筛选。
优化方案思考
场景：用户搜索关键词： “海尔”，关键词不包含产品类型。
第一版：分步骤
筛选项呈现产品分类，选择分类后才呈现其他筛选项。系统如果匹配到搜索词中包含品牌，自动匹配筛选项。
搜索“海尔”后
选中的分类高亮呈现，并固定在首行，用户可以自由切换其他分类，选中的分类始终显示在第一个
用户选中“冰箱”分类后
针对第一版方案开展的可用性测试
主要问题：
1、用户已经选择了分类：冰箱，无法理解为什么出现其他产品类型（洗衣机、家用空调等），会怀疑自己是否已选中冰箱。
2、搜索后无法筛选其他参数，只有产品类型，筛选参数太少
3、对选中产品类型的展示位置困惑。例子：开始选择“冰箱”，然后打开更多选中酒柜，此时“酒柜”出现在冰箱的位置
4、不理解海尔上方为何要加引号，后面为何还有一个海尔？
思考
问题1&3:
筛选项的交互方式不一致给用户带来了困惑：产品类型筛选项：选中后不消失，可以切换其他分类；属性筛选项（非产品类型）：选中后该行消失，只有在用户删除后才可选择其他。
分类选择的交互既要明确呈现当前选中分类，又要便于用户在分类间切换：将分类选择和面包屑结合，面包屑显示了用户的当前位置，同时支持一键切换产品分类。
问题2:
考虑给予用户筛选的自由度，将某个关键词关联的高频筛选项前置呈现
问题4:
用户没有理解“海尔”是搜索词，认知中没有搜索词、筛选项的概念。调整为：全部结果
第二版优化方案：分类和面包屑结合
网站的产品目录层级有３层：如何让用户便捷地选择类型词？
像上图中海尔有4个大类，20多个子分类。更多时候子分类会大于20个，如何让用户快速找到产品类型？—— 通过历史筛选项的点击率来优先呈现热门产品类型。同时在产品分类下方呈现关联的热门筛选项，提供筛选其他属性的可能。
搜索“海尔”后
选择产品类型：冰箱 后，产品类型选项消失，面包屑上高亮展示已选分类
选择冰箱
鼠标移入冰箱分类，展开同级产品类型，用户可以自由切换其他分类
切换分类
上线后思考
第二版方案开发后和原有方案进行了线上的A／B测试，从数据情况看，新版的产品详情页转化提高不明显，整体转化较旧版提升了1个百分点。
受限于数据分析条件，未对不同类型的搜索词转化进行细分对比来验证思考。
网友评论