注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

数据文化

数据分析和可视化探讨

 
 
 

日志

 
 

表格设计基础  

2010-06-10 14:47:50|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1          表格需求

讨论一个事物的优劣,是一个很容易变得情绪化的事情。因为很多时候,不同观点是建立在不同的标准上的。比如我们比较不同的跑车:

表格设计基础 - datavis - 数据文化
 

 对决

表格设计基础 - datavis - 数据文化
 

对于日常的使用,上班购物旅游等,我想大部分人会选择宝马。而如果你是要上阵比赛,那右边的赛车就肯定胜出了。判断表格设计的选择也是同样的道理。我们首先必须明确表格需要满足的需求,在此基础上,进一步找出最好满足这些需求的方法。

我们在此定义表格需要满足的需求为:

表格是一种显示数据的工具。表格的设计应该让读者最快地,最准确地完成对数据的理解和比较。

在此文里,我们通过对一个典型中国式报表的分析,指出一些可供改进之处,同时引进一些表格设计的基本概念。

2          表格剖析

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

表格设计基础 - datavis - 数据文化
 

2.1            线条及颜色

这个表格有显注的中国式报表的特点:

1.        表格通过格子线条来分割数据及区域。

2.        因为有不同的区域同时画在一个表格内,报表设计者使用了不同的背景色来帮助区域的区分。

第一印象是这个表格的颜色很重。一个读者的注意力第一会被吸引到不同的背景色上。因为它的面积和比重远远超过其它的像素。

接下来,读者注意力会在一定程度地陷入在线条和数字之间的竞争里。最少数字没有占有一个最显眼的位置。

我们可以很快易地对这个表格作一些调整,进而减少不必要的干扰:

1.        尽量降低线条的深度。让它既可以起到划分数据的效果,又不吸引读者的注意力。

2.        取消背景色。通过对线条的颜色变化来起到分片的效果。

表格设计基础 - datavis - 数据文化
 

2.2            数字显示

表格最重要的功能是对数据的显示。数据之外的标题,背景等等都是相对次要的。以此条件来分析,我们看到这个表格还存在以下问题:

1.        所以数据都显示了小数点两位,虽然所有的小数点后都是零。

2.        各种标题占用了很多像素。数字本身有点被喧宾夺主的感觉。

3.        金额和数量交叉显示。如果你想只关注金额或数量,需要做一些努力。

基于这些观察,我们作出以下调整:

1.        去掉小数点之后的显示。加上千的分隔点,以易于快速判断。

2.        降低标题的颜色深度,以达到突出数字的目的。

3.        对数量的行加上一个很浅的背景色,以助于金额和数量的分别。

表格设计基础 - datavis - 数据文化
 

和原始表格相比,新的版本在易读性上有了明显的改进。

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.

也就是说,数据墨水是那些用来表达数据的像素。如果把它抹掉,显示的信息就会改变。比如一个表格里,把线条擦掉,不会对显示的信息作出改变。而把数字擦掉,显示的信息就不同了。

数据墨水的想法是尽量增加数据墨水对非数据墨水的比例。在合乎情理的前提下,减掉所有不需要的非数据显示。我们以上的对表格的改进,也是在这个指导思想下作出的。

  评论这张
 
阅读(351)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017