电子商务网站商品列表页设计分析_电商网站首页设计

当前文章目录：

• 1、如何快速设计产品列表页
• 2、旅游电子商务的网页有什么样的设计风格。
• 3、电商APP首页设计，终于有人讲明白了！
• 4、剖析列表页面条目设计【翻译】
• 5、如何分析购物网站的页面布局
• 6、电商商品库的产品设计

如何快速设计产品列表页

1.展示基本信息

正因为商品列表页相较于其他页面会显得有些拥挤，因此更应该抱着在限制的区域范围内展现最有用的信息的心态来设计网页。正在浏览商品列表页的用户也许对商品的细节描述并不是很在意，此时的浏览模式更偏于走马观花，因此，简单扼要的图片、商品名称，以及价格说明就已经能够满足用户在该页中的需求了。

2.鼠标悬停时产生交互效果

很多网站都会忽略鼠标悬停时应该产生的交互效果，其中也不乏一些知名电商。虽然只是一个很小的效果，但它存在的意义却远不仅如此，甚至承载了一份网站与用户之间的互动和反馈。

3.出现适量的附加信息

刚才提到了商品列表页应该尽量做到简单简洁，但在此基础上适量的增加一些对用户挑选商品有帮助的附加信息可以起到锦上添花的作用。

4.始终带给用户指引

可能很多电商网站都认为，当用户在商品列表页面停留就意味着即将找到自己需要的商品。而现实却告诉我们，用户很可能在不断翻页的过程中会不知不觉的改变了之前的目标商品，因此，网站应该始终为用户提供指引，带给他们明确的方向感。

5.设置相关推荐，促成更多消费

用一种商品推动另一种商品的销售，这是电子商务网站中的惯用营销手法，但这样的方式如果运用的太过生硬用户一定不领情，网站应该试着用柔和的方式传达相同的意思。

6.扫清页面死角　

页面中的每一个区域都有它的价值和意义，可能只是用户视觉的感知程度不同而已，只要做好布局，页面死角可以变得不存在。

商品列表页的死角多见于页面侧边和底部，而京东将这两片区域使用为其他产品的推广途径，比如销量排行和商品精选等。

7.用特色商品激发购物欲　

如果你觉得特色主推性质的商品只能放在网站首页你就错了，首页首屏的确是整个网站最佳的宣传黄金位置，但所得到的效果却不一定是最理想的，根据商品的类型安排布局才能达到事半功倍的效果。

8.吸引人的商品活动尽量置后

中国有句谚语，“好戏总在后头”，这句话也同样适用于电商商品列表页的设计中。把相对吸引人或是目的性强的商品活动放在偏后一点的位置，有利于整个网站的运营。

9.减少操作步骤

在商品列表页中，力所能及的步骤减少只有从商品加入购物车开始着手。但在此之前的大前提是商品信息展现的足够全面和完整，要在小区域内表达出所有内容也的确是一件比较困难的事。

10.从众效应

从众心理是网上购物人群的普遍状态，因此，买过该商品的顾客对此做出的评价对于用户来说很有说服力，商家可以利用这一点在网页的设计上做出一些小改变。

旅游电子商务的网页有什么样的设计风格。

网站可切换城市站点，有导航搜索栏。

具体细节：1、网站可切换城市站点，搜索不同旅游目的地产品。

2、除主导航，还需要设计二级导航、自定义主导航，多维度展示产品，为游客主动推荐。

3、网站必备搜索栏功能、引导按钮，为游客主动检索产品提供便利。

4、首页各产品栏目的展示，尽量与底部横幅广告、侧边广告图相搭配。

5、列表页、详情页设计注意引导分流，加深游客的访问层次、停留时间。

电商APP首页设计，终于有人讲明白了！

移动端产品设计的难点在于在很小的屏幕上展示所有的业务。屏幕限制和移动端的客户碎片化阅读的习惯和高流失率。对于业务复杂的App产品设计难度更高。电商产品就是典型的复杂业务产品之一，是要展示内容最多、最难做的一类App。

电商APP首页设计结构

电子商务网站的首页是网站的形象页面，一个网站能否吸引浏览者留在该站中漫游，全凭首页设计效果的好坏。所以，首页设计对于任何网站都是至关重要的。

