在电商产品中，商品永远是核心内容。商品的表现形式可能会决定用户的后续行为，最终影响商品的转化。最近对各平台“猜你喜欢”频道的商品展示模式做了深入分析，总结了设计要点，现在分享给大家。

文章的主要内容如下:

1.电子商务产品展示场景分析2。体验设计目标。

3.展示形式分析

第一，“人和货物”的概念

电子商务改变了传统零售业“人、市场、商品”的关系，不再是“人找商品”的单向模式。通过大数据分析，商家对用户的认知无限接近用户内心需求，可以精准实现“以货找人”，为商家提供更多的销售机会。商家可以根据用户(人)的需求推送商品(货)，为用户创造消费场景(场)。

无论是“人找货”还是“货找人”，用户都需要浏览商品展示页面，查看商品详情，才能做出购买决定。因此，需要通过设计不断完善商品展示形式，吸引用户点击，从而提升平台的商品转化。

二、“货找人”场景

电商平台基于用户特征和过往购物行为为用户推荐商品，也就是“以货找人”模式，比如我们常见的“猜你喜欢”“推荐”等渠道。内容通常包括用户浏览过、购买过或购买过的产品，以及促销活动、店铺、商品等。穿插曝光，主要有两个目的:

1)占用用户时间，形成心智认知，培养用户浏览习惯。

通过符合用户喜好的商品，吸引用户沉浸其中，营造“购物”的感觉，激起用户的购物欲望，唤醒用户潜在的购物需求，增加商家的销量。

2)促进用户转化

通过关键的价值激励点，如满减信息、商品卖点等信息，提升用户购买动力，实现用户转化。

三、体验设计的维度

在商品展示页面的设计中，需要考虑两个方面来提高效率和价值点传递。

1.提高效率。

1)内容显示效率

为了增加用户与商品的接触，需要考虑在一个屏幕内有效显示商品的数量。通过尽可能多的产品曝光，不断激发用户兴趣点，唤醒用户需求，吸引用户持续浏览。

此外，还会在页面中嵌入运营活动、店铺推广等内容，提高相关页面的流量。比如淘宝、JD.COM瀑布流秀场都加入了场馆活动广告进行引流。

品多多“推荐”频道中，通过列表形式增加商品的曝光和引流，同时可以改变展示页面的视觉表现形式，避免用户因页面过于单调而产生视觉疲劳，导致不耐烦过早退出。

2)信息传递效率

展览包含各种信息，图片是最重要的，图片的信息传递效率高于文字信息。因此，无论是大图模式还是列表模式，都是通过图片吸引用户，实现商品的快速筛选，提高用户的识别效率。

此外，为了提高信息传递的效率，直播、视频、活动图片等也逐渐被应用。与静态图片相比，视频和动态图片可以在有限的展厅空中承载更多的信息，用户不用去详情页就可以获得更多的产品细节，从而提高购买决策的效率。

另一方面，视频和直播信息更丰富，更容易吸引用户点击，从而分流更多产品。

3)用户操作效率

因为“猜你喜欢”的产品差异较大，当用户点击一个产品时，需要提供更多的同类产品或类似产品来促进用户转化，才能抓住用户的购买动机。

比如用户点击部分商品后，淘宝和天猫会在商品卡片下添加同类商品的二次推荐，方便用户快速浏览同类商品，提高用户转化率。

2.价值点传导

价值主要包括商品卖点、价格折扣或服务优势。在商品展示中，价值点的形式主要分为图形组合和标签展示两大类。

1)图文结合

为了在有限空的房间里传达更多的商品信息，有些商品图片会加入文字信息，简单直白地说明商品价值点。图形方式可以将用户的注意力集中在图片上，获取商品的关键信息。

而图片的尺寸越小，会导致图片中的信息元素越多，削弱了产品本身的内容细节，对用户的浏览有一定的影响。所以对画面的显示效果要求更高。

2)标签显示

商品标签是一种非常好的传递价值点的方式。一方面可以通过边框线、背景色、文字颜色等形式快速与其他信息区分开来。另一方面，短标签可以保证用户的阅读效率。

不同电商平台的标签化内容差异明显。比如天猫注重商品品牌、品质、服务，所以发货速度、物流效率、运费险等内容就成了首选标签。拼多多为了改变平台在用户中的形象，主打正品保险、快速退款、退包运费等标签。在商品展示上，这可以更好的打消用户下单的顾虑。

第四，商品展示的形式

1.呈现方式

商品展示主要分为两种方式:大图模式(上下)和列表模式(左右)。

大比例模式主要用于允许用户通过更大比例的图片查看产品详情。通常是两栏布局，一般采用卡片设计。

受限于卡片宽度，文字内容较少，可能导致用户无法明确确定产品信息。这就要求图片尽可能的传达产品的详细信息，比如产品规格、数量、品牌等等。

模式下，图片空比例下降，视觉空房间更轻松。一般使用两行商品名称有助于增加更多的文字信息，呈现商品的卖点，但用户需要阅读的信息量也会增加。

2.展示策略

在不同的用户场景，不同的商品品类，每个平台的展示策略都不一样。比如品多多的“推荐”频道并没有采用其他平台首页“猜你喜欢”的一般大图模式，而是采用列表模式，而品多多首页的其他频道则采用两栏宫格大图模式。

3.页面布局

对于不同的渠道内容，商品也是大图模式，有的商品采用瀑布流模式，有的则采用两栏网格模式。

在“猜你喜欢”频道中，淘宝、天猫、JD.COM都采用了瀑布，在内容展示上更加灵活，可以更好地容纳各类内容信息。例如，淘宝增加了商店推广来猜测你喜欢什么，而JD.COM嵌入了满意度调查。

在某个场景下，瀑布流的内容显示更多，显示效率更高。但由于布局分散，视觉动线不断跳跃，会导致一定的浏览困难。

写在最后

以上是“货找人”场景中商品展示的总结。可见不同平台之间还是有一些差异的。造成差异的主要原因是平台的定位和内容引导。因此，设计的基本原则是“形式服从功能”。

当然，商品展示不仅限于“猜你喜欢”频道，搜索结果也是非常重要的展示场景。后续，笔者将对淘宝、天猫、JD.COM、拼多多在不同场景下的商品展示形式进行系统的分析、整理和分享。

敬请期待~

目标

文章来自社区签约作者:子牧先生，微信官方账号:子牧设计写作