一个做工业配件的客户，产品筛选有六个条件：类别、材质、口径、压力等级、连接方式、品牌。电脑上一行横排挺好用，手机上这六个下拉框竖着堆了半屏，客户还没看到产品列表，先跟筛选框搏斗半天。他们的移动端产品页停留时间特别短，老板一直以为是产品不够吸引人，其实是找产品的路被筛选框堵死了。筛选器做得好，客户三步锁定目标；做不好，三十个条件也是摆设。
筛选器的本质是帮人抄近路
带型号来的客户，搜一下就走了；范围模糊的客户才用筛选。所以筛选器的使命是让模糊需求的人快速收窄范围，而不是把所有条件都摆出来逞专业。电脑屏幕宽，横排下拉不占地方；手机屏幕寸土寸金，筛选器的每一像素都在跟产品列表抢地盘。响应式网站设计里，筛选器的移动端布局是一门独立的功课，不是把电脑版竖过来就完事。
三种成熟方案
- 抽屉式：页面顶部只留一个筛选按钮加当前条件标签，点开抽屉才出现完整条件面板。列表占满全屏，筛选藏起来按需取用，这是电商验证过无数次的成熟模式；
- 横滑式：最常用的两三个条件做成横滑标签，左右滑动选择，其余收进抽屉。高频筛选一步到位，低频的不碍事；
- 简化式：手机上直接砍到两三个最关键的条件，其余靠搜索补位。条件越少，用的人越多，这个反直觉的规律在数据上反复得到验证。
配套细节别漏：已选条件要显示成可删除的小标签，客户能看清自己筛了什么、一键清空；筛选结果数量实时显示，告诉客户还剩多少选择；无结果时给出放宽建议，别甩一个冷冰冰的空页面。空结果页配一句放宽建议加一个清空按钮，客户还有路可走。
用数据校准条件优先级
哪两个条件该放在横滑标签里？看后台数据：客户搜索用得最多的词、业务员报价单里最常出现的参数，就是高频筛选维度。拿不准就观察同行，或者小范围试两周换一组看数据变化。筛选器没有标准答案，你的客户用脚投票，数据会给出结论。筛选器的价值要用使用率和完成率来衡量，不是用条件数量来撑场面。条件堆得越多，客户越不敢下手，选错一次就得从头再来。
建议手机上把筛选条件砍到三个以内先跑起来，观察产品页的停留和询盘变化。多品类企业规划新站时，让建站方出筛选器的移动端交互稿，光有电脑版方案的不合格。比格网络做响应式网站设计，产品查找路径是移动端的重点科目——客户找不到货，一切设计都是空转。