首页从根本上说，就是全站内容的目录，也是一个索引。一般的电商app都有页头、页中和页尾这3 个设计区：

l 页头： 包括网站名称、搜索组件、焦点广告、导航等版块。

页头首先要体现网站主题。用企业名称、标语、徽号或图像概括地反映企业形象、经营理念和服务定位。搜索、导航提供了对关键页面的浏览链接，通过图标和文字表明产品其他页面载有的主要信息；用户能够在最短时间、最便捷的操作迅速地到达他们所需信息的其他页面中。

l 页中： 包括公告、最新活动、个性化产品推荐、友情链接等版块。

在首页上公告信息，到达率非常高。同时，产品中在进行的各种活动信息，也是吸引用户停留并购买的重要手段。随着互联网产品设逐步创新，数字化，原来千人一面的首页分类产品列表由简单罗列，变成了根据用户喜好和行为习惯进行个性化的商品推荐，产品变得更了解用户也更能触发用户购买行业发生了。

l 页尾： 包括版权、联络方式、计数器等版块。

版权的常见做法是在首页底部标示简短的声明，再用链接附带一个有详细使用条款的说明页面，既避免首页的杂乱又把重要内容说清楚了。页面底部的联系方式，方便用户与产品相关人员取得联系，让产品所属企业获得用户反馈。

页尾的内容在web端界面设计中是不可缺少的区域，但在移动端首页基本都被移到了”设置”中进行展示，这是由于移动端界面空间实在太少，而且移动端多以手式向上不断滑动查看新内容，造成页尾信息如果放在页面尾端查看十分不方便。

首页设计组件介绍

一、搜索栏

大多数用户发生购买行为有明确的目的性。我知道我想要买什么，所以我需要快速的搜到商品。因此App把最显眼的位置留给搜索栏。

一个完整的搜索组件设计应该由三个阶段组成：

1.找到搜索框

2.录入关键词

3.搜索结果展示

搜索框的设计需要注意：

电商App的搜索框通常放在界面的最上面，明显、惹眼，用户可以直接进入信息录入阶段。

电商App的首页搜索框，即使用户需要查找的内容属于不同类别，在设计上也最好给用户最简单的全站内容搜索组件。

搜索框的设计风格应该和整体产品风格保持一致

信息录入的设计需要注意：

提供多种信息录入方式，最常见的文字录入当然还是主流，除此之外最好可以提供语音、图片录入搜索等方式。

除了多样录入方式，还应配套提供信息录入提醒设计，如：用户历史搜索记录、搜索关键词热榜、录入关键词时联想响应

搜索结果的设计需要注意：

搜索结果设计重点在于展示不同类型和级别的内容。例如在淘宝搜索账单，结果包括账单相关信息，店铺和资讯等，不同独立应用加图标展示。不同内容类别以tab切换的形式展示。

搜索结果过多，可以加检索组件帮助用户在搜索结果中进行二次查找，减少花时间翻页或滑动查询。另外搜索结果为零的时的空页面，给用户设计合适的说明界面。

二、导航

电商App中，必不可少的两个导航：

l产品主导航

l商品分类导航

产品主导航

电商App中的主导航设计为用户提供了跳转相对独立的信息内容的路径。例如：

淘宝的主导航项：淘首页、逛逛、消息、购物车、我的淘宝

京东的主导航项：首页、分类、发现、购物车、我的

发现、消息、购物车、我的这些内容之间没有很强的关联，但又是用户在电商平台购物过程中必不可少要查看的信息。

京东、淘宝主导航

同时，从“商品买卖”的业务角度来看，有几个重要的业务信息，无论做任何电商产品，都应该让用户可以快速、方便的查找到是毋庸置疑的。它们是：

1.用户的购物车---购物车模块

2.用户在产品的中的个人信息---我的模块

3.用户买卖过程中的交流信息---消息模块

这些重要的业务信息，多数都放在了电商App的主导航中，即使没有放在主导航，也一定能够在首页的副导航中看到。

商品分类导航

不同类型的电商平台，商品分类导航有一些区别。

