外观
B-23 详情页转化率翻倍：排版和信息层级
详情页不是"把商品信息堆在一起"。用户点进来，前三秒没看到他想要的信息，他就划走了。
这篇不谈摄影、不谈设计软件，只谈一个核心问题：你的详情页信息怎么排，才能让用户一步步从"看看"变成"买了"。
一、信息层级模型：前3屏决定生死
移动端详情页，一屏大约能看到2-3个信息块。用户划3屏，最多5秒，就决定了要不要继续看下去。
所以前3屏必须完成这个任务：让用户知道"这是什么、对我有什么用、凭什么信你"。
1.1 前3屏黄金结构
| 屏幕 | 必须出现的内容 | 用户心理 |
|---|---|---|
| 第1屏 | 商品主体图 + 一句核心卖点 | 这是什么？ |
| 第2屏 | 用户痛点场景 + 解决方案承诺 | 对我有什么用？ |
| 第3屏 | 信任凭证（销量/评价/背书/保障） | 凭什么信你？ |
第1屏不要放品牌故事。用户还没决定要不要买，不关心你创业多辛苦。
第2屏不要放技术参数。用户先想知道"能解决我什么问题"，再想知道"怎么解决的"。
第3屏必须出现具体数字。"销量领先"没用，"已售3.2万件"才有用。
适用于：所有移动端详情页。免费调整，立刻见效。
二、排版结构模板（3种直接套用）
详情页不需要每次从零设计。以下三种模板覆盖了90%的品类场景。
2.1 标准5段式（万能模板，适合标品）
第1段：痛点唤醒（你遇到了什么问题）
第2段：解决方案（我能帮你解决）
第3段：产品证明（我怎么做到的，参数/细节）
第4段：信任背书（别人用了怎么说/谁在用）
第5段：行动号召（现在买有什么好处）示例（保温壶）：
第1段：冬天倒水，5分钟凉透。想喝口热的，得重新烧。 第2段：这个壶，12小时保温68度。早上烧的水，晚上还烫嘴。 第3段：双层真空不锈钢，壶盖硅胶密封，360度倒置不漏。 第4段：10万+好评，复购率35%。京东类目Top3。 第5段：今天下单送杯刷，48小时发货，7天无理由。
适用于：功能明确的标品（电器、数码、家居、厨具）。最容易写，转化率稳定。
2.2 故事式（适合非标品、有情感属性的商品）
开头：一个场景故事（代入感）
转折：出现了什么问题（冲突）
引入：这个产品解决了问题（解决方案）
细节：为什么它能解决（材质/工艺/设计）
共鸣：用户真实反馈（评价截图）
收尾：购买理由强化（限时/限量/专属）示例（手工皮具钱包）：
开头：刚毕业那年，我爸把他的旧钱包给我，说"男人要有自己的钱夹"。 转折：用了三年，边角磨烂，卡位松了，身份证掉过两次。 引入：这个钱包，植鞣头层牛皮，用越久越亮。 细节：手工双线缝制，不是胶粘。6个卡位，每张卡插拔500次不松。 共鸣："用了一年了，颜色变深了，反而更有味道。"——北京，张先生 收尾：每个钱包带独立编号，这批只做了200个。
适用于：服饰、皮具、文创、母婴、食品。客单价中高的品类效果更好。
2.3 对比式（适合竞争激烈、用户有明确对比需求的品类）
开头：你现在的选择有什么问题（竞品缺点，不点名）
中段：我的解决方案好在哪（逐项对比）
细节：具体参数/场景证明
信任：检测报告/专利/认证
行动：为什么现在买（价格/赠品/服务）示例（乳胶枕）：
开头：市面上90%的"乳胶枕"，乳胶含量不到40%，剩下是合成胶和滑石粉。 中段：我们这个，93%天然乳胶含量，SGS检测。 对比表：
- 乳胶含量：93% vs 行业平均35%
- 回弹时间：3秒 vs 8秒（太快的不是好乳胶）
- 使用寿命：5年不变形 vs 1年塌陷 细节：蜂窝透气孔，夏天不闷汗。颈椎承托曲线，侧睡仰睡都贴合。 信任：SGS检测报告截图（放小图，不要占满屏）。 行动：今天下单，送换洗枕套。库存剩37个。
适用于：保健品、枕头、床垫、护肤品、数码配件。需要教育用户的品类。
三、文案写作公式：FABE法则
详情页文案不是"描述产品"，是"说服购买"。FABE是最实用的说服框架。
| 字母 | 含义 | 作用 | 示例（降噪耳机） |
|---|---|---|---|
| Feature | 特征 | 是什么 | 45dB主动降噪 |
| Advantage | 优势 | 比别的好在哪 | 降噪深度行业领先 |
| Benefit | 利益 | 对用户有什么好处 | 地铁上听歌，不用开到最大音量，保护听力 |
| Evidence | 证据 | 怎么证明 | SGS检测报告/10万+好评/专利证书 |
常见错误：只写Feature，不写Benefit。
错误写法："采用ANC 3.0主动降噪技术，降噪深度45dB。" 用户看不懂ANC 3.0是什么，也不关心45dB是深还是浅。
正确写法："地铁上也能安静听歌。ANC降噪把车厢噪音压到耳语级别，不用把音量开到伤耳朵的程度。"
FABE快速检查法： 写完每一段，问自己：用户看到这里，会想"所以呢"？如果会，说明你Benefit没写够。
适用于：所有详情页文案段落。免费，只需调整写法。
四、视觉动线设计：视线从哪里开始，到哪里结束
用户看详情页不是读小说，是"扫"。眼睛会按照一定的路径移动。你要做的，是让这条路径经过你希望TA看到的内容。
4.1 Z型动线（最常见）
用户视线从左上角进入，横向扫到右上角，然后斜向下到左下角，再横向扫到右下角。
应用：
- 左上角：核心卖点标题（最大字号）
- 右上角：辅助说明或信任图标
- 中间斜线区域：商品主体图（视觉重心）
- 左下角：详细参数或次要卖点
- 右下角：价格或行动按钮
适用于：单屏信息块、海报式详情页。
4.2 F型动线（文字较多的场景）
用户先看第一行，然后看第二行左边一部分，再看第三行左边更少一部分，形成一个F形状。
应用：
- 第一行：最关键的信息（用户一定会看）
- 左边一列：小标题、核心词、数字（用户会扫）
- 右边区域：详细描述（用户不一定会看，但要放）
所以，把关键词、数字、结论放在左边或开头。详细解释放右边或后面。
适用于：参数对比、多卖点罗列。
4.3 中心放射型（强调单一核心卖点）
视线从画面中心向外扩散。中心是视觉焦点，周围是支撑信息。
应用：
- 中心：商品主体图或核心数据（如"45dB"）
- 四周：4-6个支撑卖点，呈放射状排列
- 外围：辅助信息或行动号召
适用于：核心卖点特别突出的单品（如"充电5分钟通话2小时"）。
五、转化元素清单（这些元素一定要有）
以下元素按转化率影响力排序，从上到下优先级递减。
5.1 销量和好评（影响力最高）
用户最相信的不是你说什么，而是别人买了多少、怎么说。
- 具体数字："已售12.8万件"比"热销中"好100倍
- 带图评价截图：至少放2-3张真实买家秀
- 差评解释（可选）：如果有集中差评点，主动解释，反而增加信任
放哪里：第3屏或第5段。不要放在最后一屏，很多人看不到最后。
5.2 信任凭证
- 检测报告：SGS、CNAS、CMA等，截图放上去
- 品牌授权：如果是代理/分销，放授权书
- 媒体报道：XXX网推荐、XXX节目同款（如有）
- 资质证书：食品生产许可证、3C认证、专利证书
放哪里：第4-5屏。用户已经有点兴趣了，需要临门一脚的信任。
5.3 紧迫感（促单）
- 限时：倒计时、今日特惠、活动截止
- 限量：库存紧张、最后XX件、定制批次只剩XX个
- 专属：新客专享、会员价、下单送XX
注意：紧迫感要真实。虚假倒计时被发现，信任直接归零。
放哪里：第5段末尾或单独一屏。配合行动号召一起出现。
5.4 保障承诺（消除顾虑）
- 退换货政策：7天无理由、运费险、不满意包退
- 售后承诺：质保几年、只换不修、24小时客服
- 物流说明：发货时间、快递合作方、预计送达
放哪里：倒数第2屏。用户已经决定买了，但在担心"万一不好怎么办"。
5.5 行动号召（CTA）
最后一屏或购买按钮附近，明确告诉用户下一步做什么。
- 强CTA："立即购买""领券下单""加入购物车"
- 弱CTA："咨询客服""查看更多""收藏店铺"
详情页末尾用强CTA。中途用弱CTA（防止用户还没看完就跳走）。
六、反面案例对比（改前 vs 改后）
案例1：主图区信息过载
改前： 一张图上写了：新品上市、限时5折、买二送一、全国包邮、正品保证、假一赔十、收藏店铺领券、扫码关注公众号。
问题：用户不知道看哪，信息互相打架。平台还可能判定为"牛皮癣图片"降权。
改后： 主图只保留商品主体 + 一句核心卖点："12小时保温，早上烧的水晚上还烫嘴"。 促销信息放第2张小图，服务承诺放详情页第5屏。
结果：点击率提升，审核通过率提升。
案例2：参数堆成山
改前： 第一屏就是密密麻麻的参数表：尺寸、重量、材质、电压、功率、颜色、包装清单、产地、执行标准、质保期限。
问题：用户还没想知道这些。第一屏就吓跑了。
改后： 第1屏：商品场景图 + "冬天不倒水，随时喝热的" 第2屏：痛点场景（传统保温壶凉得快） 第3屏：解决方案（12小时保温）+ 一个核心参数（68度） 第4屏：详细参数表（需要的人自然会看）
结果：停留时长增加，转化率提升。
案例3：没有信任背书
改前： 详情页从头到尾都在说产品多好，没有任何证据。
问题：用户默认"卖家都会说自己好"，需要第三方证据。
改后： 第3屏插入："已售8.2万件，好评率98.6%"（平台数据截图） 第4屏插入：2张带图买家评价 第5屏插入：SGS检测报告封面 + 关键数据放大
结果：转化率提升15%-30%（品类不同有差异）。
七、一句话总结
详情页是说服，不是展示。每一屏都要回答用户心里的一个问题，按顺序来：这是什么→对我有什么用→凭什么信你→现在买有什么好→不好怎么办。顺序不能乱，信息不能堆，证据不能少。