解读信息设计

An Introduction To Information Design

2

THE DATA IS THE SAME

But which one do you want to work with?

3

4

 Make your data talk! 
Using Information Design

5

1

信息设计概述

Understand  Information Design
 

1、对信息设计的需求

2、定义信息设计

2、信息设计涉及的领域与应用

3、信息设计形式

郭俊, Estella Guo | Sep 17th, 2010

6

1

信息设计概述

Understand  Information Design
 

 “信息超载”——由于大量无法抵抗的有效资讯的出现，将导致个体无力处理、吸收并理解信息。在互联网产生的信息寻求者文化中，这种状况日趋严重。全世界大部分的知识都只在我们指尖，但是有限的理解和沟通能力常常阻断了我们的交流。 
     

1、对信息设计的需求

   身处当今这个信息化合全球化的社会，政府、公司、教育机构以及个人都在努力寻求更好的交流方式
     

   优秀的设计有能力遏制不良的用户体验！

     

7

1

信息设计概述

Understand  Information Design
 

“信息设计”这个术语最早被提出是作为图形设计的一个子集或同义词。 后来，信息设计的概念被扩展到包括信息内容和文字， 甚至用户测试和调研等更广的领域，成为一门多学科交叉的边缘学科，概念的定义在不同学科中有着不同的侧重点。

1、定义信息设计

  从信息构建和有效管理的方面,  通过分析、展示复杂信息，缩小了数据和知识之间的鸿沟；
     

  在交流互动方面，通过人因工程、用户认知心理、交互情景模拟的研究，使信息从静态转 换 成动态,   来达到流畅的，友好的交互体验； 
         

   在信息可视化和视觉信息传达方面， 通过对文字、图形符号、色彩、用户视觉流程的研究，将信息从无形转换成有形， 通过友好的界面设计， 使信息传播更为方便、 准确、更易识别。         

8

“

     信息设计是对信息清晰而有效的
呈现。它通过一种多学科和跨学科
的途径达到交流的目的，并结合了
平面设计、技术性与非技术性的创
作、心理学、沟通理论和文化研究
等领域的技能。

”

Frank Thissen

2

9

“

    信息设计涉及对数据的组织和呈
现：将其转化为有价值、有意义的
信息。

Nathan Shedroff

”

“

    信息设计使复杂的信息变得更容
易理解和使用。

”

AIGI

10

“

”

Robert E.Horn

    信息设计被定义为一门信息策划的
艺术与科学，它使得人们能够有效地
使用信息。信息设计的初级产品主要
作为电子文档展现在电脑屏幕上。

11

信息设计使复杂的信息变得更容易理解和使用。

任何信息设计的目的都是用清晰、平易近人、
易于理解的方式向最终受众传达特定的信息。

信 息 设 计
INFORMATION DESIGN

12

1

信息设计概述

Understand  Information Design
 

信息设计主要与信息的产生、分类、组织、传播，展示等活动相关。
 
     

3、信息设计涉及的领域与应用

它所涉及的内容包括：
     网络传播、 用户界面设计（UI）、 信息架构 （IA）、 数据分析、图形设计、 色彩学、 视觉思维、信息可视化、虚拟现实设计、 数字媒体设计、 数字产品与环境设计、 数字娱乐设计、 展示设计、 标识系统设计、 视觉传达设计等。

     

13

"Universe" of Information Design

可用性研究

交互设计

数字娱乐设计

数字媒体设计

图形设计

用户研究

信息设计

视觉思维

数字产品
与环境设
计

色彩学

标识系统设计

视觉传达设计

展示设计

虚拟现实设计

信息架构

14

1

信息设计概述

Understand  Information Design
 

    信息设计的功能主要有两个因素决定：
       信息密度 和 信息接受者

    信息的数量和可及性也影响了特定传媒的合适程度。信息设计师根据最终受众的需要，客户提供的资源以及可用时间的不同而使用各种形式。
 
     

4、信息设计形式

15

“

”

No matter how much you plan you’re

likely to get half wrong anyway. So

don’t do the ‘paralysis through

analysis’ thing. That only slows

progress and saps morale.

Getting Real

http://gettingreal.37signals.com/ch06_Done.php

64

•日历、大事表、时间表

•图表和曲线图

•图解和示意图

•展览设计与环境

•外部标志、路标和广告亭

•图标和符号

•实体和数字用户界面

•地图

•3D模型和计算机模拟

•故事板和情节叙述

•科技插图

•指导手册和使用说明

16

信息可视化 INFORMATION VISUALIZATION

17

信息制图 INFOGRAPHICS

18

模型和图表  MODELS & DIAGRAMS

19

视觉思维 VISUAL THINKING

20

2

信息设计的原则

Principles Of Information Design

1、信息设计的认知原则

2、信息设计的交流原则

3、信息设计的美学原则

21

2

信息设计的原则

Principles Of Information Design
 

1、信息设计的认知原则