如下图中淘宝、京东平台，这两个平台是成熟的综合电商平台，在平台中不但有各类第三方商品销售，而且平台也有自营的品牌和独立应用在平台内销售，如淘宝的天猫商城、饿了么、天猫超市；京东的京东超市、就东到家等。

因此，商品分类导航中的商品分类覆盖十分广泛，尤其商品分类导航的C位往往加入了平台自营的品牌和应用。

垂直类的电商App，商品分类导航中的内容覆盖面窄很多，以商品类型分类引导用户查找商品的特点更明显示。

例如下图中唯品会的商品分类导航，因为唯品会的产品定位在折扣女士用品，所以导航中的分类都集中在服装、鞋帽、箱包等商品类别。

另外，在设计上不像主导航设计需要控制导航项数量，商品分类导航中的分类项数量往往大于5个，因此使用双排、可左右滑动的拖拽导航几乎成为最常见的商品分类导航样式。

三、活动

电商产品中的活动类型很多，最常见的有16种：

1. 打折

2. 秒杀

3. 免单

4. 满减

5. 满送

6. 满返

7. 买送/捆绑

8. 搭售

9. 包邮

10. 好评晒图

11. 试用

12. 抽奖

13. 积分/会员

14. 团购

15. 预售

16. 众筹

在电商App首页，见到最多的是前两种活动：打折、秒杀。而且，首页的活动往往都带有极强的时效性表示，例如在规定的时间才可以享受更加优惠的商品价格。

因此，活动在首页上的设计要向用户传达三个要素，即用户最关心的：

什么时间有活动

有什么活动商品

活动的价格有多优惠。

如下图的“京东秒杀”的设计就非常完整的呈现了这3个要素。当然，并不是所有的活动表达都一定要遵循这一规律，淘抢购的设计就打破了3要素传达的规则，隐去了商品促销价格。

京东秒杀与淘抢购

四、商品推荐

个性化的商品推荐现在在电商App设计中己经十分成熟，推存商业最先被用户接触到的地方就是首页。

用户在电商App或有意、或无意浏览的商品，都会被产品记录下来。再由商品推荐模块根据你最近的浏览记录，推荐一些相关的商品、分享或者店铺。由于每个人关注的商品都不一样。所以产品对于每个人呈现的界面内容也都是不一样的。

例如下图，淘宝通过性别判断，如果产品发现你是男性用户，默认推荐“男神范”；如果判断你是女性用户，则默认推荐“爱逛街”。

淘宝内容推荐

不仅仅如此，用来展示电商平台每个细分商品品类推荐商品的区域，也都引入了个性化商品推荐的设计。

在使用全品类商品展示+优惠价格来打动用户进行消费的同时，现在的电商App往往会再融合情感因素、参考用户的特点、喜好展示各品类中最可能吸引用户的商品，促使用户在产品中“逛街、购物”。

例如京东精选中集合了全品类的商品推荐，以用户行为进行时实的个性化推荐。

案例：主流电商App首页分析

一、淘宝

首页内容：

1.搜索，淘宝把搜索二级页面关键词直接展示在一级搜索位置下方，相当于关键词搜索功能层级上升；

2.banner；

3.8个平台型导航，主要是从淘宝诞生，已经可以独立运营的产品；

4.活动广告位，占据banner大小的位置，平台活动快捷入口；

5.淘宝头条，根据分类滚动推荐产品的文章；

6.二级购物功能区，展示各个频道，如天天特卖，每日好店。

7.商品列表，安卓和苹果展示不一样。安卓每个版块半屏往下铺开。苹果是上方做了分类导航，下方列表。

二、京东

首页内容：

1.搜索；

2.8个banner；

3.活动广告位；

4.平台型功能区，有部分是独立的应用如京东生鲜，还有部分是京东的商品类别频道；

5.京东快报；

6.二级购物频道，放了些主推的购物板块；

7.活动板块，铺开了活动的每个类别；

8.频道推荐，把频道纳入到10个标签里，每个频道都有超过5个二级标签。

三、苏宁易购

首页内容：

1.搜索；

2.8个banner；

3.活动广告位；

4.平台型功能区，这一块主要是频道和分类，分类有16个。

5.苏宁头条；

