以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://cdc.tencent.com/?p=2219

表面下的隐藏信息——浅谈信息可视化

作者:段梦楠  |   发布: (编辑)kent.zhu   |   时间:2010-02-20 11:15:43 文字大小:- +

惊现!表面下的隐藏信息——浅谈信息可视化

1910年,病卧床上的魏格那(德国气象学家,以“大陆漂移学说”闻名),无意地注视着墙上的世界地图……地图表面之下的隐藏信息惊现了:“大西洋两岸的轮廓竟是如此相对应……”。

惊现!表面下的隐藏信息——浅谈信息可视化

地图,将地面坐标的信息可视化而产生的图形工具,更便于人们探索其中关系,进而发掘隐藏的真理。Let’s zoom out. 其实任何事物都是一类信息:表格,图形,地图,甚至文本,无论静态或动态,都为我们提供认识世界的手段。而可视化(visualization),将数倍放大他们的威力。让我们看看Ta是如何穿透表面,让隐藏的信息浮现的:

 

1854年,霍乱在伦敦Soho区严重爆发,当时对霍乱起因的主流意见仅仅是空气传播。

惊现!表面下的隐藏信息——浅谈信息可视化

约翰斯诺(内科医生)将水质研究、霍乱死亡统计分布图与地图对比分析,发现污染源来自于Broad Street的公用抽水机。证实了正是伦敦政府将废物倾销进泰晤士河的决定导致了霍乱通过地面下污水传播而最终爆发。

数据可视化的目标是通过图解手段清楚和有效传达信息。 功能性的数据可视化并非要是看上去乏味的,极度精密尖端的数据可视化也不一定是看上去漂亮的。关键要结合数据的特征,以便观察。

 

越狱男主角Michael身上的魔鬼纹身头像是用来定位在墙上打一个小洞:

惊现!表面下的隐藏信息——浅谈信息可视化

因为Michael参与过监狱维修,所以知道材料的弹力系数以及一些参数。 根据胡克定律求出坐标后,当然要记下来,最容易记住的就是图形,他就把坐标隐藏在了恶魔的脸上了,然后又投影到墙上。这里,信息可视化以图形形式记忆复杂计算的结果,帮助用户快速使用并达到目的,数倍提高信息的使用效率。

如今,数据可视化已发展成为研究教学与发展的热门领域,是结合了科学与信息形象化的综合领域。今天的信息世界,信息爆炸:怎样组织它们?信息超载:怎样理解它们?所有信息是相互关联的:怎样介入它们?知识淹没在信息中:怎么发现知识?怎样展现各种形式的信息来帮助人们探索信息?Let’s take a look:

 

5 Years Infosthetics

http://moritz.stefaner.eu/projects/5yrs-infosthetics/
惊现!表面下的隐藏信息——浅谈信息可视化

“假设总共1000条数据,每屏显示50条,共需多少屏显示的完?”

在Infosthetics论坛 5周年庆生之际,设计师将总共约2000个项目放在同一个页面中按多重维度进行筛选查找。左侧每一个小块代表一个项目,并赋予几个与右侧类别属性对应的颜色。

惊现!表面下的隐藏信息——浅谈信息可视化

点击右侧的类别、回复数、年份可进行多维度筛选。从近2000条数据中筛选出感兴趣的内容也就点几下的功夫。通过减少搜索,以较少的空间表现大量的数据,间接提高了用户的信息获取效率。

 

Where Does My Money Go?

http://www.wheredoesmymoneygo.org/prototype/
惊现!表面下的隐藏信息——浅谈信息可视化

惊现!表面下的隐藏信息——浅谈信息可视化

2009年圣诞节前,英国政府宣布将对地方公众公开地方开支报告,于是wheredoesmymoneygo.org孕育而生。用户可以在这里查看英国的政府过去6年内各领域的开支。政府希望通过运作这个项目,收集更多细节的信息,包括地方消费等。 图表内容的类别包括教育、健康以及国防等领域。由于所有图形的尺寸都与实际金额对应,颜色都与类别对应,即使没有百分比数据统计,也能直接看出各部分开支的比例,清晰直观。

——“油和能源的开支在哪儿?”

——“点绿的,进去就看到”

 

California Stimulus Map

http://www.recovery.ca.gov/HTML/RecoveryImpact/map.shtml

目前美国政府已向公众公开各地区的资助情况。市民可以在这个网站上可以一目了然看到各地区的资金补救和再投资分布。 资助对象包括州政府,当地政府,地方企业,本地非赢利组织等。

图中圆形的大小对应资助总金额,数字代表资助项目数,彩色扇形分别对应交通、能源等各大领域。

 

Charting the Beatles

http://www.mikemake.com/#72772/Charting-the-Beatles

这些形象化的数据图表是对Beatles音乐的一项研究。 素材来自于许多图和文献,包括销售统计、传记、笔记、活页乐谱和未加工的音频资料。

每个成员各自由一个颜色表示,从每个单曲的色块组成上,以及红色条状代表合作程度,可以看出成员日益独立的趋势。

这张图描述的是Beatles 1963-1966年期间的灌制唱片,拍摄影片以及巡回演出的时间。好像有点像唱片,从里到外一圈一圈,很有意思。

 

Netflix DVD Renting

http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html

这是Newyork Times上关于Netflix.com 所有DVD电影在各地区的租售热度分布图。通过顶部滑动条可以租售量纬度选择不同片子并查看业绩。区域热租度已成为除了票房或IMDb评分之外的另一大推荐指数。

 

Crayola’s crayon chronology

http://www.weathersealed.com/2010/01/15/color-me-a-dinosaur/

Crayola’s是个历史悠久的蜡笔品牌,从1903年的八色起到现在的120色蜡笔套装,颜色数量每28年翻一番。照这速度到2050年,就会出现330种颜色的蜡笔。将来画条逼真的彩虹肯定没问题,不过叫人帮忙拿支蜡笔恐怕非得报出色号才行。

信息可视化是门博大精深的学问,在此仅作抛砖引玉之用,与大家一同探索,通过设计发挥出数据更大的潜力。

 

另附上一些不错的信息可视化资讯站点,供大家参考:

 

http://well-formed-data.net/

 

http://bestiario.org/

 

http://flowingdata.com/

 

http://infosthetics.com/

 

http://www.informationisbeautiful.net/

 

http://stamen.com/


更多
打印  |  相关话题:信息设计 信息可视化   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买