改版时设计和开发重点往往都在首页，而实际上带来流量和转化的，通常是列表页和详情页——尤其是产品页和案例页。
这两类页面的任务不同，优化方向也不一样。
列表页的任务是帮人筛选
用户来到列表页，通常还不知道自己要哪一个。他要的是快速缩小范围。
列表页该有的：
- 清晰的筛选条件：按品类、参数、行业、价格区间，看业务而定
- 排序选项：最新、最热、名称，不必太多
- 每个条目的关键信息：图、名称、两三个核心参数、一句卖点
- 结果数量和分页：让用户知道范围有多大
- 空结果的友好提示：筛不出结果时给出放宽条件的建议
列表页的常见毛病
- 只有一张图一个标题：用户必须逐个点进去看，效率很低
- 筛选条件太多太专业：外人看不懂的参数没法用来筛
- 图片比例不统一：列表参差不齐，视觉很乱
- 没有空状态设计：筛不出结果就一片空白
- 移动端筛选没法用：条件下拉在小屏上挤成一团
详情页的任务是促成决定
到了详情页，用户已经有兴趣了，他要的是确认和安心。
详情页该有的：
- 开头讲清楚解决什么问题，而不是直接甩参数表
- 关键参数突出：不是全部，是最影响决策的那几个
- 多角度图片：整体、细节、应用场景
- 下载资料：说明书、规格书、图纸
- 相关案例或评价：别人用过之后怎么样
- 常见问题：交期、售后、定制，提前回答
- 明确的行动入口：就在手边，不用滚回去找
详情页的常见毛病
- 参数表占满全屏：密密麻麻的数字，客户看不下去
- 图片只有一张且是侧面照
- 没有应用场景：客户想象不出用在自己那是什么样
- 行动入口只在页面底部：滚到中间的就想联系了，找不到按钮
- 没有相关内容推荐：看完就走，白白浪费一次流量
其中第 4 条最可惜。用户在读到一半时兴趣最高，这时候没有入口，等他看完可能就忘了。
两类页面的衔接
- 列表页的条目要能预示详情页内容：标题和摘要写得准确，别文不对题
- 详情页要有返回的清晰路径：面包屑或"返回列表"
- 详情页底部推荐同类内容：这个不满意，还有别的可以看
- URL 层级要对应：
/products/xxx详情页属于/products列表
对照检查表
列表页 | 详情页筛选可用 | 开头讲价值移动端可筛选 | 关键参数突出图片比例统一 | 多角度图片有空状态 | 有下载资料显示结果数 | 有案例佐证排序合理 | 有常见问题条目标题准确 | 入口在多处分页清晰 | 有相关推荐别忘了性能
列表页图片多，务必做懒加载和压缩；详情页如果有很多大图，同样要处理。这两类页面往往是全站最慢的，而它们恰恰是转化关键页。
首页负责吸引，列表页负责筛选，详情页负责说服。三件事都做好，改版才算完整。
—— 一位做过电商与 B2B 双背景的产品经理