6.二级购物频道；

7.活动板块，展开了活动的每个类别；

8.频道推荐，展示很多二级频道，分的特别细。

四、小米有品

首页内容：

1.搜索；

2.活动板块，动画展示活动的交互很新颖；

3.平台型功能区， 5个功能频道，销售榜单作为一个推荐功能很实用；

4.banner，共5张；

5.活动板块推荐，分了各活动分类的专场；

6.特色频道推荐，含榜单（把榜单部分商品展示出来）、限时购、年货节热卖、小米众筹、有货集市、品味生活，和功能区呼应，以商品展示为主；

7.类别频道推荐，每个展示一屏，以商品展示为主。

五、网易严选（自营平台）

首页内容：

1.搜索和导航；

2.Banner；严选没有功能区，直接开始推荐商品或者频道。

3.推荐标签的商品，焦点位给了个性化推荐，非常重视更精准得来个性化推荐；

4.VIP会员的服务特权，网易重点突出了这一块；

5.二级功能频道，只放了三个频道；

6.猜你喜欢。

六、网易考拉（垂直综合平台）

首页内容：

1.搜索；

2.banner；

3.品类场馆，像商场的楼层一样，逻辑清晰；

4.活动板块；

5.特色频道推荐，标签下面细分了很多相关的功能频道；

6.用户专享；

7.精选活动，以每个板块商品列表来展示；

8.个性化推荐，以三个角度列表展示。第一个角度是个性化商品，第二个角度度是商品推荐清单类文章；第三个角度是品质商品推荐。

七、拼多多（综合平台）

首页内容：

1.Banner；

2.功能区，所有的平台频道和分类功能都在这里面了，有16个，偏重社交分享，如拼团；

3.活动板块推荐；

4.商品列表展示，分商品和店铺两个角度推荐商品，穿插了一排品牌馆推荐。

剖析列表页面条目设计【翻译】

文： KIM FLAHERTY    Yuxin 翻译

原文标题：The Anatomy o­f a List Entry，剖析列表页面条目设计。现在列表页面在扁平化的潮流下几乎无处不在；这篇文章，分析了多个案例的信息架构和用户眼动轨迹，详细叙述了列表页面的设计原则和用户行为习惯；为了学习信息架构和用户体验设计，就有细细研读并翻译的想法。新人第一次翻译，多多指点。

原文链接：

--------------------------------------------------------------------------------------------------------------------------------

关键词：电子商务 眼动追踪 信息架构 视觉设计 网页可用性

摘要：为了用户更好的浏览和对比产品条目，列表页需要被精心设计布局和视觉以保持内容优先级。

不久之前，我在线预定周末旅行要住的酒店。经历了在好几个不同的网站上定位、缩小我的选择范围。花了几天的时间，我才终于决定要住的地方,感觉的这过程真是累。

在网上预订酒店,我们大部分所做的都一样,查看、评估和缩小选项。大多数时候，用户会查看特定类别或有一组标准来筛选,然后列表页会显示若干候选项或者说是列表条目。列表页面上需要许多选项条目，方便用户进行高效的查看和决策。

备注: 列表页有时被称作“分类页”(包含产品的类别)、“目录页“(列出位置或人时)、“图库页“(包含图形或图像)。搜索引擎的结果页面（简称SERP）是另一种形态的列表页。本文中,我们把这所有概念的页面统称为列表页。

列表页：与用户需求可能匹配的各个候选项条目的显示枢纽。每个列表条目通常包含着更深层条目的描述和页面链接(详情页)。备注：深导航结构的网站会在首页和列表页之间还存在其他层级。

列表页的可用性取决于每个条目的设计。每个条目不仅要满足它自己的功能、能轻松地被理解,它还需要和页面上其它条目一起配合；列表页及其条目应符合以下几个可用性要求：

当用户浏览一个产品的选项列表时,他们需要迅速确定哪些可以无视的，哪些产品是有兴趣的。太多的信息量会淹没用户并形成一个凌乱的视觉效果；另一方面,如果列表页没有足够的细节，留下太多没有答案的问题,迫使用户反复跳转页面(就是需要跳转到详情页去获取他们需要的信息)。换句话说，反复跳转就成为列表页的信息不足的信号。

