怎么根据不同的需求设计合适的分类功能?夭夭是

百度百科定义——分类,是按照种类、等级或者性质分别归类。将无规律的事物分为有规律的,按照不同的特点划分事物,使事物更有规律。

从上面的定义中我们可以得出关于分类的以下关键点:分类让无序的事物变得有序;分类的依据是根据事物的特点,如种类、等级或者性质。

所以,在产品中引入分类功能,可以帮助用户什么?通过上述定义,我觉得分类可以帮助用户提高获取信息的效率,分类功能可以帮助用户在整个产品庞大的数据信息面前通过有效分组和合理的布局快速定位到自己想要的数据,所以分类是一个非常有用的组织信息的工具,当然并不是所有的产品都需要用到分类功能。

二、哪些产品需要分类?

虽然产品类别不同,但是从上面的表格可以看到关于分类的一些的基本特征。

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,笔者以为京东这个页面的设计有点复杂,不过这里主要讨论分类所以不展开叙述。

最后的话,上面笔者只是总结了一些常用的关于分类设计的细节,当我们碰到分类设计的需求时,还是要根据产品所处的阶段、定位、用户需求等综合考虑的。

THE END
1.“设计的分类都包括哪些?”设计的分类都包括哪些? 的分类是我们每个设计从业者都想搞明白的事情,今天我们暂时想到了以下,希望对您了解设计行业有所帮助,欢迎多多补充。 设计分类: 平面设计:标志设计、标示设计、单页设计、封面设计、海报设计、画册设计、名片设计; 空间设计:家装设计、工装设计、室内设计、灯光设计;http://sheji.ershoudaquan.com/Archiver/view.asp?id=318
2.设计的分类和方法用语设计的分类与方法学(英语) 1 设计 Design 2 现代设计 Modern Design 3 工艺美术设计 Craft Design 4 工业设计 Industrial Design 5 广义工业设计 Generalized Industrial Design 6 狭义工业设计 Narrow Industrial Design 7 产品设计 Product Design 8 传播设计 Communication Design 8 环境设计 Environmental Design 9 https://doc.mbalib.com/view/117f971a3af4b2b230661da9e9e2dfd5.html
3.平面设计都有什么类型平面设计其实是一个大类,其中有分为很多设计类型。比如:标志设计、吉祥物设计、艺术字设计、展板设计、指示牌设计、证卡设计、名片设计、宣传折页设计、店面门头设计等。 1.标志设计 :标志的分类,标志的功能,类别与特点,标志构成的设计构思,表现手法,组合形式,标志设计的基本原则,商标与标志的区别。 https://www.qinxue365.com/jsjzx/Graphic_Design/723530.html
4.产品设计的分类有哪几种?产品设计的分类有哪几种?主要是这 4 类:用户界面设计、用户体验设计、平面设计、交互设计产品设计一直以来都是涵盖内容非常广泛的一项工作。如果大家对其进行拆分的话,其实可以得出很多不同类型的产品设计方向。对于新人来说,精准了解这方面的知识非常有利于后期的就业选择。接下来,本文就来为大家具体介绍一下产品设计一https://js.design/special/article/product-design-categories.html
5.素材导航红动素材导航提供各行各业设计图片素材分类索引,为设计师找图片,找设计,下素材、模板、背景等带来极大便利。https://so.redocn.com/
6.23种设计模式的分类和应用嘲总结设计模式设计模式及其应用嘲设计模式分类 23种设计模式可以分为三大类:创建型模式、结构型模式和行为型模式。 创建型模式 创建型模式:提供了一种创建对象的最佳方式。这些模式涉及到如何实例化对象,并且隐藏了实例化的细节。创建型模式包括: 工厂模式(Factory Pattern) 抽象工厂模式(Abstract Factory Pattern) https://blog.csdn.net/weixin_43883917/article/details/128375009
7.图案设计的分类有哪几种平面设计教育宝平面设计学习频道提供图案设计的分类有哪几种信息,不论是为了实用还是审美,在设计中既要考虑图案本身的美感,同时还必须适合各种材质和加工工艺要求。https://hudong.jiaoyubao.cn/xxjy/578895.html
8.2019级文化创意与策划专业(艺术项目策划与管理方向)人才培养方案3、熟悉产品设计与创新的法则; 4、关注产品专题设计的难点; 5、掌握产品专题设计的步骤与方法。 序号 教学单元 学习内容 1 产品专题设计的概念 1、产品专题设计研究的意义 2、产品专题设计研究的内容与目的 3、成功专题产品开发的特点 4、专题产品设计与分类 https://www.hnwmxy.com/jiaoxuekeyan/jiaoxuebiaozhunfabu/rencaipeiyangfangan/2019/1023/5237.html
9.设计模式的分类及其六大设计原则莹小草2.设计模式分类 设计模式分为创建型模式、结构型模式、行为型模式 创建型模式:隐藏了对象的创建细节,对象的创建由相关的工厂来完成,使用者不需要关注对象的创建细节,这样可以降低系统的耦合度 结构型模式:重点考虑类或对象的布局方式,其目的是将现有类或对象组成更大的结构。 https://www.cnblogs.com/lswisdom/p/13523319.html