以用户为中心的设计 |
|||
最近在研究“信息可视化”,因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义: 特别区别一下“信息可视化”和“科学可视化”概念。在一些书籍中,这两类可视化设计都是未经过区分的。 有一种“科学可视化”相信读者都“设计”过,高中时候画“磁感线”“电场线”。这些“线”是肉眼不可见的(实际上也不存在),但是为了理论研究,我们将其可视化。 柱状图,趋势图,流程图,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),本文认为能够从功能主义角度较好的诠释信息可视化研究范畴。 以下通过一张图来表达“展现——探索“维度的含义。 如果单纯看图表没有感觉,本文找了几个有代表性的案例,各位可以结合图表和案例自行总结。 展现: 探索:
————————这样的维度划分有什么用?———————- 下文讨论一下动画和交互在这两类信息可视化设计中的运用,既务实,也可以帮助理解这两类设计的不同。 先说动画,比如,在以下的视频中:
设计者充分利用动画,达到了静态图无法达到的效果: 1、 剔除了和话题无关的数据,强烈的引导了话题。 再说交互,以百度指数为例:
设计者充分利用了交互,达到静态图无法达到的效果: 1、 组织了大量的,静态图根本无法承载的信息;让不同的角色用户,抱着不同的目的来到这里,都可以通过交互行为看到自己需要的信息。 对于展示类的设计,我们是在导演一部电影,因此可以更多的使用动画;而对于探索类的设计,我们是在设计用户的探索行为,因此可以更多的使用交互。 最后,请各位讨论:在做设计汇报的时候,是做视频demo好还是做可互动demo好? (本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5742) |