就像金发女孩的故事,产品详情列表的数量也需要恰如其分:太多则过载，阻碍用户在一个页面上得到足够的选择；太少会让他们反复跳转页面。满足大多数用户对列表条目的信息需求并保证其识别性，用户研究和分析的结果可以指导：哪些属性可以为用户传递最多的信息。

分析 ——如果你目前的列表页有排序或筛选功能,就可以找出哪些筛选项和排序标准使用最频繁；哪些用于第一轮调整,哪些用于第二轮。

用户研究 ——进行日记分析和可用性研究，可以明白哪些元素是起决策性的、它的具体重要性程度、以及通常是哪些产品属性用于缩小选项。

用户数据和分析将帮助你确定哪些属性应该包含在你的列表条目,哪些需要高亮,哪些可以淡化。每个属性的顺序优先级是在开始思考列表条目的布局和视觉设计之前需要确定的。这些优先级的设置是列表页面信息结构的基础。

我们之前的整整22年的可用性测试经验告诉我们,有一块信息是每个用户的需求:价格。

独立的列表条目的设计都应该是能够帮助用户快速了解每个选项并且支持产品之间的对比、比较。

好像它是一个小的网页的态度来对待每个列表条目,布局和视觉的处理能让每个描述属性都匹配其优先级。

位置和布局——根据经验,最顶层和最左边的区域的列表条目获得最多的关注。高优先级的信息应放置在这些位置(在从左到右的阅读文化地区)。基于这一理论，来创建每列表条目的信息架构，组织每个属性的优先级。

视觉优先——吸引眼球的最重要的信息通过视觉设计:

a）强调属性的秘诀：增加字体型号、重量或使用一个独特的颜色。

b）考虑用图像来支持浏览和吸引关注力。

c） 用周围的空白将重要属性孤立出来,使它脱颖而出吸引注意力。

在眼动研究中,我们发现,当用户必须在列表页上的几个选项做出选择时,他们会反复从一个条目到另一个条目来回比较类似的信息。为了帮助这个过程,列表条目相同位置和属性的视觉处理应该相同，以保证信息是可预见的和一致。

虽然每个列表条目分布局和属性位置应该基本相同,当有重要信息需要区分的情况下，可能需要一些特别处理。例如,如果一个产品是“特卖中”或“售罄”,这样的是可以接受用独特的标注或指标来吸引注意力的。然而,以这种方式调用信息是需要有选择性的，独特的标示超过2 – 3种时，列表页的浏览将变得混乱和困难。

结论

确定你的用户最需要什么用信息缩小来他们的选择范围。每个列表条目都优先考虑这些信息并创建一个一致都信息架构，使它更容易被用户理解，并且高效的缩小选择范围。

如何分析购物网站的页面布局

一、定位分析

网站剖析：对网站的自身进行解剖分析，目的是寻找到网站的基础问题所在;

电子商务定位：对企业网站进行电子商务定位，明确网站的位置;

电子商务模式分析：分析网站的电子商务模式，研究与网站相匹配的电子商务模式;

行业竞争分析：行业竞争的情况，行业网站的综合分析;

网站发展计划分析：电子商务网站短期规划与长期发展战略的实施反馈分析等。

二、网站诊断

网站结构诊断：网站的结构是否合理，是否高效，是否方便，是否符合用户访问的习惯;

网站页面诊断：页面代码是否精简，页面是否清晰，页面容量是否合适，页面色彩是否恰当;

文件与文件名诊断：文件格式，文件名等;

访问系统分析：统计系统安装，来路分析，地区分析，访问者分析、关键词分析等;

推广策略诊断：网站推广策略是否有效，是否落后，是否采用复合式推广策略等。

三、营销分析

关键词分析：关键词是否恰当，关键词密度是否合理等;

搜索引擎登录分析：采用何种登录方式，登录的信息是否有效;

链接相关性分析：链接的人气是否高，是否属于相关性较大的链接;

目标市场分析：对目标市场进行分析，研究目标市场与营销的关系;

产品分析：分析产品的特性，产品的卖点等;

