商品详情页的设计逻辑

编辑导语：商品详情页对于产品来说十分重要，本篇文章作者分享了商品详情页的设计逻辑，从多个方面介绍了商品详情页的设计要求和思路等，一起来看一下，希望对你有帮助。

一、商品详情页的定义与价值

产品详情页是提高转化率的入口，它能激发顾客的消费欲望，树立信任感，打消顾客的消费疑虑，促使顾客下单，同时可以传达企业品牌信息，完成从流量到有效流量再到忠实流量的一个转化。

二、我们可以把详情页的必要部分分作五大类别

1. 商品展示类： 色彩、细节、优点、卖点、包装、搭配效果。
2. 吸引购买类： 卖点打动、情感打动、买家评价、热销盛况。
3. 促销说明类： 热销产品、搭配产品、促销产品、优惠方式。
4. 实力展示类： 品牌、荣誉、资质、销量、生产、仓储。
5. 交易说明类： 购买、付款收货验货退换货保修。

依靠这五大类我可以很好的把商品详情页的所有东西都展现出来，来塑造商品独特的属性，达到一个商品转化的效果。

那么我们知道了商品详情页的必要部分之后我们来详细讲解一下商品的表述要从哪几方面来看

三、详情页的表述要遵从以下五感

1. 真实感： 真实再现产品原貌，不同角度。
2. 逻辑感： 根据买家需求部署和展开买点的陈列，达到层层打动，达成购买。
3. 亲切感： 针对目标消费者的特性进行文案、图像的风格设定，亲切、贴近。
4. 对话感： 网店的销售过程中产品介绍是靠文字图片的描述完成的,作为虚拟的营业员描述要有对话感，用对话的逻辑展开。
5. 氛围感： 产品中的销售氛围营造和实体店一样重要，形成很多人购买的气氛，让买家因从众心理而决定购买。

总结： 设计产品详情页之前要充分进行市场调查，同行业调查，规避同款。同时也要做好消费者调查，分析消费者人群，分析消费者的消费能力，消费的喜好，以及顾客购买所在意的问题等。

那么大家都知道商品的详情页是给消费者们更好的看到商品的样子，商家会在此页面里面进行商品的介绍，消费者通过查看详情页了解商品的内容，然后决定是否购买，那么商品详情页包括哪些信息？

四、商品详情页包括哪些信息

1. 首屏海报

首屏海报可以设置店铺营销图片，把店铺主推款放到这里。因为在最前面，所以当买家点击进入的时候就能让人第一眼就看到。不管是人还是什么，第一印象都特别的重要。所以首屏海报一点要有自己鲜明的亮点。

2. 场景图

场景图就是模特带上背景，像这张图就是场景图了，场景图可以融入环境，代入感特别强。只有当客户产生了代入感，才会有强烈的购物欲望。

3. 卖点图

卖点图就是产品优势，选择做一款产品首先就要了解产品的优势，然后在卖点图上面，把优势体现出来。因为不直观的通过这种方式表达出来，买家也了解不到产品的优势在哪里，也就更不会购买了。

4. 产品规格尺码表

产品规格尺码表也是非常的重要的。毕竟现在买家购物多半是静默下单，喜欢自己买自己的。他是不跟您多说话的，他就看您的详情，看的好他就买了，放上规格尺码表，就方便买家自己查看。

五、商品详情页需要注意哪些问题

如果是服饰类目的商品的话，那么这类商品所对应的详情页图片最好是能够从各个方面展示优势，但其相应的数量也是尽量不要超过20张。毕竟过多的图片反而会加大消费者的审美疲劳，不利于店铺的转化提升。

然后就是详情页制作前后，如何制作是需要商家重点去考虑清楚的。必须要去对商品的各个方面做好充分的调查工作，其目的也就是为了更好的避开同款、分析客户习惯、喜好、把握痛点等。准备工作就是对消费者做了一个系统分析，需要对商品进行分析，分析出商品的优缺点和与众不同的卖点。

因此商家在制作详情页的时候不要忽略一些小的细节，因为有时候消费者对商品不了解可以在详情页中找到答案，所以详情页最好是介绍得详细一些，最好是配上几张图片，这样会更好。

六、顾客对详情页内容都有些什么要求

他们关注详情页的哪些内容？他们的购物心理过程是怎样的？我举个例子以服装、数码为例：

1）第一眼印象，这件宝贝（风格、样式等）是否喜欢？

关注点：整体展示（摆拍、模特展示）。

2）细看，这件宝贝的质量好不好？（功能全不全）？

关注点：细节展示、功能展示、品牌展示。

3）这件宝贝是否适合我？

关注点：功能展示、尺码规格。

4）宝贝的实际情况是否与卖家介绍得相符（是否正品？有无色差？尺码是否偏差）？

关注点：宝贝品牌、宝贝销量、买家评论。

5）想买宝贝了宝贝价格有没优惠？

关注点：活动促销信息（打折、满减、组合价、会员价）、优惠信息（是否包邮、有无优惠券）。

快节奏的生活中，用户没有耐心去看大篇幅的图片和文字，因此好的页面的文案话语，是短小精悍、言简意赅，让用户很快就能了解到他所想了解的产品情况。

七、一款产品详情页设计思路

1. 详情页的四大设计板块

• 商品板块： 包含商品属性如商品图、购买说明规格选择、价格优惠等。
• 评价板块： 传达给用户更多的关于商品的信息，如已用过商品的用户评价、如何使用、售后服务等等感性介绍，从而解答用户心理的疑问和顾虑。
• 图文详情板块： 长度适宜,将用户需求的关键点和商品的卖点分出重要级之后，让图文详情板块的前半部分页面信息突出。
• 推荐板块： 推荐用户相关同类产品或者与此页产品相搭配的其他产品，给用户更多选择机会。

