从3个维度,深入分析电商产品中的「分类」功能优设网

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

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

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

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

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

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

底部标签

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

顶部tab

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

金刚区

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

顶部标签

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

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

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

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

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

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

1.常规型

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

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

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

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

2.业务型

一般为了满足用户的个性化需求,都会支持用户自定义首页金刚区的业务入口,如支付宝、饿了么等,此时就需要补充管理首页入口的功能与流程。

3.加购型

对于加购型而言,由于一级分类都展示在金刚区,所以任何一个入口点击后都会进入到分类页,而由于一般此类电商平台的商品数量有限,且加购意愿强,所以区别于常规性的分类,一级分类一般放在顶部,二级分类在左侧,这样能尽可能方便用户做挑选,同时为了减少用户对于一级分类的滑动选择,一般会加入展开操作,方便用户快速选择一级分类。

除此以外,为了方便用户快速加购,我们在每个分类商品下都放了加购入口,为了方便用户能快速结算,一般会在该页面放置进入“购物车”的入口,那么购物车的入口该放在哪里呢?

目前市面上大部分购物车入口都放在右上角,展示对应的加购数量,用户加购商品后会有视觉引导用户到购物车入口,但是由于用户加购操作大部分发生在屏幕中部,所以右上角的位置不方便用户点击;那如果以悬浮窗形式放在屏幕下半区,虽然方便用户进入购物车页面结算,但是悬浮窗会影响一部分操作。

我们可以从业务目的与用户使用路径考量,加购的目的最终是为了结算,那如果我们在该页面的下方展示加购数量以及当前的金额,用户可以直接唤起结算,是不是就不用跳转到购物车页面了呢?

用户使用分类功能,就是希望通过不同类型的划分,找到对应的类型,浏览或者选购对应的商品,所以分类功能的用户体验,就需要聚焦在提升用户查找品类与商品的效率上来。

1.内容适配

用户进入分类页的目的是想浏览对应类目下的商品,所以提升用户目标商品的曝光意味着能带来更高的商品转化。内容适配则是根据用户过往的行为数据,通过一组规则推荐用户商品,这套逻辑适用于电商产品的各个模块与路径,分类功能也不例外。

2.场景划分

3.操作连续

阻断操作影响了用户的操作连贯性,一般不可取,比起直接跳转,给予对应提示后跳转能给用户有个操作预期,体验上会更加友好。

