细节决定成败：电商详情页全攻略

电子商务产品细节页面作为电子商务信息的主要承载页面，也是电子商务业务转型的主要战场。因此，商业详细页面的设计和规划是电子商务产品设计的核心，承担着转化率，甚至是产品设计的KPI。

电子商务作为传统商品交易在互联网领域的表现，其商业模式、营销理念和消费者心理研究与传统商品销售行业有关。然而，电子商务的真正颠覆性价值在于改变了商业市场信息的不平等。通过大量全面的商品信息流通，改变了人们的消费习惯，重新定义了商品交易市场的游戏规则。因此，电子商务的核心是信息，信息更全面、更专业、更值得信赖。

一般来说，由于阿里产品长期引导用户的使用习惯，商业详细页面的设计趋于成熟稳定，模块划分相对一致。主要分为：商品图片、商品内容介绍、商品价格信息。

基于这些内容模块的产品详细页面设计要点分为：消费者体验设计、用户体验设计。

想要制作一个电商详情页也很简单，需要好好利用相关工具中的设计资源。

消费体验设计：

一、信任感

商品评价

商品评价作为一个完全没有商业包装的商品描述模块，是用户信任的主要来源。因此，用户评价模块可以放置在产品详细信息页面的前面，进行多条评论，并将好评放在顶部。统计和显示评论模块的关键指标也是一个很好的消费体验。

此外，许多电子商务平台现在试图通过分享评论和大拇指来创建一种社区感，以促进用户的互动，并通过积分刺激用户分享图片。这种互动给了用户一种归属感，对商业性的警惕性较小，更容易被引导进入商品的特征描述。

试用报告或使用前后对比

官方证明的用户使用报告是商品质量的良好证明，对家电、护肤品等以质量为核心的商品具有很强的用户说服力。

使用前后比较，对于视觉消费商品，简单、粗糙、有效，如服装、家居用品等。视觉消费商品大多是冲动消费，使用前后比较可以发挥强烈的视觉刺激作用，从而促进订单转换。

平台承诺

平台承诺包括货源承诺、售后承诺、质检报告等。表现形式多种多样，如聚美优品生产的商品“中国财产保险承保”，以及保税区发货和海外发货的说明；网易考拉海通过官方视频解释了商品的正品来源，形式多样。一般来说，这些信息可以简单地通过突出显示关键词来显示，因为太丰富的内容很容易占主导地位。在起到强烈的心理暗示作用的同时，减轻了占据详细商业页面的负担和用户的阅读负担。

推荐使用 KOL

这个功能模块在美容化妆品和 3C 产品中更为常见。由于这些具有高专业属性的产品（解释下，化妆确实是一门知识渊博的学科），普通用户，尤其是小白人用户，更愿意遵循意见领袖的专业推荐。

二、场景感

通过大量的场景描述，创造一种替代感，购物作为一种娱乐休闲活动，创造一种舒适愉快的场景感，可以创造一种良好的消费体验。

沉浸式体验

通过大量商品图片的使用场景，为女性消费者创造良好的身临其境的体验尤为重要，如服装、美容化妆品等商品的展示。在消费升级的时代，小资产阶级、设计、利基和风格的商品更容易受到青睐。除了商品本身的属性外，这些都可以通过咖啡馆、书吧、接近大自然等大量的场景图片来创造这种身临其境的体验。

此外，上述用户评价模块良好的社区氛围也是创造身临其境体验的一部分。小红皮书是身临其境体验的好地方，其社区氛围和用户UGC值得参考。

商品多用性易用性展示

对于实用商品，可以通过多个使用场景显示多个功能点，以提高商品的使用价值。对于具有操作门槛的商品，可以通过 GIF 动图和视频显示完整的操作过程，帮助用户通过关键词简单快速地掌握使用步骤。

用户动态滚动条

这可以参考团购的设计，通过展示其他用户的购买状态滚动条，为消费者创造一种“热风格”的感觉，即利用消费者心理中的“从众心理”，特别是吸引许多徘徊在订单边缘的用户。

三、比较购买

这利用消费者心理中的“损失效应”，通过显示不定期的价格折扣、降价提醒、套餐折扣等信息，告诉用户，如果你现在不买或不买套餐，你可能会错过一年的折扣，没有这个低价的折扣。对于用户来说，如果此时不购买，那就是损失。在这种心理驱动下，订单转换悄然完成。

四、社会元素

作者一直认为，电子商务植入社会元素是一种非常有前途的做法。参考购物，尤其是女性，几乎都是一起去的。因为购物是一件娱乐休闲的事情，需要大量的交流，在购物选择中，“从众心理”也会导致消费者强烈的沟通欲望。

然而，目前，在电子商务设计中，社会功能的设计功能并不热。主要原因应该是购物时间和购物需求的不同步，通过团体购买、订单折扣等分享邀请朋友，加强聊天弹出窗口的设计来改进。

目前，社交网络入口主要通过共享功能实现，主要通过外部链接到微信等平台。因此，应加强对页面开放的技术支持。目前，外部链接开放缓慢，会导致不良的用户体验。

用户体验设计：

一、导航跟踪

由于详细页面的长度，导航跟随“返回按钮”的设计至关重要。当用户想要返回关注商品的关键信息时，返回按钮的设计非常重要。

二、交互方便

充分考虑移动终端（或电脑终端）的用户操作习惯、手指操作特点、网络环境、屏幕尺寸等，减少页面误导性操作和错误操作。

三、页面美观

尽量统一页面图片风格，创造良好的视觉体验。这是指网易严格选择的设计风格，给人一种清新简约的愉悦感，从而提升自然商品的假装能力。

四、突出重点

在交互设计中，如商品属性关键词可以突出显示，用户操作中的按钮设计也应区分，指导操作可以放大按钮，突出颜色等。

商业详细页面的禁忌:

1.页面承载的信息太乱

这里说的不是内容太长（沉浸式体验，或提倡使用大量高质量风格的统一图片来创造替代感），而是信息混乱，为了突出多个功能点，导致页面对比强烈，导致用户视觉体验混乱。并不是所有上述设计要点都适合一种商品。根据商品的性质和定位，选择相应的核心设计功能点进行显示，不需要考虑所有的设计要点。

2、相关商品和推荐太多

详细页面的相关产品推荐位置太高，给人一种喧宾夺主的感觉。并形成强烈的商业感，这对订单转换非常不利。通过页面末尾高度相关、准确的“组合购买”和“猜你喜欢”来平衡其他产品的分流和用户体验。一般来说，详细的电商页面应该主要展示商品属性，组合购买不应该太多，最好有价格折扣。

3、文案不宜过多

文字是最弱的，尤其是在信息密集的电子商务中。夸张不务实的文案文字是雷区，消费者的智商不容侮辱，毫无根据的文字描述毫无价值。商品的属性和特征是用关键词捕获的，商品的显示是通过图片甚至视频完成的。

4、简化“购买”“加入购物车”操作

根据曾经做过的“可行性”测试，用户在订单链接中，由于没有选择商品的包类别，购买按钮一直是灰色的。“购买”和“加入购物车”作为订单业务转型的终点，操作应充分考虑用户体验，减少业务价值的无关指导，用户功能操作功能设计应较浅。

总结：

上述设计要点和设计禁忌，是电子商务详细信息页面的整体总结。根据商品属性和用户群体的特点，选择核心设计要点进行设计，商业详细信息页面不能包含所有要点，导致内容冗余复杂。沉浸式体验设计适合消费者和视觉消费；快速高效的设计适合以购物为任务的消费者和高度专业的商品。