• 学习风格（视觉型、听觉/言语型、动觉/触觉型）
• 阶段学说模型（感知输入、短期记忆、长期记忆）
• 米勒的神奇数字
• 差别阈限
• 感官完型法则
• 眼球追踪
• 克利夫兰任务模式

22

28

Web Visions Portland, OR | May 3rd, 2007

16826054074

23

28

Web Visions Portland, OR | May 3rd, 2007

16826054074

16826054074

OR

+1 682 605 4074

24

TIPS:

“针对记忆力的设计”

“变简单点”

1、用对比和颜色迅速吸引读者的注意，与熟知的主题创造关联来帮助使用者存储信息。
2、提供经过解析的、平易近人的内容组块以帮助记忆重现

将复杂或者冗长的内容分解成小的组块，记得始终以“7，+/-2”为指导。

25

2

信息设计的原则

Principles Of Information Design
 

2、信息设计的交流原则

• AIDA(注意、兴趣、欲望、行动）：一种推销模式
• LATCH(位置、字母表、时间、类别、层级）组织模式
• 最小努力原则
• 降低不确定感理论
• 信息素养

3、信息设计的美学原则

26

3

信息可视化设计

Information   Visualization  Design

1、信息可视化的定义

2、信息可视化的优势

3、设计赏析

27

3

信息可视化设计

Information  Visualization  Design
 

1、信息可视化的定义

•信息可视化（Information  Visualization）,是一个跨学科领域，
旨在研究大规模非数值型信息资源的视觉呈现，利用图形图像方面的
技术与方法，帮助人们理解和分析数据。是由斯图尔特·卡德(Stuart K.
 Card)、约克·麦金利(Jock D. Mackinlay)、乔治·罗伯逊(George G. 
Robertson)于1989年创造出来的。

28

3

信息可视化设计

Information  Visualization  Design
 

2、信息可视化的范畴

• 信息可视化处理的是抽象数据结构，如树状结构或图形。科学可视化处理的是那些具有天然几何结构的数据（比如，MRI数据、气流）。可视化分析论尤其关注的是意会和推理，主要挖掘数据背景的问题与原因。

29

30

31

32

33

34

35

36

The real-time city is now real! The increasing deployment of sensors and hand-held electronics in recent years is allowing a new approach to the study of the built environment. The way we describe and understand cities is being radically transformed - alongside the tools we use to design them and impact on their physical structure. Studying these changes from a critical point of view and anticipating them is the goal of the SENSEable City Laboratory, a new research initiative at the Massachusetts Institute of Technology. 

http://senseable.mit.edu/

37

2008New York Talk Exchange

38

2008New York Talk Exchange

39

“Global talk happens largely among those at the top of the economy and at its lower end. This point is one of the striking pieces of evidence coming out of the data analyzed here. The vast middle layers of our society are far less global; the middle talks mostly nationally and locally…”
Saskia Sassen

“What we’re seeing with these images created by MIT’s senseable city lab is something much more complex. A city with a center, but few borders. A city with a hinterland inscribed in cyberspace.”
Anthony M. Townsend and Mitchell L. Moss

“The telecommunications traffic is measured at a high level in the global network flow. No information about individuals is collected at any point in the process.”
Kristian Kloeckl

“The New York Talk Exchange uncovers the pulse, rhythm and reach of the ever-growing process of globalization and highlights New York City's preeminent role in the global network of cities.”
Francisca Rojas

“We are interested in visualizing and exploring the connections that New York entertains with the rest of the world, how they change over the course of a day, and how the city's neighborhoods differ from each other by maintaining special and distinct relationships with particular cities and countries. “
Kristian Kloeckl

Quotations

“Using city-level telecom data highlights the increasing importance of connections between cities (as opposed to countries) in this globalized information age. Urban theorists contend that transnational activities are oblivious to national boundaries and that world cities are the anchors of globalization. New York Talk Exchange explores this assertion by making apparent the intangible flows of information between New York and cities around the world.”
Francisca Rojas

“In analyzing the voice call data, it was at first surprising to see how Guyana, a country with 750,000 inhabitants had two major cities (Georgetown and New Amsterdam) show up among the top 12 ranking cities for calls to and from Queens. Cross linking this information with that of the latest NYC census, we found that there are more than 130,000 Guyanese-born residents in NYC out of which more than half do in fact live in Queens.”
Kristian Kloeckl

“Though this project emphasizes global connections, more than 80% of all phone connections we consider for the New York Talk Exchange project remain within the boundries of the United States.”
Francesco Calabrese

“The AT&T and BT data comparison hints at an interesting parallel: in an age of globalization, perhaps London's relationship to Europe is analogous to what is conventionally believed to be New York's relationship to the whole of the United States. The 'continent' may be closer to London than the British believe.”
Carlo Ratti

2008New York Talk Exchange

40

http://tuyansuo.com/

http://www.gapminder.org/

http://visualcomplexity.com/

http://infosthetics.com

Reference:

41

Thank You

郭俊  Estella Guo          
contact me : estellaguo@gmail.com