很多企业官网的产品列表页,就是一排轮播图加一个不分类的宫格,访客想按材质筛选、按功率排序,统统没有。结果几千个产品挤在一页里,翻不到第五页就没人翻了。网页设计制作的产品列表页,是 B2B 网站真正产生询盘的引擎,值得单独拿出来设计。
筛选维度从客户嘴里挖
筛选器做哪些维度,别由技术想当然。最可靠的办法是翻旧询盘记录:客户发来的询价里怎么描述产品——“要 304 材质的”“找适合户外用的”,这些高频描述词就是筛选维度。常见的通用维度是分类、参数区间、适用场景三类,具体到行业再加:设备类按功率和产能筛,建材类按规格和材质筛。维度四到六个为宜,每个维度下的选项控制在七个左右,超了就分组。还有个常被忽略的细节:筛选结果数量要实时显示,“共 23 个产品符合条件”一行小字,访客心里立刻有底。
列表卡片放什么
网页设计制作的产品卡片,信息配比是:一张统一比例的产品图、产品名、一到两个关键参数、一个“获取报价”入口。参数别贪多,卡片上放访客用来比较的那两项,详情页再铺开。产品名别用内部编号,“GZ-4020-B”没人点,写“全自动灌装机 40 型”才是访客认的名字。排序给三个选择就够:综合、最新、价格,默认综合排序要把主推产品置顶——这是你影响转化的最大杠杆。
空结果与加载方式
两个边角体验决定专业感。一是筛不出结果时怎么办,多数站直接显示一片空白,正确做法是给出提示加两个动作:放宽条件的建议、清空筛选的按钮,把死路变成岔路。二是加载方式,产品少于五十个用分页,超过则用加载更多,同时保留页码跳转让访客能回访前面看过的页。手机端筛选器收进一个抽屉按钮,别把半屏都占了。
列表页的数据指标
列表页做没做对,数据会说话。后台统计盯三个数:列表页到详情页的点击率,低于三成说明卡片信息或筛选有问题;筛选功能的使用率,没人用说明维度设错了;从列表页直接发起询盘的比例,这是列表页价值的终极体现。把这些数和老站对比着看,改版有没有效果一目了然。数据不理想别急着推翻重做,先看漏斗掉在哪一步,小改快跑。
两句实在建议:上线后每个月看一次列表页的筛选使用数据,没人用的维度撤掉,高频的组合可以考虑做成聚合页;产品上千的企业,直接找比格网络这类有 B2B 项目经验的团队聊筛选架构,列表页做得好不好,询盘量的差别是几倍级的。