百度百科定义——分类,是按照种类、等级或者性质分别归类。将无规律的事物分为有规律的,按照不同的特点划分事物,使事物更有规律。
从上面的定义中我们可以得出关于分类的以下关键点:分类让无序的事物变得有序;分类的依据是根据事物的特点,如种类、等级或者性质。
所以,在产品中引入分类功能,可以帮助用户什么?通过上述定义,我觉得分类可以帮助用户提高获取信息的效率,分类功能可以帮助用户在整个产品庞大的数据信息面前通过有效分组和合理的布局快速定位到自己想要的数据,所以分类是一个非常有用的组织信息的工具,当然并不是所有的产品都需要用到分类功能。
二、哪些产品需要分类?
虽然产品类别不同,但是从上面的表格可以看到关于分类的一些的基本特征。
2.1分类的入口
分类的入口主要有三种形式:首页二级标签、底部Tab栏第二个标签、内容区域功能入口。至于要选择哪种形式要根据产品定位和用户场景而定。
2.2分类的层级
这里的“层级”是笔者自己的一个概念,主要用以更好的理解分类的层次。简单的以比较复杂的淘宝为例,我将淘宝分为3级:1级是女装、母婴、美妆洗护、手机数码等;2级(女装类目)是裙装、上装、裤装等;3级(裙装类目)是雪纺连衣裙、半身裙、鱼尾连衣裙等,这样是不是比较好理解hhh
分类的层级由产品的信息复杂度决定,复杂度低1级搞定,复杂度高3级搞定。
2.3分类字段字数
经观察上述产品中,分类的字段字数基本是4个字,最少2个字,最多8个字。观察这个是因为我想看看字段的字数是否对设计有影响?我发现主要是按钮控件的设计可能会产生影响,主要有以下两种形式:
在网易云课堂中,3级类目每行显示3个按钮控件,如果字数超过4个字,则按钮控件长度相应变长,那么在页面宽度不变的情况下,每行显示需调整成2个按钮控件。
而在腾讯课堂中,按钮控件的宽度相对比较宽,所以当字数过长时,控件的文案可变为两行显示,按钮控件长度不变,以保证3级类目每行固定显示3个控件。
2.4分类的流程
这里主要考察分类功能流程路径,发现所有产品都非常一致:2个页面(分类页面,对应分类列表页面);1级分类1次点击,2级分类1-2次点击。简单的路径让用户快速定位到自己需要的信息,效率高,体验自然好。
2.5分类的交互
分类功能的交互操作非常简单,就是通过手势的滑动和点击,用户易上手。
三、分类涉及的页面细节?
从上面我们已经可以知道分类涉及的页面主要是两个,一个是分类页面,一个是分类对应的列表页面。
3.1.1页面的内容
主要是展示产品的常规分类,其余就是根据产品的发展阶段、产品定位与用户需求等适当增加其他功能如(搜索)和类目(推荐、子业务)。比如说:推荐功能在产品的萌芽期没有背后强大的数据库就无法支撑。
3.1.2页面的布局及交互方式
1层级的分类页面:布局简单,常规的网格布局,各产品的主要差别体现在视觉风格和各项信息的详细程度。通过点击即可进入对应页面。
3层级的分类页面:将页面分成两栏,1级类目以文字列表形式,2级和3级成组,可用分割线/间隔/卡片分割。2级类目作为3级类目标题,是否可点击根据自己的产品而定。3级类目以网格形式,具体的显示规则等都以产品类型而选择适合自己的解决方案。像在电商类的场景使用图片形式让用户感受到了真实的感觉。
3.2分类对应的列表页面
3.2.1页面的内容
笔者认为该页面的内容简单可总结为:类目+排序+筛选+列表+其他功能(搜索等),类目其实也可以归类到筛选里面的,不过因为本文讨论分类,所以单独拎出来了。
表格中我们可以发现因为产品不同,所以筛选的条件也不同,如视频类:地区+类型+年份+付费;电商类:销量+价格+品牌等(也会根据商品类型不同选择不同的筛选信息),电商类还会额外有“筛选”字段,笔者以为这里叫“更多筛选”更加合适,但是因为用户也不会搞错,所以叫筛选来减少字段数也没关系。
OK,这里终于要再来讲一下关于分类的层级。在本文【二、哪些产品有分类?】中,笔者说过:“分类的层级由产品的信息复杂度决定,复杂度低1级搞定,复杂度高3级搞定。”
对,没有讲到2级。既然层级可以分成1级和3级,难道就没有2级吗?——其实有的,在视频类和阅读类产品中笔者发现其实严格意义上来讲产品分类的层次是2级的,只不过在分类页面真的没有体现,而是将2级类目放在1级类目对应的列表页。
3.2.2页面的布局及交互方式
主要是三种常用解决方案:按钮控件、标签栏和下拉控件。每个方案都有优缺点,根据方案的适用场景择优选择。用的比较多的是按钮控件和标签栏两种形式,下拉控件虽然能有效的隐藏和显示信息,但是操作步骤较多,比较适用于电商类这种涉及较多其他功能的场景下。
Anyway,笔者以为京东这个页面的设计有点复杂,不过这里主要讨论分类所以不展开叙述。
最后的话,上面笔者只是总结了一些常用的关于分类设计的细节,当我们碰到分类设计的需求时,还是要根据产品所处的阶段、定位、用户需求等综合考虑的。