信息可视化研究范畴及案例

标签: 交互设计 视觉设计 信息 可视化 | 发表时间:2012-06-19 13:53 | 作者:CDCer
出处:http://cdc.tencent.com

  最近在研究“信息可视化”,因此首先需要定义研究范畴。
  信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义:
  信息可视化(英文:Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据。与科学可视化相比,信息可视化则侧重于抽象数据集,如非结构化文本或者高维空间当中的点(这些点并不具有固有的二维或三维几何结构)。

       特别区别一下“信息可视化”和“科学可视化”概念。在一些书籍中,这两类可视化设计都是未经过区分的。
  “科学可视化”处理的数据具有天然几何结构,如下:

  有一种“科学可视化”相信读者都“设计”过,高中时候画“磁感线”“电场线”。这些“线”是肉眼不可见的(实际上也不存在),但是为了理论研究,我们将其可视化。
  空气的流动,人眼是不可见的。在科学研究中,通过某些手段将看不见的气体流动可视化,以帮助进行模拟实验或者理论研究。
  这一类可视化统称为“科学可视化”,是一个专门的研究领域,不属于“信息可视化”研究范畴。
  “信息可视化”处理的数据更为抽象,比如:

       柱状图,趋势图,流程图,UML图,还mindmanager生成的树状图,都属于信息可视化,这些图形的设计都将“抽象”的概念转化成为可视化信息。

  撇清了“科学可视化”,本文将从功能主义角度研究信息可视化的范畴,以及不同类型信息可视化的案例和设计特点。这样做的好处是能够迅速明确“信息可视化”领域中哪个部分是对当前工作最有价值的。

       Danyel Fisher在一篇研究动画可视化的文章中(《Danyel Fisher, Steven Drucker, Roland Fernandez, and Xiaoji Chen, Vis-à-vis: A Visual Language for Spreadsheet Visualizations, no. MSR-TR-2011-142, June 2011》)提到了数据可视化的一个维度:“展现——探索“(Presentation——Explorer),本文认为能够从功能主义角度较好的诠释信息可视化研究范畴。

  以下通过一张图来表达“展现——探索“维度的含义。

       如果单纯看图表没有感觉,本文找了几个有代表性的案例,各位可以结合图表和案例自行总结。

       展现:
    http://v.youku.com/v_show/id_XMzI2NTk1NTA4.html
   http://xinxisheji.tuyansuo.com/info/1254.html

       探索:
   http://index.baidu.com/
   http://www.google.com/trends/

 

————————这样的维度划分有什么用?———————-

  下文讨论一下动画和交互在这两类信息可视化设计中的运用,既务实,也可以帮助理解这两类设计的不同。

  先说动画,比如,在以下的视频中:
   http://v.youku.com/v_show/id_XMzI2NTk1NTA4.html

 

  设计者充分利用动画,达到了静态图无法达到的效果:

  1、 剔除了和话题无关的数据,强烈的引导了话题。
  2、 动画更加清晰的表达了数据含义,特别是设计者期望表达的含义。
  3、 比静态图更加炫更加有趣,更加吸引眼球。
  以上这3点,都特别符合“偏向展现”的信息可视化的要求。

   再说交互,以百度指数为例:
   http://index.baidu.com

 

  设计者充分利用了交互,达到静态图无法达到的效果:

  1、 组织了大量的,静态图根本无法承载的信息;让不同的角色用户,抱着不同的目的来到这里,都可以通过交互行为看到自己需要的信息。
  2、 通过交互行为,用户可以根据自己的目的和对数据的诠释思路去查看不同的数据。
  3、 交互让关键信息更加明确的展现出来。
  以上这3点,都特别符合“偏向探索”的信息可视化的要求。

  对于展示类的设计,我们是在导演一部电影,因此可以更多的使用动画;而对于探索类的设计,我们是在设计用户的探索行为,因此可以更多的使用交互。

       最后,请各位讨论:在做设计汇报的时候,是做视频demo好还是做可互动demo好?

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5742)

相关 [信息 可视化 研究] 推荐:

信息可视化研究范畴及案例