2. 详情页五大基础功能模块

设计客服、收藏、分享、店铺和立即办理。注重人机互动，让这些工具便捷地出现在用户视野中，让其随时随地能基于场景进行高频的互动操作，获得用户更有效转化。从用户与商品的互动操作主题场景来分析，可对互动场景的价值性进行优先顺序的排列。

• 立即购买： 用户将可以直接进入购买确认页面。
• 收藏： 用户可将产品收藏在个人中心里，在未来的某个场景下，将有可能进行购买。
• 客服： 用户在选择和购买过程中，任何疑问均可以通过人工介入解答。
• 店铺： 用户可以直接进入店铺了解和选择更多的产品。
• 分享： 作为对产品有了最直接认知的这一类用户，其主动分享的价值性要远远高于通过市场营销手段去刻意实现的分享过程。

3. 板块设计风格要求

整个版面做到主题鲜明、简洁、明确，以优美画面向用户介绍产品卖点，进而吸引有需求用户的眼球。页面风格简洁明快，力求达到表格简单，色彩搭配协调，文字处理人性化，有亲切感等。

• 头图： 页面最终目的是销售产品，如果过分强调画面的美感，增加图片视觉的占比，强调网站设计的艺术性，反而不会收到好的效果。页面应鲜明且不喧宾夺主，让浏览的者能产生深刻的印象。
• 标题： 清晰合理表述产品的内容，突出产品的核心价值。标题语意通顺，无乱码杂质。
• 销量： 销量一定程度上标明了产品的受欢迎度，销量可选择月销量、季度销量或年度销量，通过销量让用户知道产品的爆款程度。
• 促销： 以价格优惠、捆绑优惠进一步推动用户购买欲望，满足“节省”或“买到则赚到”心理，提供活动促销、券码优惠等信息。
• 评价： 提炼好评关键字置顶展示，将客观好评内容排序到评价前面或积极互动内容有意展示，通过用户评价内容介绍产品更有说服力，更能体现产品满足用户真实需求。
• 图文： 图片和相配的文案话语。图片给人的印象深刻，相比文字具有更强的感性认知。但如果只关注图片，忽视与图片相配的文案，则不能达到预期目的。因为产品的属性、卖点，以及迎合用户的情感诉求都需要文案来进行说明与阐述。

八、巧用FABE法则

FABE法则是一种非常实用的营销法则，通过对FABE的灵活运用，我们可以用它来指导详情页的设计工作，以便取得良好的营销效果。

FABE是一种非常具体、具有高度、可操作性很强的利益推销法。利用FABE法则指导详情页设计，可以构筑起一个大的框架，提供一个通顺合理的设计逻辑，从而使详情页的观赏性更高。巧用的利用它能让你的商品转化率更高。

• Features（特征） ，产品的基本特征。如:产品名称、产地、材料工艺等。
• Advantages（优点） ，产品的独特之处。如:更大、更厚、更高档等。
• Benefits（利益） ，能给消费者带来什么好处。如:舒适、省电等。
• Evidence（证据） ，包括技术报告、顾客来信、报刊文章、照片、示范等。

九、好的详情页设计都具备哪些特点

1. 简单明了

说白了，详情页的作用是告诉顾客，为什么买这个产品，买了之后效果如何，不管是任何的文案、图片其实都是为了这两个目的而存在。如果你把详情页，搞得太复杂，没有任何顺序、逻辑，只是一堆图片的堆积，这样的详情页转化自然不会高。

2. 卖点清晰

很多人会有错误的认识，认识图片只要够漂亮就行。人们对美的事物都有一种欣赏，但是如果这种美只能让客户欣赏而不能打动客户购买，那么你的图片也是失败的。详情页的图片，注重漂亮更要把产品卖点诠释好。客户不会因为漂亮的图片而买单，只因卖点而买单。

3. 宣传海报

详情页中添加活动的海报，有利于客户在进入到我们的详情页中，就可以很直观的了解到近期的活动内容。

4. 关联营销

关联营销一般布局在海报的下方，设置关联营销是为了给客户更多的产品选择，不过关联销售的产品一定要和我们详情页的这款产品本身具有关联性。

5. 产品创意海报

这个部分主要是抓住顾客眼球，让我们的产品以更精致的海报形式，展示在顾客眼前。通常这部分海报图为产品全图，也就是说产品的形态以及产品的亮点可在这部分内容中展示出来。

6. 产品属性

产品功能、规格、重量、成分、材质，等产品信息。产品属性一般会以文字和表格的形式展示，一般卖家会把产品信息提前放入到产品的创业海报下。

7. 对比图

有新老款产品对比的，也有和竞争对手对比的。目的在于进一步突出产品与其他产品的不同优势。对比图可以不需要实拍，可以直接从网络中搜索一些相关素材进行制作，已达到对比的作用。

8. 购物须知

这一部分内容主要展示物流内容，以及产品退换货流程等。主要是让客户提前了解到购物时候可能产生的问题以及解决方法，避免因为物流慢产生大量差评。

总结：所以说一个好的商品详情页能够提高用户购买商品转化率，树立顾客信任感，打消顾客的消费疑虑，促使顾客下单，同时可以传达品牌信息，塑造店铺形象。

我们要确定产品的主要卖点，给产品确立一个明确的定位，告诉客户为什么要买你的产品，满足用户的需求。

 

本文由@0.2* 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。