详情页信息架构怎么搭？AI出图与卖点层级

很多商家优化详情页的方式，是把能想到的卖点一条条往上堆，觉得写得越全越保险。结果是页面越拉越长，用户滑到中间就退出，客服还得一遍遍回答同样的问题。

真正的问题不是卖点不够多，而是这些信息没有按用户的判断顺序排。用户打开详情页，脑子里走的是一条路线：这是什么、跟我有没有关系、凭什么信你、现在买值不值。信息架构就是把内容按这条路线摆好，让每一步都能找到他要的答案。

这篇讲怎么搭这条路线，重点说资质、参数、售后这类信任信息该落在哪一屏。下面给的做法都能借青虎AI的详情图能力直接落到图上。

图1：搭架构时先把整条页面摊开看，才能看清每一屏的位置和顺序。

一、信息架构是决策路径，不是卖点清单

把详情页当成清单的商家，思考起点是「我有什么」，所以页面按产品部门、研发部门、质检部门的话术顺序往外倒。把详情页当成路径的商家，思考起点是「用户此刻想知道什么」，所以页面按用户的疑问顺序往外给。

这两种做法放到同一张图上，差别很直观。清单式页面的信息密度前后平均，用户看到第三屏还在读背景介绍，心里那句「这到底适不适合我」一直没被回答，于是退出。路径式页面把结论放前面，把论证放中间，把保证放后面，用户越往下滑越安心。

还有一个容易被忽略的点：用户不是从第一屏开始逐屏阅读的。多数人是从主图点进来，快速滑两下，然后在某一屏停住。所以每一屏都要能独立回答一个问题，而不是把答案拆成几屏才讲完。

换句话说，信息架构不是排版问题，是内容取舍问题。你要先决定哪些信息是必须在某一屏出现的，再决定这些信息长什么样。

二、用户在详情页里走的四步判断路线

第一步是确认品类。用户点进来时要立刻知道这是什么、用在哪、大概什么规格范围。这一屏的任务是让品类词和场景词同时出现，不要让人靠猜。很多页面在这里放一堆氛围图和品牌故事，用户得滑两屏才反应过来卖的是什么，这就是在消耗耐心。

第二步是确认适用性。用户开始对号入座：这个尺寸是不是我要的、这个型号覆盖不覆盖我的需求、适合哪类人、不适合哪类人。把适用范围和排除范围都写清楚，比只写优点更能建立信任，因为它证明了你在替用户筛选，而不是在推销。

第三步是寻找可信依据。用户的怀疑往往在价格出现前后达到顶点，这时候他要的是材质、工艺、参数、检测报告、售后条款这类可以被检验的东西。这一步没被回应，前面的卖点写得再好也会打折扣。

第四步是判断值不值。用户会算价格构成、优惠力度、赠品搭配、发货时效、退换条件。这一步不是靠一句「超值」能解决的，而是靠把选择成本讲清楚：什么样的需求选哪个规格、什么情况下不用买更贵的。

这四步顺序不是设计出来的，是用户在几秒内自动完成的。信息架构的作用，是让页面顺序跟它对齐。

三、每一屏该承担什么任务

把四步路线拆到具体屏上，就是下面这张表。注意每一屏只安排一个主任务，主任务之外的信息都是配角，不要抢视觉重心。

这张表的关键在最后一列。信任信息不该被集中堆在某一个角落，也不适合在第一屏就砸向用户。它的正确位置是「用户刚产生怀疑的那一刻」，也就是价格出现前后、以及需要他为品质做判断的卖点附近。

图2：左边是把卖点堆在一起，右边是按判断顺序排开，差别在用户愿不愿意继续往下滑。

还有一个细节：每一屏的标题最好写成用户脑子里的那句话，而不是产品部门内部的表述。用户想的是「安装麻不麻烦」，页面写的是「模块化结构设计」，两者说的是一回事，但前者能让用户停下来，后者只会被划过去。

四、信任类信息具体放在哪一屏

商家最容易犯的错，是把所有信任信息打包塞到最后一屏，做成一张密密麻麻的资质拼图。用户滑到那里的时候，早就做完决定了，要么已经加购，要么已经退出。信任信息的作用是推动决策，所以它必须在决策发生的位置出现。

另外一类错误是相反的：把信任信息铺得满页都是，每一屏都放一个证书小图标，用户看多了反而麻木，还会觉得页面在刻意自证。信任感来自「恰好在需要的时候看到了」，而不是「到处都是」。

有一种信息是例外：检测报告和授权证明。如果这类内容是你相对竞品的明显差异点，可以提前到中后段，用一屏完整呈现，让它在用户做对比的环节发挥作用。判断标准很简单，它能改变用户的比较结果，就值得提前。

五、青虎AI的详情图能力能帮你做到哪一步

架构想清楚之后，剩下的工作是把架构变成图。青虎AI旗下的详情图功能支持上传参考图和自有产品图，AI会学习参考图的版式结构、配色、图标风格、字体层级、卖点排布和装饰元素，再叠加你自己的产品图，生成新的商品详情长图。对搭架构这件事来说，它解决的是「我想要这个顺序和这个层级，怎么快速做出来」。

入口在工作台左侧【创作】-【电商详情图】-【详情图复刻】，也可以在LinkPix首页的电商详情图模块进入。单次最多上传10张参考图，产品图最多3张，适合放同商品的多角度实拍或不同规格的图片。

需要说明边界的部分也要讲清楚。AI负责的是把版式和层级复现出来，架构本身合理不合理，仍然取决于你的判断。参考图选得好，生成结果会更接近你想要的顺序；参考图本身就是一屏塞十个卖点，生成结果也会继承这个问题。所以先定架构，再去找符合这个架构的参考图，顺序不要倒过来。

六、动手搭架构之前要准备的四样东西

直接打开工具就开始生成，通常要改很多轮。把下面四样东西先摆在桌面上，后面会省下大量返工时间。

七、把架构变成一张长图的操作顺序

准备工作做好之后，操作本身很快。下面按五个步骤走，整套流程走完通常在几分钟内完成。

图3：从进入功能到下载成品，中间只需要处理素材、文案和参数三件事。

下载完成之后别急着直接上架。先把整张长图从上到下过一遍，重点看三件事：每一屏的标题是不是还在讲同一件事、相邻两屏的视觉重心有没有撞在一起、尾屏的售后信息有没有被裁掉。这三处是最容易在生成环节被压缩或错位的地方。

确认没问题之后，再按目标平台的尺寸要求切一版。同一套架构在不同比例下，留白和字号会有变化，切换之后仍然要再看一眼标题有没有换行、图标有没有被挤变形。这套核对动作做熟之后，一张新图从定架构到能用的时间会明显缩短。

八、四个容易踩的架构误区

九、四个把架构落得更稳的技巧

十、三个可以直接照做的场景

不同品类的判断路线不完全一样，下面三个场景可以对照着改。

这三个场景放在一起看，会发现一条共同规律：架构的疏密取决于用户的决策速度。决策越快，页面越精简，信任信息越集中；决策越慢，页面越需要把排除条件和保障条款前置。

图4：架构不是一个人拍脑袋定下来的，摊开每一屏一起看，问题会暴露得更快。

十一、总结

十二、常见问题解答