- - 腾讯CDC
  最近在研究“信息可视化”,因此首先需要定义研究范畴.   信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义:.   信息可视化(英文:Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据.

信息可视化(视觉化) 设计

- 虫虫 - 图研所-infographics-图表设计-信息图表-信息设计-信息视觉化专业网站
信息可视化(视觉化)是用一种人脑容易识别的形式,通过图形化的手段来传达知识、建议或者强制性的命令. 下面这张图为你剖析一下信息可视化. David McCandless的新作,还是用金字塔形讨论数据到信息到知识再到智慧的整个视觉认知体系http://www.informationisbeautiful.net/2010/data-information-knowledge-wisdom/.

盘点信息可视化趋势

- - 腾讯CDC
  在互联网行业,信息可视化这个词语应该不陌生了. ~~近几年,人们把一些繁琐的信息通过可视化的图表视觉化展现出来的例子,涌现的越来越多.   下面我们来系统的说说这个话题~.   信息可视化(Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据.

【读书笔记】-- 文本可视化研究综述

- - CSDN博客云计算推荐文章
文本可视化技术综合了文本分析、数据挖掘、数据可视化、计算机图形学、人机交互、认知科学等学科的理论和方法,为人们 理解复杂的文本内容、结构和内在的规律等信息的有效手段. 海量信息使人们处理和理解的难度日益增大,传统的文本分析技术提取的信息仍然 无法满足人们利用浏览及筛选等方式对其进行合理的分析理解和应用.

图解的艺术――信息可视化运用

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  图解的艺术——信息可视化运用 信息爆炸的今天人们身边挤满着各类数据,可视化的方式能在这堆容易被忽视的繁杂数据油田里挖掘出故事告诉大家. 信息可视化,最早源于数据可视化,也就是我们熟悉的那些饼图、直方图、散点图、柱状图等最原始的统计图表. 这里不细讲历史理论和纠结专业术语,再此贴一篇来自UCDchina关于信息可视化的介绍博文,有兴趣理清概念的可浏览.

[原]为何需要可视化: 信息到智慧的升华

- - zuoninger的专栏
掌握的专业知识越多,需要学习的也越多,我承认自己懂得的还远远不够……当你坦诚自己还不懂时,才更迫切地想问为什么,才能更好地学习. ——Richard Sual Wuraman,《渴望知识2》(Information Anxiety 2). 最近有人问我,拥有怎样的特性才能更好地投身于可视化与信息图表这种事业.

女装SRP商品信息研究

- - UX 一淘体验中心
SRP(Search Result Page),即搜索结果页,是指用户进行搜索后看到的信息结果反馈页面. 由于其在用户整个搜索行为中起到的巨大作用,PD和设计师的同学们经常会关注:买家究竟在SRP上关注哪些内容呢. 显而易见的,买家在选购不同类型的商品时关注的内容也会不同. 我们首先针对女装类目买家如何挑选女装进行了调研,有一些关于女装SRP的发现和大家分享.

Google向所有用户开放可视化信息图形工具Infographics

- Wellming - 译言-电脑/网络/数码科技
来源Google Opens Up Infographic Tools for Everyone's Use | CoDesign.                   美国失业率气泡图.   Google向所有用户开放信息图形工具Infographics.   从现在开始,你可以利用Google的公共信息资源管理系统绘制你的任何数据了,谷歌“动画气泡图”,飞入寻常百姓家.

信息可视化又一案例,用 Perltrees 组织网络收藏夹

- lichzy - 爱范儿 · Beats of Bits
网络浏览中,看见好文章就会顺手收藏到网络收藏夹里,变成一个书签. 书签解决了网络浏览中信息储存的问题,然而,当里面书签堆积过多,我们只能看到一堆列表,想找出相关的书签就开始变得不容易. Perltrees 是一个网络书签收藏服务,与其它书签收藏服务不一样的是,它用图形化的方式来展示我们收藏的书签,把每个书签当作一个节点,把整个收藏夹变为一个思维导图,来解决书签收藏中信息组织和展示的问题.

Facebook发布新版News feed(信息流):改进可视化内容

- - 互联网的那点事
Facebook周四发布了以重新设计后的最新News Feed(信息流)功能,这是该公司到目前为止对这项功能做出的最重要的改动. Facebook对News Feed功能作出改动旨在保持用户的活跃性和互动性,同时也是为了吸引广告主. 目前,Facebook正在与谷歌争夺互联网市场份额. 无论是桌面版还是移动版,新的News Feed看起来都与以前类似,Facebook称其希望保持一致性,不会让用户感到陌生,或是从一个平台转到另一个平台时找不到相应功能.