THE END
1.产品设计分为哪几种类型产品设计分为哪几种类型不甘堕落 精选回答 产品设计一般可以分为开发性设计、适应性设计和变异性设计三种类型。产品设计是一个集艺术、文化、历史、工程、材料、经济等各学科知识的综合产物,它反映着一个时代的经济、技术和文化。冰清一洁 2021-07-12 05:15:36https://edu.iask.sina.com.cn/jy/1gXFAQ7Vqv2.html
2.产品设计的分类有哪几种?产品设计的分类有哪几种?主要是这 4 类:用户界面设计、用户体验设计、平面设计、交互设计产品设计一直以来都是涵盖内容非常广泛的一项工作。如果大家对其进行拆分的话,其实可以得出很多不同类型的产品设计方向。对于新人来说,精准了解这方面的知识非常有利于后期的就业选择。接下来,本文就来为大家具体介绍一下产品设计一https://js.design/special/article/product-design-categories.html
3.浅析航空货运企业产品设计思路与推广策略“有运力,无产品”这是业内对中国航空货运企业的一个普遍看法。航空货运企业间的终极竞争是“服务”的竞争,但此“服务”很多时候要通过“产品”表现出来,本文就对航空货运企业的产品设计思路和推广策略做一简要分析,以期抛砖引玉。 一、航空货运产品分类方式 https://news.carnoc.com/list/226/226648.html
4.专利审查指南第一部分3章节使用外观设计的产品名称对图片或者照片中表示的外观设计所应用的产品种类具有说明作用。使用外观设计的产品名称应当与外观设计图片或者照片中表示的外观设计相符合,准确、简明地表明要求保护的产品的外观设计。产品名称一般应当符合国际外观设计分类表中小类列举的名称。产品名称一般不得超过20个字。 https://www.cypatent.com/cn/sczn1-3.htm
5.产品包装标志设计有哪些类型产品包装标志设计的分类产品包装标志设计有哪些类型 产品包装标志设计的分类 产品的包装向人们展示了产品的最外部形象,它直观的反映了消费者的行为和品位,表达了一种生活方式;它们会是一种身份象征,一款高档的包装往往能把产品的价值提升好几倍。独特的想法使一个简单的折叠袋成为文化识别的媒介,这不仅仅是由于其有着令人惊奇的创意,而且还https://www.epwk.com/meijie/23484.html
6.2019级文化创意与策划专业(艺术项目策划与管理方向)人才培养方案5、掌握产品专题设计的步骤与方法。 序号 教学单元 学习内容 1 产品专题设计的概念 1、产品专题设计研究的意义 2、产品专题设计研究的内容与目的 3、成功专题产品开发的特点 4、专题产品设计与分类 2 影响专题设计的相关问题 1、设计思潮与设计风格 2、绿色设计与可持续设计 https://www.hnwmxy.com/jiaoxuekeyan/jiaoxuebiaozhunfabu/rencaipeiyangfangan/2019/1023/5237.html
7.SJT10323SJ T 10323-1992 电池产品设计文件的分类编号.pdf 27页内容提供方:xingyuxiaxiang 大小:508.06 KB 字数:约5.56万字 发布时间:2019-02-18发布于山东 浏览人气:59 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)https://max.book118.com/html/2019/0217/8047107002002007.shtm
8.电商产品设计(一)——商品分类体系这种设计奠定了我们现在大部分电商产品的商品分类体系模型:前台类目+后台类目+前后台映射管理+属性 回过头来总结一下,从03年我国第一家电商网站淘宝上线,到如今电商网站百花齐放,商品分类体系的演变路径可以归纳为五步,如下图: 商品体系的演变 至此,我想和大家分享的第一个知识点——商品分类体系 就已经讲完了。鉴于https://www.jianshu.com/p/715ac96e2211
9.IoT产品设计:关于专利申请,这篇文章就够了51CTO博客商标可以实现对个人或企业品牌价值的有效保护,而「专利」可以实现对产品外观和创新性等方面的保护,尤其对于技术门槛低、同质化严重的品类,设计之初就需要同步考虑相关专利的申请,建立有效的专利护城河。 专利分类 根据我国《专利法》,专利包括三类:实用新型专利、发明专利、外观设计专利。 https://blog.51cto.com/u_15284384/3027022
10.如何用ElementorPro设计WooCommerce产品分类和产品标签侧边栏的WooCommerce产品分类和产品标签侧边栏的样式是跟随主题设计的,通常没有设计样式功能。如下图所示,它是我用Hello Elementor主题+ Elementor Pro制作的产品列表模板,在左侧的侧边栏里包含了产品分类和产品标签。接下来,我们就讲如何用Elementor Pro来将样式设置为下图所示https://www.loyseo.cn/how-to-style-woocommerce-product-category-and-product-label-sidebar-with-elementor-pro/
11.国际外观设计分类(13版)产品项列表(2021年1月1日生效)国际外观设计分类(13版)产品项列表(2021年1月1日生效) 注:本表为国家知识产权局专利局外观设计审查部在WIPO官网所公布的洛迦诺分类文件 (https://www.wipo.int/classifications/locarno/en/ITsupport/Version20210101/index.html )的基础上进行翻译整理的版本, 如果有错漏请联系wgb@cnipa.gov.cn进行反馈. 大类 https://www.cnipa.gov.cn/module/download/down.jsp?i_ID=156476&colID=2153
12.产品包装中图形要素的分类与特性包装设计人类早在发明文字之前,就已经对图形的表现形式和选型规律有了很深的认识和掌握运用,这一点我们可以从远古时期彩陶纹样和洞穴岩壁画中得到证实。图形的历史比文字更久远,文字也来自图形。https://www.ltbzc.com/article/baozhuangzhongdetuxing.html