营销页面分析：营销页面设置的位置，营销页面的内容，营销页面的第一感觉等;

营销渠道分析：所采用的营销之渠道如何，新的营销渠道如何开拓;

后续产品和服务分析：后续产品的开发，服务的情况反馈分析;

价格分析：价格如何，合理性等。

四、综合优化

网站的架构优化：结构优化，电子商务运行环境优化等;

网站页面优化：页面布局，页面设计优化;

导航设计：导航的方便性，导航的文字优化等;

链接整理：对网站的内外链接进行处理;

标签优化设计：对相关标签进行优化设计。

五、整合推广

网站流量推广策略：关键还是流量问题，这个过程中会用到许多网络营销方法;

外部链接推广：友情链接策略的使用;

病毒式营销策略：具体的策略需要灵活运用;

其它推广：关注网络变化，开发新的推广手段。

上述网站推广的五个关键步骤统合了网络营销、电子商务网站建设、网站宣传推广和网站策划等知识，称之为不可不知的关键步骤是不为过的。

能够充分理解这五个关键步骤，辅以强有力的执行，再加上持之以恒，那就等着看好吧，你的网站一定会名扬网络啊。

（信息来源：商城义乌 ）

电商商品库的产品设计

每天逛淘宝和京东的时候，映入眼帘的都是品类繁多的商品，但是当我们选择分类或者直接搜索的时候，按条件筛选时，系统却往往能从千万商品中提供心中想要的商品；在浏览商品时，商品主图、详情图、规格等信息让我们感觉比在超市拿着实物获得更多信息，电商系统到底是怎么做到这些的呢？对于电商产品经理来说，商品中心的合理设计能够满足前端商品的多样化展示，支撑订单商品信息在系统中的流转。

简单粗暴的讲， 商品中心 是用来管理核心的商品数据。对于 使用的维度 ：从前端来讲，是给商品展示、订单、营销活动提供商品数据支撑，从后端来讲，商品中心给订单发货、仓库管理、供应商管理、采购提供基础数据支撑。为了更清晰的描述商品中心这项重量级工程，打算写两篇文章从上述两个维度来阐述，本文主要从后端的维度介绍商品中心。

一.商品常用概念介绍

先介绍几个基本概念：SKU、SPU、属性、类目。

SKU ：stock keeping uint(库存量单位)，库存控制的最小可用单位。例如Iphone 7plus  128G 银色就是一个SKU，仓库管理、采购进货、库存显示的都是SKU。不同的公司都有自己的SKU编码规则，如果有自己的仓库，在商品入库时一般会打上自己的SKU码，这样整一套库存体系就会自上而下打通，当然还有另一种处理方式，设置自有SKU码与供应商条码的对应关系，将订单转化为发货单时，将自有SKU码转化为供应商的条码。对大公司来说，推荐前一种做法，后一种由于供应商编码规则不同，或者管理规范，在实际操作往往会增加出错率。

SKU编码

SPU ：standard product unit(标准化产品单元)，是一组标准化信息的集合，例如Iphone 7plus就是一个SPU。SPU与SKU的关系有许多种，可以一对多，一对一，如下图所示。SPU信息中应该包含SPU属性、产品图片、产品描述、产品标签。SPU和SKU之间是通过规格来链接的。SPU(Iphone 7plus)通过颜色、内容关联到SKU(Iphone 7plus  128G 银色)。SPU的库存是由其对应的SKU库存共同决定的。

SPU与SKU

属性 ：分为关键属性、销售属性、非关键属性。关键属性是指能够唯一确定产品的属性，是必填项。例如手机的品牌、型号属于关键属性；销售属性组成SKU的特殊属性，或称为规格属性，如手机的"颜色"、"内存"；非关键属性指的是除关键属性、销售属性外的其他属性，如手机的手机接口类型，非关键属性不一定是非必填项，有时为了商品信息完整，也会设为必填项。属性定义对于良好的消费体验有着至关重要的关系，对搜索、索引、筛选都有至关重要的作用。

