久久

“查询”作为系统后台企业级用户工作中经常使用的工具,当系统的数据量庞大时,如何展现就成了一个议题。

 

一、什么是“查询”?

“查询”是指用户在通过某些查询条件进行数据筛选后,再以“表格”的展现形式进行数据呈现,以到达筛选数据,快速查看的目的。

 

二、数据过多时,“查询”为什么要优化?

当数据过多,首先会导致“查询条件”的搜索项和“搜索结果”的数据项过多的情形。若处理不当的话,页面会导致难看,降低美观性,同时会导致易用性下降。

 

三、“查询条件”如何优化?

 

1.搜索项过多收起

鉴于后台系统的庞大数据量,查询条件难免会出现过多的情况,为保持各页面简洁统一,默认当数据超过9条的时候,将其余查询条件进行收起处理,防止查询条件过长,导示影响用户查看搜索结果。当点击“更多”后,可看到被收起的搜索项,点击“收起”可恢复到之前的状态。

 

2.合并搜索项字段

合并搜索项字段的方式可针对多个字段进行同时查询数据,此种方式方便用户快速查询数据。

 

3.搜索项可搜可选

当搜索项中的数据项过多时,可使用下拉框选择与搜索相结合的优化形式,用户既可进行正常的选择操作,还可以进行搜索数据来完成选择。

 

4.搜索项分类选择

当搜索项中的数据项过多还可使用另一种优化形式,使用下拉框与分类形式相结合。为方便用户快速选择加入了“本项全选/反选”和“全部全选/反选”的功能。

其中,“本项全选/反选”是针对当前项的批量操作,“全部全选/反选”是针对所有项的批量操作。

 

5.选择分类后搜索

针对不同类别的数据项,可以进行分类搜索。当用户选择数据项之后,输入关键字即可进行数据搜索。

 

6.数据类型可筛选

当数据量过大时,可进行筛选查询,用户选择某一数据项来进行筛选查询数据。当查看全部类别数据时,点击“不限”即可。

 

7.关键字联系搜索

针对相似字段,输入一个关键词系统进行关键字的信息补全,方便用户更快得到想要的结果。

 

三、“搜索结果”如何优化?

 

1.表头排序

当A字段已经进入排序(升序/降序)状态时,再点击B字段,则按B字段升序状态排列字段,A字段排序状态恢复默认;表头排序时序号不参与排序,保持不变。

 

2.快速增加/删除

用户点击“㊉”时,快速新增行;用户点击“㊀”时,快速删除当前行的数据。快速增加可结合弹出新窗口增加数据组合使用。

 

3.快速选择

当用户进行多选数据时,点击“复选框”或“空白区域”均可对当前行进行选择;当用户再次点击“空白区域”或者“复选框”,可以取消选中。其中,点击“全选”勾选上当前列表内所有复选框,点击“反选”清空选择列表内所有复选框。

 

4.表头与关键数据列固定

列表内数据行的横向、纵向数据过多时,选择使用表头固定及关键数据列固定,方便对应查看数据标题及内容。

 

5.更多信息默认收起

在填写列表信息时,因某些字段为补充信息且为非必填项,设计了更多信息默认收起的功能。点击“更多”展开被收起的字段,点击“向上箭头”即可收起。并可点击“全部展开”、“全部收起”进行全局操作。

 

6.子父列表形式

列表中有子父逻辑关系列表的形式时,设置可以可以单独展开/收起,并可一键全部展开/收起的功能。

 

7.分类筛选字段展示

数据行横向字段过多时,可将字段分类展示,根据不同的分类去展示字段,即可全局查看,又可分类查看。根据用户选择的分类进行横向滚动,方便查看数据。

 

8.文字过多展开收起

当文字内容超过默认高度时,文字内容可进行展开收起。即可展示美观,又可方便用户复制文字。

 

原文地址:站酷

作者:JavineHuang

 

转载请注明:学UI网 » 系统后台如何“查询”数据更便捷?

登录收藏
 
你可能喜欢的:
B端后台组件详解(二)——导航B端后台组件详解(二)——导航
设计B端后台,必须搞清楚这些组件(一)设计B端后台,必须搞清楚这些组件(一)
最新Dashboard设计实例、技巧和资源集锦,视觉和功能两不误,妥妥的!最新Dashboard设计实例、技巧和资源集锦,视觉和功能两不误,妥妥的!
大屏数据可视化设计指南大屏数据可视化设计指南
大屏监控系统数据可视化界面设计大屏监控系统数据可视化界面设计
真屏实据 | 数据大屏设计实战真屏实据 | 数据大屏设计实战
「后台系统原型资源分享」第三弹「后台系统原型资源分享」第三弹
合理复用组件,解锁数据图表设计新姿势合理复用组件,解锁数据图表设计新姿势
后台设计无从下手?微信后台用这7点教会你!后台设计无从下手?微信后台用这7点教会你!
大企业工作台如何提升上下游协作效率?大企业工作台如何提升上下游协作效率?