1.表格需求

讨论一个事物的优劣,是一个很容易变得情绪化的事情。因为很多时候,不同观点是建立在不同的标准上的。比如我们比较不同的跑车:
 
ff25c0868fe3e6d3f703a639.jpg  VS  631485f82af626c1b801a038.jpg
 
对于日常的使用,上班购物旅游等,我想大部分人会选择宝马。而如果你是要上阵比赛,那右边的×××就肯定胜出了。判断表格设计的选择也是同样的道理。我们首先必须明确表格需要满足的需求,在此基础上,进一步找出最好满足这些需求的方法。
 
我们在此定义表格需要满足的需求为:
 
表格是一种显著数据的工具。表格的设计应该让读者最快地,最准确地完成对数据的理解和比较。
 
在此文里,我们通过对一个典型中国式报表的分析,指出一些可供改进之处,同时引进一些表格设计的基本概念。
 

2.表格剖析

下图是一个较典型的中国式表格。
c64dd42b4ce9847b1e308938.jpg

2.1 线条及颜色

这个表格有显注的中国式报表的特点:
  1. 表格通过格子线条来分割数据及区域。
  2. 因为有不同的区域同时画在一个表格内,报表设计者使用了不同的背景色来帮助区域的区分。
第一印象是这个表格的颜色很重。读者的注意力首先会被吸引到不同的背景色上。因为它的面积和比重远远超过其它的像素。
 
接下来,读者注意力会在一定程度地陷入在线条和数字之间的竞争里。至少数字没有占有一个最显眼的位置。
 
我们可以很快易地对这个表格作一些调整,进而减少不必要的干扰:
  1. 尽量降低线条的深度。让它既可以起到划分数据的效果,又不吸引读者的注意力。
  2. 取消背景色。通过对线条的颜色变化来起到分片的效果。
e8c5da56e9c3de4d0df3e338.jpg

2.2 数字显示

表格最重要的功能是对数据的显示。数据之外的标题,背景等等都是相对次要的。以此条件来分析,我们看到这个表格还存在以下问题:
  1. 所有数据都显示了小数点后两位,虽然所有的小数点后都是零。
  2. 各种标题占用了很多像素。数字本身有点被喧宾夺主的感觉。
  3. 金额和数量交叉显示。如果你想只关注金额或数量,需要做一些努力。
基于这些观察,我们作出以下调整:
  1. 去掉小数点之后的显示。加上千的分隔点,以易于快速判断。
  2. 降低标题的颜色深度,以达到突出数字的目的。
  3. 对数量的行加上一个很浅的背景色,以助于金额和数量的分别。
b271b1f625f03f50b17ec538.jpg
 
和原始表格相比,新的版本在易读性上有了明显的改进。

3.数据墨水

业界专家Edward Tufte提出了一个数据墨水(Data Ink)的概念,作为指导数据显示设计的指导思想。
数据墨水的目标,Tufte的原话是:
 
 
Above all else show the data
 
而数据墨水定义为:
 
 
A large share of ink on a graphic should present data-information, the ink changing as the data change. Data-ink is the non-erasable core of a graphic, the non-redundant ink arranged in response to variation in the numbers represented.
 
也就是说,数据墨水是那些用来表达数据的像素。如果把它抹掉,显示的信息就会改变。比如一个表格里,把线条擦掉,不会对显示的信息作出改变。而把数字擦掉,显示的信息就不同了。
 
数据墨水的想法是尽量增加数据墨水对非数据墨水的比例。在合乎情理的前提下,减掉所有不需要的非数据显示。我们以上的对表格的改进,也是在这个指导思想下作出的。
 

0

收藏

411114

69篇文章,4W+人气,0粉丝

Ctrl+Enter 发布

发布

取消