商品中心的简易设计-轻识

你好，我是Kevin，这是我2022年第25篇原创，节选自《简易设计》

电商系统的商品中心，因为承载用户商品选择、店家商品配置的业务，是电商里用户交互行为、商家运营的核心功能。

每一个电商系统都会存在商品进行售卖，不管是线上还是线下实物还是某些人工服务，商品的形式有多种多样，但主营商品类型会影响电商系统里商品功能的设计。

比如售卖线上课程的电商系统，商品管理就注重在课程的作业、问答，而售卖线下实物的则需要关注商品的物流信息，但即使如此商品中心仍然有通用的功能节点。

01. 商品中心的功能组成

商品中心包含了商品列表、商品操作、商品详情3个部分在商品信息包含了商品的价格、品类类目、商品详情信息。

1.商品列表

如下图是电商系统的商品列表，提供商品品类、库存、和活动参与状态必要字段做展示，方便提供给运营人员查看，通过商品的筛选、搜索等操作可以做对应商品的展示排序。

▲商品列表

2.商品详情

商品详情分商品基础信息、支付信息、销售信息、图文描述、物流信息、审核信息、上家时间信息。如下图是商品详情页面

▲商品详情

3.商品操作

商品操作是商品管理中的管理、运营功能的入口，最频繁操作的板块主要有商品的创建、编辑、删除、和对应商品属性的管理，商品属性包含了商品类目、商品品牌和商品具体的尺码、重量、颜色等属性。

1.商品的创建/编辑/删除

商品创建/编辑/删除设计，需要依附于实际电商系统售卖的具体产品，比如实物商品，则包含了商品基本素材填写、图文描述、销售信息、支付信息、物流信息，下面将

▲ 商品创建基本素材填写

▲新增商品固定属性的填写

▲商品创建下的营销信息配置

2.商品属性的管理配置

要做属性的管理配置，首先要知道什么是商品的属性。比如衣服颜色有红色、黄色、黑色、白色等，手机内存有１６G、６４G、１２８G、２５６G，这些都称为属性。

商品的属性从功能上属性可以分为公共属性，销售属性，关键属性等。

公共属性：指其他类目可以公用的属性。例如鞋子尺码，37码、38码、39码、手机是安卓、还是苹果系统等；
类目属性：组成SKU的属性单元。直接影响用户购买和卖家的库存，比如iPhone8 64G、黑色，里面的iPhone（设备名称）、（型号）8、（颜色）黑、（容量）64G、；这几个属性是组成SKU的特殊属性，直接影响到买家的购买和商家的库存管理。
关键属性：能够确认商品的唯一性，商品特定有的

如图下图是公共属性管理

▲商品的公共属性管理

在创建商品的时候，需要勾选对应商品的属性，才能完成商品的创建。

▲公共属性添加

商品的类型不同，属性值是有区别的。可以增加不是商品直接的属性，反而是商品的搜索关键词、属性的别名，方便用户搜索效率提升。

如下图商品创建的商品类目属性配置

▲商品创建的商品类目属性

▲商品品牌管理

02 简易设计下的商品中心

前面介绍商品中心的功能组成，其实可以看到通用功能的商品中心很容易就变成页面繁杂、操作流程长的功能，加上创建一个商品需要填写的信息也多，其实是大部分团队用不上的。

用简易设计的方法去做商品中心，首先我们先找到使用商品中心功能主要流程。

而商品中心在电商系统中的功能地位是非常重要的，因为这决定了电商系统的运转效率，和商品中心关联的3个流程分别是：

商品的发布流程、创建\编辑\删除商品属性、购物车主流程，如下图是商品的发布流程

（1）商品的发布流程

▲商品上架/发布流程

（2）类目/属性配置

因为商品会有多个品类，同样品类会有不同属性，系统也要支持品类设置，支持商品类目/属性的管理、维护，在商品中心的流程里，如下图是商品中心的类目属性管理流程

▲商品属性编辑/删除

（3）购物车流程

购物车流程，为了满足用户对多个商品同时支付的需求，提升电商购物效率，如下图是购物车流程图

▲ 加入购物车流程

购物车流程中要区分用户的登录状况，在没有登录下也可以允许用户加入购物车，在一起下单的时候再要求用户登录。

有了上面3个场景的流程后，我们可以通过简易设计的刚需场景来优化流程，针对商品发布流程，核心的流程是发布-人工审核/系统审核-上架，而商品的预定上架、定时上架则是营销玩法支持，并非是刚需；针对类目/属性配置，由于商品的属性类目是因为商品选品量大、数量多产生的商品分类需求，方便筛选和搜索查找商品，但我们可以找到主流商品，或者本身商品就不多的情况下，进行商品固定，就可以给出确定的属性值。

购物车是电商系统存在多种类型的商品数量，同时电商系统的访问用户量大，导致需要为用户满足一键多个商品下单的场景，提升购物效率，但核心流程选择商品-确认商品-支付-下单。

总结来说，大多数互联企业，由于并没有较多SKU现状。所以类目、购物车这类需求优先级较弱，所以在简易设计里，我们往往可以把商品类目直接用商品属性管理合并管理，购物车则直接改为支付下单即可。

以刚需、高效、低的开发成本来推行出有下面三个功能

▲简易设计过滤后的商品中心

我们流程优化后就可以得到下面的简易设计商品中心，其中属性改为活动类别，允许将商品划分在活动、优惠券里，用户可以参与折扣兑换。

▲简易设计的商品中心

商品中心展示商品类别、商品列表，关注商品名称、商品价格、和最近上家时间，并提供商品类型的筛选，和商品ID的直接查询功能操作。商品中心详情保持和创建/编辑商品信息一致，可以通过富文本添加商品详情。

同时商品详情里展示的价格、上架、商品活动类型状态，在商品创建/编辑中即可修改，并没有单独对价格进行管理，合并为一个入口。

▲ 商品价格

▲简易设计下的商品中心流程

相比前面复杂的页面，简易设计下的电商中心因为商品固定，商品的类目和属性已经不需要配置，商品的创建、编辑、删除操作减少了商品属性勾选。同样的商品操作只提供了商品的筛选、和条件查询、和发布\编辑\删除商品。

今天的分享就在这儿。

对了，4月24号，我亲自带班的《21天B端产品经理训练营》第八期即将开班，限额30人。如果打算转型成为后台产品经理，可以在训练营里学习简易设计和B端的产品设计案例。

点击查看课纲：

4月24开班｜第8期《21天B端产品经理训练营》

课程课表：

报名地址：

报名训练营前，你也可以扫码直接听第一节课程作为试听。点击目录即可播放第一节课