体验分析 | 电商产品中的“分类”功能 - JOYK Joy of Geek, Geek News, Link all geek

许多产品都会涉及到“分类”功能，比如在电商产品中，这一功能的存在更是不容忽视。那么，当前电商产品的“分类”功能都是如何设计的？这篇文章里，作者从信息架构、操作流程、用户体验三个维度对该功能进行了体验拆解，一起来看看吧。

不管是电商产品还是其他类型的产品，都会涉及到“分类”功能。信息分类不仅有利于平台对于信息的管理，同时还有利于用户能快速找到对应的信息。

其中电商产品中的分类，一直都是产品的核心功能，在电商产品设计之初就一直占据底部四个tab的其中一位。

但是随着用户使用习惯的改变以及业务的调整，“分类”功能也在不断的在升级。接下来我将通过信息架构、操作流程、用户体验三个维度，来带大家分析一下当前市面上电商产品的“分类”功能。

一、信息架构

分类功能的信息架构主要考虑两个核心页面，及即分类入口、分类页。

根据不同的业务形态，分类入口的设计也有所不同，对应的分类页也有所差异，结合当前市面上主流产品的设计，我将当前的电商产品中分类功能分为了常规型、业务型、加购型三类。

1. 常规型

常规型指的是最古早的分类功能，分类页一般分为三个商品类目，一级类目在左侧，从上到下排列，二级类目在右侧，每个二级类目下以九宫格形式排列三级类目，如食品酒饮-中外名酒-啤酒。

B 端产品经理如何快速成长？

产品与业务架构主要是将整个业务工作流进行分层，梳理，然后抽象出一个个需求，将业务需求与产品合情合理的映射起来，最终使业务数据在产品中流动，执行，记录，使用。

查看详情 >

根据不同的业务特点，三个类目的划分及名称都有所不同，但是整体架构大致如此。

而常规型的分类入口设计，目前市面上的差异性较大，主要归纳为以下几种：

1）底部标签

一般适用于导购属性强且业务相对单一的产品，随着电商产品不断发展，直播、社区等功能逐渐占据底部标签位置，且用户在电商产品中通过搜索定位商品的频率越来越高，底部标签也逐渐开始把分类的入口让了出来。

2）顶部tab

顶部tab是将分类页的一级类目用横向tab的形式展示在页面顶部。该方式不仅释放了底部标签的位置，同时每个一级分类下的页面可以展示对应商品，缩短用户触达商品的路径。

3）金刚区

分类入口放在金刚区还是比较少见的，金刚区一般承载大的业务入口，所以相比较下分类这种功能入口的层级就比较低，一般都放在金刚区图标的后面呈现，主要适用与强搜索、强营销的产品，分类此时仅仅是一个商品类别的承载。

4）顶部标签

顶部标签一般是将分类入口以功能入口的形式放在页面顶部，一般跟在搜索后面，此时既不占用底部标签及金刚区位置，又能将入口透出方便用户点击，分类的层级相对也没那么重。

2. 业务型

业务型分类不同于常规型，其主要特点在于不是以商品类型划分，而是以业务类型。

由于业务入口众多，所以除了在首页金刚区展示部分入口外，其他的通过相同类型做归类，放在分类页中，而此时页面也区别常规的左右布局，而大多采取上下布局的形式，一方面考虑到类别一般不多，左右布局显得类目切换底部空白太多影响页面信息平衡，另一方面，上下布局能方便用户自定义金刚区的业务入口，满足用户的个性化需求。

3. 加购型

加购型主要针对的是业务单一，商品数量有限的新零售电商产品。由于平台没有过多的延展业务模块，所以金刚区都用不同的分类入口所占据。

进入分类页后，除了展示一二级分类外，还会展示该分类下对应的商品，这样呈现的原因一是因为对应分类下的商品数量有限，用户可以在有限的滑动操作中查看，第二点主要是因为新零售模式还是基于线下的场景，用户仅仅通过商品名称与价格就基本能判断是不是自己想要的商品，而无需过多的参考评价、商品详情等信息，所以一般会加上购物车，方便用户直接加购商品。