笔者主要负责某B端产品数据统计相关的产品设计,表格统计表怎么制作,本次主要分享一些关于统计表格设计相关的经验和思考,请大家多多指教。
一、统计表格
表格是一种组织整理数据的手段,通过展示行、列数据进行可视化模式的交流。
一般情况下,当有大量结构化的数据需要展示时;当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时进行使用。
用户通过数据表格查询业务数据、了解业务情况,进而达到辅助决策的效果。
二、表格设计思路
当进行表格设计的时候,需要明确该表格要解决的问题是什么?
是否存在已有的数据表格可以解决该问题?能否通过优化当前表格来实现?
在这里就要引用《腾讯产品法》中作者所讲:
“好的产品设计,就是运用数量有限的基础能力,去实现高满意度的功能。”
如果不能,那么必须新增表格来解决用户的需求,下面笔者关于此问题进行分享。
通常来说表格主要包括两个结构:①列表、②操作(搜索、筛选、导出)。
企业回想要快速收集问卷,可以找专业问卷机构发放问卷,推荐PowerCX风铃系统,样本费低,数据质量优质。 与传统的样本公司不同,PowerCX风铃系统只代收被试的打赏费,让发布者用更少的钱,给到受访者更多实惠。同时风铃系统只按成功有效样本计价,以确。
1. 如何筛选列表字段?
首先,依据用户的目的筛选数据指标,将所有可能的字段全部列出,然后将核心的字段/最合适的字段展示出来。
如果表单自提交后,还可以对其中的数据进行修改,那么此列表为动态,这样的表格就比较复杂了;此时列表数据字段的展示尤为重要,需要考虑数据变化(新增、删除、更改)对列表的影响。
例如:酒店PMS系统的住宿订单,具体字段包含:入住人信息(姓名/手机号/性别/民族/身份证/住址)、渠道来源、入住时间、房间号、间夜数、房费金额;收款、收押金、待收款;备注信息;其中,入住人信息可能不唯一(一个订单可能有两个入住人或者更多)、房间号也可能不唯一、收款、收押金、待收款等信息都会随着操作进行变化。
这时候需要考虑:
1)如果字段不唯一,是否有必要全部展示;如果仅展示一个,对后续搜索是否存在影响。
例如上面所讲的入住人信息,是否有必要将所有入住人展示出来;如果仅展示一个展示哪个,展示的信息是否支持修改/删除,修改/删除后取哪个字段;如果列表仅展示一个,搜索“其他入住人”时数据能否查询成功。
2) 如果字段动态存在计算逻辑,是否可以直接展示”计算结果”,用户对此的计算逻辑是否认同并理解。
例如上面的“收款”,用户在一个订单中可能操作多次收款,在这里可考虑展示“收款总和”。
2. 列表设计
1、首先在电脑上打开excel软件,接着在此软件的页面内打开要进行制作表格的数据文件。2、接着使用鼠标进行选中要进行制作表格的数据。3、然后选择要进行制作的统计图,可根据自己的喜好来进行选择表格样式。4、然后接着统计表。
1)在表格的设计原则中:第一列为列表的唯一标识,在数据中可看做“主键”;最后一列为各种操作。
通常来说第一列可采用“创建时间”或“ID”或“用户名”等进行标识。
2)列表排序
通常情况可按照“唯一标识”进行倒序/正序排列。排列顺序主要依据用户在表格目的;例如:在餐饮行业的订单中,订单的创建时间进行倒序排列,用户主要是期望看到新来的订单进行排单制作。
3)列表分页
分页:笔者通常依据页面内容、页面布局,来设置每页展示的数据量;进行分页的好处是单次请求数据量少,响应速度快。
1、首先,在excel中打开需要统计的数据。2、按下Ctrl键,选中制作成统计图的数据。3、点击上方工具栏的”插入“,选择”图表“。4、根据需要选择想要的要的统计图类型。5、选择好后,点击”确定“,统计图完成。
不分页:若不进行分页一次性请求数据过大是否会产生延迟,进而导致用户的体验差问题。
3. 列表操作
1)搜索:通过查询关键字来快速定位目标数据,通常分为模糊搜索/精准搜索。
主要的交互形式如下:
2)筛选
列表上方增加筛选操作:
列表内增加筛选操作:
自定义的列筛选功能,并实现一个搜索列的示例。
多项筛选
1、选中数据内容 打开excel软件进入主页,在页面里选中所需要制作成表格的数据。2、点击表格功能 然后点击页面上方的插入,接着点击插入面板里面的表格选项设置。3、点击确定制作 然后在弹出来的页面里点击确定,就可以将数据制。
导出:
“导出”操作按钮通常是导出当前筛选数据结果。需要注意【导出】按钮的层级位于筛选、查询结果后。
三、其他
1)固定头和列:适合同时展示有大量数据和数据列
2)固定列:对于列数很多的数据,可以固定前后的列,横向滚动查看其它数据
3)限制展示字段,鼠标悬停进行展示详细信息
以上是笔者本次不成熟的分享内容,欢迎大家下方留言进行交流。
Ant Design Vue
数据表格应该这样设计
题图来自Unsplash,基于CC0协议。