业界专家Edward Tufte提出了
数据墨水(Data Ink)的概念,来指导表格数据显示和表格
设计。 那什么是数据墨水呢?数据墨水是指那些用来表达数据的像素。如果把它抹掉,显示的数据信息就会改变。数据墨水的概念是尽量增加数据墨水对非数据墨水的比例,减掉所有不需要的非数据显示。以下对报表表格的改进,就是数据墨水概念的一个实践。
下图是一个较典型的中国式报表表格。
这个报表表格有显注的中国式报表的特点:
报表表格通过格子线条来分割数据及区域。
因为有不同的区域同时画在一个表格内,报表设计者使用了不同的背景色来帮助区域的区分。
第一,报表表格的首要印象是颜色很重。报表使用者的注意力首先会被吸引到不同的背景色上。因为它的面积和比重远远超过其它的部分。
第二,报表使用者的注意力会在一定程度被陷入线条和数字之间的竞争里。至少表格数据没有占有一个最显眼的位置。
接下来我们根据上述情况对报表表格做一些调整
尽量降低线条的深度。让它既可以起到划分数据的效果,又不吸引报表使用者注意力。
取消背景色。通过对线条的颜色变化来起到分片的效果。
报表表格最重要的功能是对数据的显示。表格数据之外的标题,背景等等都是相对次要的。通过这样的标准,我们看到这个表格表格还存在以下问题:
- 所有报表数据都显示了小数点后两位,虽然所有的小数点后都是零。
- 各种标题占用了很多像素。数字本身有点被喧宾夺主的感觉。
- 金额和数量交叉显示。如果你想只关注金额或数量,需要做一些努力。
基于这些观察,我们作出以下调整:
- 去掉小数点之后的显示。加上千的分隔点,以易于快速判断。
- 降低标题的颜色深度,以达到突出数字的目的。
对数量的行加上一个很浅的背景色,以助于金额和数量的分别。
修改后的报表表格和原始表格相比,在易读性上有了明显的改进
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/110353.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...