系统后台如何“查询”数据更便捷?

作者:哈哈小脸 | 创建时间: 2023-07-07
系统后台如何“查询”数据更便捷?

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

一、什么是“查询”?

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

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

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

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

1.搜索项过多收起

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

2.合并搜索项字段

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

3.搜索项可搜可选

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

4.搜索项分类选择

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

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

5.选择分类后搜索

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

6.数据类型可筛选

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

7.关键字联系搜索

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

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

1.表头排序

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

2.快速增加/删除

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

3.快速选择

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

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

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

5.更多信息默认收起

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

6.子父列表形式

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

7.分类筛选字段展示

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

8.文字过多展开收起

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

站酷

作者:JavineHuang

点击展开全文

更多推荐

2019 – 2020 设计趋势 · 图形篇

【产品摆放の套路】从emart里get如何摆放产品的技能

你不知道的Sketch黑科技-图文浮动居中

自由职业不自由?

【海平面】令人难以置信的20张书籍封面设计

用户访谈 | 深度解析,你需要离用户更近一些 (附模板)

企业内做用户研究的初心者之书

说文解字(二):文字与其意像

UI设计师作品集50页欣赏【第二期】

【新手指南】UI交互设计vs UI设计 vs 交互设计:有啥区别?

翻译 | 如何进行混合现实设计的构思、沟通和创新?

Design Whitelist_设计白名单(附字体下载包)

品牌碎片化—如何吸引消费者并融入生活中

富途牛牛注册开户流程体验与建议

小程序设计规范及经验分享(附小程序控件+设计规范)

掌握了这个导航控件,你可以设计80%的应用导航

iOS设计规范总结

关于瓷片区,你需要了解这些设计要点

激发灵感的50张精美纸质邀请函设计(一)

【蓝湖大咖访谈】每日优鲜付腾:青年新锐设计总监 – 设计要不走寻常路

设计沉思录|乡镇一哥诞生记

设计语言 – 表单(登录/注册)

常见的移动端设计模式与案例分析

文字设计原理(三):文字的易读性

【原创】如何提高审美能力

80%的用户时间停留在前三屏,然而八年前完全不是这样

甲方竟敢说你的配色丑! 我来教你怼回去(二)

从0到1 百度人工智能零售的开篇

数据化设计思维的养成

设计师必备的AE插件合集