电商产品中的“分类”功能

2023-09-30 11:56:05

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

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

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

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

一、信息架构

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

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

1. 常规型

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

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

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

1)底部标签

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

2)顶部tab

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

3)金刚区

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

4)顶部标签

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

2. 业务型

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

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

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

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

二、操作流程

分类的操作流程根据不同的类型也会有所不同,我们可以结合上面提到的几种不同的架构逐个分析。

1. 常规型

对于常规类型而言,当分类入口位于底部标签、顶部标签、金刚区位置时,此时用户点击后直接跳转到分类页,但是如果分类入口为顶部tab的形式,操作流程就会有所不同,此时就需要注意两点:

第一,增加分类入口,用户可以直接进入分类页进行选择而无需通过切换选择某个分类,提升用户查找分类的效率;第二,是否支持手势滑动切换,常规的tab切换为了方便用户操作,除了点击切换,还支持左右滑动屏幕切换,但是此时分类tab在首页顶部,首页可能还有banner位、金刚区等位置可滑动切换,所以为了减少用户的误操作,这里最好仅支持点击切换的形式。

另外一个操作流程就是用户点击某个三级类目进入到对应类目的商品瀑布流,此时页面承载包括两类,第一类就是默认以该类目进行搜索后展示的搜索结果页,如葡萄酒,而另一种就是以类目tab展示,用户可以在该页面切换其他三级类目,如白酒、啤酒等。

该选择哪种需要结合具体的业务去做考量,但是笔者基于自身使用习惯与场景,觉得类目tab的形式能更好的解决当前的诉求。

2. 业务型3. 加购型
免责声明:

本文内容来自用户上传并发布或网络新闻客户端自媒体,本站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系删除。