类目 ：分类树，电商常用的有两层类目，前台展示类目，后端商品类目。前台类目指的是展示给消费者的类目，会根据季节、销售策略、活动进行变动；后台类目属于基础数据，不可随意变动，添加SKU时都需要选择类目，进行绑定。需要注意的是，类目树的层次不能太深，一般三层或四层，如果太深，不论对于管理还是技术性能来说，都是不利的。前台类目与后台类目可随意搭配，设置前台类目关联时，对前台类目树最深层进行设置，可让其关联后台类目任一层，可一对一、一对多。前台类目还可以对应品牌。

京东前台类目

二.商品基础资料设计

在介绍商品常用概念时，也透露了很多在产品设计时关联的信息。在添加SKU时，需要选择品牌、填写一些属性，以及关于仓库管理的基础数据（长宽高、重量、供应商等）。商品中心基础资料结构图主要如下，首先是品类管理，主要包括品牌管理(中英文名、可供品类、产地（跨境电商比较重要）)、属性管理（针对类目添加相关属性和属性值）、类目管理（后端类目树重中之重，确定时要考虑全面，属于基础数据，后续更改比较麻烦。），大致产品框架如图所示。

商品中心框架图

在添加SKU时，通过供应商去关联采购，进而影响仓库中SKU的库存。供应商在添加SKU时亦可不选择，可以在采购系统中添加关联。通过销售属性去关联SPU与SKU，同一SPU在前台显示时可以共用同一商品详情，只是通过规格属性映射到具体的SKU；针对商品的关键属性和属性值，可以在商品搜索和筛选时用上，良好的属性定义对于顾客决策树的缩短有着至关重要的作用。

SKU使用

还有一个比较特殊的概念：组合SKU，主要是解决出售组合商品的问题，组合SKU的属性都继承主SKU。组合SKU的应用场景主要是添加赠品、组合售卖，与前台的商品套餐有所区别。在订单解析成发货单时，组合SKU需解析成单一SKU，方便仓库发货，更新库存。

三.复盘

商品中心后端属于基础数据，会被许多子系统调用，对于电商公司来说重中之重。商品中心提供接口数据进行仓库管理、采购管理、库存管理、订单管理，可扩展的商品中心结构将给公司业务发展带来很大益处。

文后扩展，很多电商公司业务定位都是B2B2C，为了扩充SKU，增加用户量，或者构建平台体系，都会允许第三方来平台管理商品，类似京东、有赞，这类平台的商品结构更加复杂，SKU需要增加所属商家，商品详情、属性值、库存都需要相互独立，在SKU、SPU纬度上增加一个商家纬度。这里不做过多扩展，感兴趣的朋友可以深入思考。

实物商品

以上文章从后端角度介绍了商品中心用到的一些基础数据设计，接下来，我们主要从商品前端显示来说后台设计的那些事儿。用户平常购物接触到最多的就是商品显示页，商品列表、商品详情页的基础信息都是从商品中心获取。目前对于商品设计有着成熟的产品方案，电商网站的商品产品结构大同小异，淘宝上的商品以SPU形态显示，京东上以SKU形态显示，两种处理方式各有优劣势（表达可能不太准确，但认真研究过两者商品结构应该理解我说的不同点，下文解释）。 其实我更倾向于淘宝的商品结构，能够支持更加灵活的商品方案。

京东与淘宝的商品详情页

商品信息主要由类目、标题、品牌、商品属性、规格（京东定义为销售属性）、价格、库存、SKU信息（毛重、长宽高等）、商品图、商品详情描述、物流信息等组成。至于经常看到的服务标签（白条、极速退款）、商品标签（热销）、活动标签（满减、优惠券）、价格标签（拼团价、活动价）、同类商品等都是在商品信息上的包装层，不在本文的阐述范围。

1.商品类目、商品基本信息

商品类目分为两层，基础数据类目层、前台展示类目层，在添加和管理商品时，都是在基础数据类目层对商品进行管理（如下图）。商品属性、销售属性及品牌等很多数据都是在基础类目上进行管理，所以类目管理属于较为核心的工作，一定要从长远角度考虑。

在添加商品时，需选择对应的类目。前台类目在展示时，有两种处理方式：

前台类目对应后台类目，可一对一、一对多、多对多，自由组合，动态调整。现在大部分自营电商都是用的这种类型。

