电商宝贝设计，商品详情页

产品详细页面是电商产品订单转化的核心页面，也是构建整个产品信息结构闭环的关键节点，它对全站业务分流引导、订单达成、提升订单转化等都有重要意义。

商品详细信息页面的含义。

1.1顺序转换。

无论是为了促活、引流，还是为了吸引流量，电商所有的第一、第二级信息和营销活动都难以向用户展示更多的商品信息，加之用户普遍存在对电商产品质量等信任问题，只有把流量引入能够帮助用户做出购买决定的地方，才能有效地促成订购，促进转化。

因此，商品详情页的应用场景之一就是向用户展示a.商品的具体信息，帮助用户快速了解商品的详细信息b.提供售后保障、真品信息等服务，消除用户购买顾虑c.目前正在进行的优惠促销活动，激发用户的购买欲望d.以前购买者对商品的评价信息，增加用户对商品的信任。通过通过引导用户逐步认识、理解商品—信任商品—购买刺激，达到让用户收藏、加入购物车或者直接购买的目的。

1.2交通分配。

若用户在了解了商品的详细信息之后，仍然认为商品不合格，很容易引起跳楼。若商品详细信息能根据用户以前的购买习惯、喜好、浏览历史综合分析，最终为用户精准推荐同类商品，则可将用户引向其他商品页面，重复上述场景，既可有效分流降低跳出率，又可构建产品闭环，提升订购转化。

根据上述商品详情的意义分析，可以列出以下商品详情页的信息结构：

商品详情页的设计。

根据统计，有60%的用户不会阅读文字信息，而商品详情页需要说明商品是什么，为什么要购买等需要传递给用户的信息，文字信息占了一半。所以商品详情页的页面设计要求信息层次清楚、可读性强且层次分明；在用户进入商品详情页后，第一屏中显示的信息能够让用户了解：目前商品的基本信息(什么商品)，有哪些优惠和促销(激发用户的购买冲动)，参考如下：

上述信息可以让用户了解商品和当前购买优惠，用户在了解商品的基础上下订单还需要了解更多的信息，如商品的规格尺寸、颜色、退换货规则等；其他买家对商品的评价如何，在用户了解商品基础信息后，继续浏览时，即会显示该部分内容，即在第一屏显示之后，可参考如下：

后即是商品详细内容及依据今准推荐商品资料进行数据分析。详细页面的信息层次基本上是这样的。交互式设计使用户可以尽可能快速地查看想要了解的信息内容，如下降时顶部显示tab切换栏，切换时锚定位到相应位置。TAB切换通道通常是商品详情页的主要信息内容：商品，评估，详情，推荐。

商品详情页所呈现的信息根据产品的定位也有很大的不同，比如盒马生鲜强调商品新鲜，解决一顿饭问题的产品需要让用户清楚地知道商品到达的时间范围，所以详情页的内容也会与一般电商的详情页不同。

第三，商品详细信息页面规则。

产品详细页面的信息层次如上，但具体显示的内容，需要在进入产品详细页面时进行判断，例如：当前商品是否有特殊标签(团购、秒杀等)，可以参加哪些促销活动，优惠券的种类，售后是否可以退货，销售时间和区域是否有限制等等。常见内容介绍规则如下(可以根据产品特性调整所有规则)：

3.1初级商品图资料：

商品主图信息包括：短视频、图片、全景图片等，当商品中的同事有不同类型的主图信息时，应确定优先次序。

在主图信息分页按钮上滑动，即翻页，翻到最后一页时，进入商品详情页。

商品标签：根据促销活动打出的标签，当用户了解商品的基本信息时，增加用户的注意力。例如：限时秒杀，团购，折扣(数值)等等。

3.2货物价格。

(a)价格类型：比较重要的信息，突出文字；辅助价格信息，例如划线价格，作为参考，增加价格对用户的刺激，例如：现行销售价、划线价格、跨界综合税(跨界商品)

(b)价格标签：根据产品和商品的特点，可以适当显示价格标签，例如会员专享价等；通常，价格标签显示商品价格有差异(最终售价、划线价格)，如果没有价格差异，则不显示价格标签。

3.3商品库存信息：库存紧张，只剩下X件等内容展示；库存范围与展示内容相一致，用户需要尽快下订单的信息。

3.促销活动，优惠券。

(a)系统中的商品符合该时间的促销活动和优惠券在相应的区域显示出来；没有促销、优惠，则隐藏该区域。

(b)只有一个登录用户可申请(登录)，未登记的用户将被引导登记

优惠券显示优先规则：只显示部分优惠券，通过Toast弹窗显示全部优惠券；根据综合规则排序，如优惠额度大小、生效时间等。

促销活动排序，按设置促销活动时的权重值显示。

点击促销信息，跳转到与促销活动匹配的商品集合页。

3.售后服务标识

例如：“正品保障”、“平台客服”、“无理由退换货”等标签按商品属性展示；“跨境”等部分商品则不提供无理由退换货服务等。

3.6店铺入口露出：如果商品属于有店铺的商家商品，对应店铺入口露出；点击跳转到店铺首页。

3.7商品评估资料：

a评估资料：评估总数、评估类别、每类其他评估数。

(b)默认显示的评价信息数目，评价总数大于默认数目；显示查看[其他入口]，单击查看[其他入口]，进入评价页面。

(c)有图片的评价信息：其中文字信息(2-3行)显示的最多的行数是图片默认显示的行数，单击将显示完整的评价信息(图片、分页表现、评价细节等等)

3.底部标签栏：

底标栏，即主要操作入口，如：客户服务，收藏，购物车，加入购物车，立即购买，货到通知等。

显示什么样的标签栏，取决于商品。

3.推荐商品。

可以向用户推荐同一类商品(目前的商品类别、用户浏览的品牌、用户喜好等数据分析)，并提供相似商品和配套商品。

4.其他。

虽然不同平台、不同商品的信息显示存在差异，但无论展示的内容是什么，都是基于商品即商品的相关属性；因此，商品详情页的内容，在进入到商品详情页后，即判断显示的信息，再按照页面的设计，在不同的区域显示信息内容。

最终，商品详情页是转换和分流的重要页面，它不只是显示基本信息，更重要的是商品详情页营销策略，分流推荐。优良商品详细页面，能让明确购买目的的用户，迅速决定是下订单购买，还是先收藏；让不明确购买目的的用户能继续逛街。正在。