原创智能优化,原创度检查,一键采集,文章组合(几种基础筛选、高级筛选及组合筛选的场景应用总结)
优采云 发布时间: 2022-04-03 04:14原创智能优化,原创度检查,一键采集,文章组合(几种基础筛选、高级筛选及组合筛选的场景应用总结)
总结:通过调研B端后台系统筛选场景的应用,总结了基础筛选、高级筛选和组合筛选的几个场景。在此基础上分析自身产品的筛选场景应用,总结出最终的输出优化设计方案。你受到启发。
一、筛选场景介绍
在B端后台系统的设计中,列表筛选的场景应用最为常见。一方面,筛选的作用是帮助用户从大量信息中快速提取定位,以提高效率为基准;它具有向用户提供具有相同特征的分类信息的功能。
最近一直在研究B端产品领域后台系统的列表筛选场景的设计,所以希望通过这次的设计分析,从产品可操作性的角度进行设计优化实践,从而达到提高产品满意度的目的。
二、过滤场景类型
过滤就是显示一种数据,同时隐藏一种数据。
常见的过滤形式有:分类过滤、关键词过滤(搜索)、条件过滤、组合过滤等。大致可以分为基础过滤和高级过滤,通常是多个过滤条件的多维组合,实际上是不同于单一的搜索和导航。
三、竞争对手分析研究1.筛选组成
图(1)
示例:腾讯云
图(2)腾讯云负载均衡实例
2. 高级过滤
图(3)
3. 组合过滤器
(1)平铺类型
平铺就是列出所有的过滤条件。B端产品场景很少使用,在C端产品中比较常见,让用户可以直接获取选项,减少操作步骤。
示例:在线购物平台
图(4)京东网上商城
图(5)当当网商城
图(6)腾讯云预警策略
通常,为了避免过滤项过多,会提供展开和折叠操作,每个过滤条件都会被折叠。
(2)折叠式
示例:阿里云、腾讯云
图(7)阿里巴巴云服务实例
图(8)腾讯云数据迁移
4. 标题过滤器类型
它是列表中内置过滤的一种形式,类似于 Excel 表格的操作。单击要过滤的表单按钮以将过滤器字段直接带入其中。
例如:阿里云、华为云、腾讯云等。
图(9)阿里巴巴云盘
图(10)来源华为云监控
图(11)腾讯云数据库实例
四、产品筛选场景设计优化实践
根据现有平台页面,梳理涉及筛选场景的页面。这里对一个典型场景进行分析和优化。(由于实际页面是秘密的,我必须打马)
图(12)模块原创页面
第一次拆解:
页面的“隐藏”过滤形式需要通过点击“过滤”按钮展开,可以发现显示信息中显示的所有选项都默认显示。在这种情况下,默认情况下所有数据量都很大。过滤的作用是对数据进行过滤,通过预先定义好的过滤值进行操作。
第二步分析:
根据以上过滤项与过滤值的对应关系,列表常用的过滤方式可以概括为列表顶部过滤和表头过滤。
第三步总结:
标题过滤器
放置在列表标题上的过滤器受列表标题信息的限制,过滤器的内容仅限于特定的单个列的过滤器。
拆解“故障告警”过滤项时,发现有几项可以对应表头信息,可以通过放在列表表头标签上的单个下拉列表进行过滤。@3)
图(13)Header过滤优化
在列表上方过滤
过滤器功能位于列表顶部。与表头过滤器不同的是,可以一次对多列进行交叉过滤,过滤值不限于列表列的内容。
搜索
搜索字段灵活方便数据查询。当数据量较大时,搜索功能可以提高用户查看数据的效率。拆解原来的页面过滤项,发现其中有两个涉及输入搜索,对用户内存要求不高。模糊搜索用于提高查找数据的效率。使用这两个搜索时,发现第一个版本的数据是通过一定的模糊搜索过滤的。基于这个版本的数据,查看列表中的另一条信息,进行下一步的精准搜索,最终得到用户想要的数据。. 或者同时输入两项(用某种分隔符分隔)进行精准查询,事半功倍。
图(14)搜索优化
约会时间
因为时间过滤一般是对某个时间段的查询,需要开始时间和结束时间,所以对日期的过滤条件分别进行处理和显示。运行后发现“所有时间”为默认开始时间-最晚时间,其他选项为快速时间段设置,是提取平台用户最常用时间段的选项。
由于日期选择条件多于5个,且自定义时间长度不固定,设计采用整体下拉框选择的形式,时间选项放在里面,选择结果反馈和下拉框. 如图(15)
图(15)日期选择器优化
按钮
原按钮形式过长,改成纯文本或图标加提示的形式,同时区分主副按钮的样式。如图(16)
图(16)按钮优化
最终优化方案如图(17),图(18)
图(17)优化方案(一)页眉筛选+平铺
图(18)优化方案(二)Header Screening + Folding
五、总结
通过考察产品平台的筛选场景应用,总结了基础筛选、高级筛选和组合筛选的几个应用场景。在此基础上分析自身运维平台的筛选场景,总结出最终的输出优化设计方案。
事实上,在设计优化的过程中,产品的易操作性、信息化程度、可扩展性等都会促使设计结合场景来考虑问题。当然,放映功能也必须满足实际场景的需要。需要考虑如何设计,以满足用户的实际操作路径,是否符合用户的认知,能否引导用户使用筛选功能。设计之路漫长而崎岖。如有不足,欢迎补砖~