前台类目直接对应商品，适合商品较少的小商家，主要是一些电商平台提供给平台上商家的类目服务，添加商品时直接选择前台展示的类目。

另外，类目一般是分为三层，类目树不要太深，否则将影响产品效率。

JD商品类目

设置商品信息、副标题（一般介绍产品卖点、促销），选择商品对应的品牌。在品牌管理中，有两种方案：

品牌统一管理，小公司商品丰富度较少时的方案。

品牌关联类目，商品丰富度高的选择。

基本信息编辑

2.商品属性

商品属性包括属性名、属性值，一般都是挂在具体类目子叶下，设置必填和非必填。在设置属性值时，须保留一定的扩展性，部分允许自定义属性。商品属性管理要求强大的类目运营能力，在中小型电商平台一般会提供基础属性值，再开放自定义属性编辑，让用户来完善属性库数据。

商品搜索能力，除了标题、类目，很大部分依赖于商品属性，条件筛选的基础数据也是商品属性和规格属性。完善商品属性对于良好用户体验至关重要。

淘宝的商品属性（男装风衣）

3.规格、价格、库存、SKU信息

在购买商品时，我们会经常选择规格（销售属性），主要包括颜色、尺寸，为了支持多样化的用户需求，选择之后可以编辑规格。规格一对一确定之后，可单独设置价格、库存、商家SKU，淘宝上亦可添加条形码（69码）。也可以设置统一价、统一库存。填写商家SKU主要是为了方便对应到具体的实物，上文亦讲过，仓库和采购管理的都是具体的SKU。

仔细观察会发现，京东的商品标题是加上具体的规格，在选择规格时会跳转SKU，对于落单数据有效率提升，但是对于页面效率和体验是不如淘宝的SPU结构的。现在大部分电商都采用的是淘宝的SPU结构，亦是优质选择。

JD规格、价格、库存、SKU设置

在淘宝上选择具体的规格后，会发现商品缩略图会发生变化，这就需要在管理商品时，针对某规格单独上传图片。这里有个设计很巧妙的地方，只是不同颜色需要上传对应的商品缩略图，而尺码不需要。

淘宝不同颜色上传具体的缩略图，京东可上传多图

针对商品设置平台价和市场价，主要是为了商品在列表展示商品、未选择具体规格时展示，相当于商品的均价。毛重、长宽高等数据主要是为了物流而设置的，自建仓库的自营电商一般在SKU数据层就会录入这些数据，直接调用。货号即商品编码，在商城购物时会扫描的条形码就是货号。货号不等同于SKU编码，同一商品编码的商品可能是不同SKU，有着不同的规格，所以不能直接拿货号来管理SKU。

JD商品信息填写

4.商品图、商品详情描述、物流信息

除了不同规格对应的商品缩略图，商品图还包括商品主图，一般要求图片质量较高，包括整体图和细节图。商品主图是吸引顾客眼球的必要利器，不论是列表页，还是活动页，顾客除了关注价格，主要就是商品主图，运营上架时需对商品主图较为慎重。

商品详情页现在一般会区分电脑版和手机版，由于两者的使用场景和设备不同，侧重点也不相同。为了更好的展示产品特点，可提供不同的产品详情模板，亦可支持不同的富文本编辑。

商品详情描述

选择运费服务时，要选择对应的物流模板（包邮、按重量、按件数等），在订单处理是按照具体的物流模板计算运费。运费模板计算较为多样复杂，下篇文章详细描述讲解物流运费相关的细节。

商品物流选择

5.其他商品信息

主要包括售后服务（发票、保修服务、退换货）、包装清单等相关说明。

6.上下架管理

设置完商品基本信息之后，设置上下架时间，亦可直接上架发布。和商品相关的活动，一旦商品下架，活动将失效，无法购买。搜索、筛选的商品范围都是在上架的商品范围进行。

上下架设置

自营与平台电商的商品区别

在商品管理层面，平台电商提供给平台商户的商品服务与自营电商自己的商品服务有着很大不同。最大区别在于自营电商比平台电商多SKU管理，库存和属性都是基于SKU进行管理，在添加商品时，如果还要重新填写，就会造成数据冗余。所以一般会共用数据。

总结