데이타 시각화와 정보디자인

48
데이터 시각화와 정보 디자인 Data Visualization and Information Graphics 숙명여자대학교 l 시각영상디자인학과 이지선

Upload: ji-lee

Post on 08-May-2015

7.644 views

Category:

Documents


14 download

DESCRIPTION

Data Visualization and Information Design (Korean) - presentation file for Kmobile conference

TRANSCRIPT

Page 1: 데이타 시각화와 정보디자인

데이터 시각화와 정보 디자인 Data����������� ������������������  Visualization����������� ������������������  and����������� ������������������  Information����������� ������������������  Graphics����������� ������������������  

숙명여자대학교 l 시각영상디자인학과

이지선

Page 2: 데이타 시각화와 정보디자인

데이타 시각화란?

Page 3: 데이타 시각화와 정보디자인

데이터����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  정의와����������� ������������������  목적

£ 데이터����������� ������������������  시각화(Data����������� ������������������  Visualization)란����������� ������������������  데이터의����������� ������������������  시각적����������� ������������������  표현의

����������� ������������������  연구영역을����������� ������������������  말하며,����������� ������������������  이는����������� ������������������  도식적����������� ������������������  형태안에����������� ������������������  추상적으로����������� ������������������  표현된,

����������� ������������������  속성(attributes)이나 변수(variables)를 가진 단위를 포함한 정보를����������� ������������������  이야기함����������� ������������������  

£ 데이타����������� ������������������  시각화의����������� ������������������  주요����������� ������������������  목적은����������� ������������������  그래픽적����������� ������������������  의미를����������� ������������������  이용하여����������� ������������������  명확

하고����������� ������������������  효과적으로����������� ������������������  정보를����������� ������������������  커뮤니케이션����������� ������������������  하기����������� ������������������  위한����������� ������������������  것이다.����������� ������������������  기능적

으로����������� ������������������  보이게����������� ������������������  하기����������� ������������������  위하여����������� ������������������  지루하게����������� ������������������  보일필요도����������� ������������������  아름답게����������� ������������������  보이기����������� ������������������  위하여����������� ������������������  극단적으로����������� ������������������  

철학적일����������� ������������������  필요도����������� ������������������  없다.����������� ������������������  아이디어를����������� ������������������  효과적으로����������� ������������������  전달하기����������� ������������������  위해서는����������� ������������������  퍼져����������� ������������������  있거나����������� ������������������  복잡한

����������� ������������������  데이터����������� ������������������  셋보다는����������� ������������������  좀더����������� ������������������  직관적인����������� ������������������  관점을����������� ������������������  제공하는,����������� ������������������  미적형태와����������� ������������������  기능성����������� ������������������  두가

지를����������� ������������������  모두����������� ������������������  가져가야����������� ������������������  한다.����������� ������������������  ����������� ������������������  아직����������� ������������������  디자이너들은����������� ������������������  정보를����������� ������������������  전달하기����������� ������������������  위한����������� ������������������  주요����������� ������������������  내

용을����������� ������������������  제공하기����������� ������������������  어려운����������� ������������������  굉장히����������� ������������������  아름다운����������� ������������������  데이터����������� ������������������  시각화를����������� ������������������  창조하여����������� ������������������  형태과����������� ������������������  기능사이

에서����������� ������������������  균형을����������� ������������������  만드는데����������� ������������������  실패한다.����������� ������������������  프리드만(2008)����������� ������������������  

����������� ������������������  3

Page 4: 데이타 시각화와 정보디자인

데이터����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  관련분야

£ 관련����������� ������������������  분야����������� ������������������  :����������� ������������������  인포그래픽(info����������� ������������������  graphics),����������� ������������������  정보시각화(informatio

n����������� ������������������  visualization),����������� ������������������  Scientific����������� ������������������  visualization,����������� ������������������  statistical����������� ������������������  graphics����������� ������������������  

£ 데이터����������� ������������������  시각화����������� ������������������  두가지����������� ������������������  관점����������� ������������������  ����������� ������������������  :����������� ������������������  통계적����������� ������������������  그래픽(statistical����������� ������������������  graphics

),����������� ������������������  주제����������� ������������������  지도학(thematic����������� ������������������  cartography)����������� ������������������  –����������� ������������������  프랜들리(2008)����������� ������������������  

• 마인드맵����������� ������������������  

• 뉴스����������� ������������������  표현����������� ������������������  

• 데이타����������� ������������������  표현����������� ������������������  

• 관계들의����������� ������������������  표현����������� ������������������  

• 웹사이트들의����������� ������������������  표현����������� ������������������  

• 기사와����������� ������������������  리소스들����������� ������������������  

• 툴과����������� ������������������  서비스����������� ������������������  ����������� ������������������  

£ 모두����������� ������������������  그래픽디자인과����������� ������������������  정보표현방식과����������� ������������������  매우����������� ������������������  밀접한����������� ������������������  연관����������� ������������������  ����������� ������������������  4

Page 5: 데이타 시각화와 정보디자인

데이터����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  정의와����������� ������������������  범위

£  A data visualization of Wikipedia as part of the World Wide Web, demonstrating hyperlinks

5

Page 6: 데이타 시각화와 정보디자인

데이터����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  소타이틀����������� ������������������  

£ 과거.����������� ������������������  사실적인����������� ������������������  양을����������� ������������������  표현하는����������� ������������������  방법����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  데이터의����������� ������������������  패턴을����������� ������������������  파악하는����������� ������������������  도구역할����������� ������������������  

£ 현재.����������� ������������������  덜����������� ������������������  분석적이고����������� ������������������  더����������� ������������������  감정적인����������� ������������������  영역����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  생각의����������� ������������������  소통을����������� ������������������  위한����������� ������������������  전달체����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  농담거리를����������� ������������������  전달하는����������� ������������������  매개체����������� ������������������  ����������� ������������������  

£  “사람은����������� ������������������  보는����������� ������������������  것만으로도����������� ������������������  데이터에����������� ������������������  대해����������� ������������������  많은����������� ������������������  것을����������� ������������������  알����������� ������������������  수����������� ������������������  있으며

����������� ������������������  데이터의����������� ������������������  의미를����������� ������������������  이해하고����������� ������������������  그����������� ������������������  이야기를����������� ������������������  이해하곤����������� ������������������  한다.”����������� ������������������  -����������� ������������������  존����������� ������������������  터

키����������� ������������������  

£  “차트와����������� ������������������  그래프는����������� ������������������  단순히����������� ������������������  분석을����������� ������������������  위한����������� ������������������  도구가����������� ������������������  아니라����������� ������������������  생각의����������� ������������������  소통

을����������� ������������������  위한����������� ������������������  전달체이며,����������� ������������������  농담거리를����������� ������������������  전달하는����������� ������������������  매개이기도����������� ������������������  하다.”����������� ������������������  -����������� ������������������  

네이선����������� ������������������  야우����������� ������������������  

6

Page 7: 데이타 시각화와 정보디자인

정보 디자인이란?

Page 8: 데이타 시각화와 정보디자인

정보����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£ 정보����������� ������������������  시각화(information����������� ������������������  visualization)란?����������� ������������������  소트프트웨어����������� ������������������  시스

템,����������� ������������������  라이브러리,����������� ������������������  서지����������� ������������������  데이타베이스에서의����������� ������������������  코드의����������� ������������������  라인들과����������� ������������������  화

일들같은����������� ������������������  비수치����������� ������������������  정보,����������� ������������������  인터넷의����������� ������������������  네트웍관계����������� ������������������  등����������� ������������������  큰����������� ������������������  범위의����������� ������������������  집합

들에����������� ������������������  대한����������� ������������������  시각적����������� ������������������  표현방법의����������� ������������������  간학문����������� ������������������  연구영역����������� ������������������  

£ 방대한����������� ������������������  양의����������� ������������������  정보를����������� ������������������  한번에����������� ������������������  사용자가����������� ������������������  보고,����������� ������������������  탐험하고����������� ������������������  이해하도록

����������� ������������������  시각적����������� ������������������  표현방법과����������� ������������������  인터렉션����������� ������������������  기술들을����������� ������������������  이용하여����������� ������������������  추상적����������� ������������������  정보를

����������� ������������������  직관적����������� ������������������  방법으로����������� ������������������  전달하기����������� ������������������  위한����������� ������������������  접근방법을����������� ������������������  창조하는����������� ������������������  것에����������� ������������������  초

점을����������� ������������������  맞춤����������� ������������������  

£ HCI,����������� ������������������  컴퓨터공학,����������� ������������������  그래픽,����������� ������������������  시각디자인,����������� ������������������  심리학,����������� ������������������  비지니스����������� ������������������  방법

론등의����������� ������������������  연구영역으로����������� ������������������  부터����������� ������������������  발전했으며����������� ������������������  과학적����������� ������������������  연구,����������� ������������������  디지털����������� ������������������  라

이브러리,����������� ������������������  데이타����������� ������������������  마이닝,����������� ������������������  금융데이타����������� ������������������  분석,����������� ������������������  시장조사,����������� ������������������  제품생산

����������� ������������������  컨트롤,����������� ������������������  약품개발����������� ������������������  등에서����������� ������������������  중요한����������� ������������������  부분에����������� ������������������  적용이����������� ������������������  ����������� ������������������  증가����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

8

Page 9: 데이타 시각화와 정보디자인

정보����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£  2005년초����������� ������������������  인터넷의����������� ������������������  부분적����������� ������������������  맵,����������� ������������������  각����������� ������������������  라인은����������� ������������������  두개의����������� ������������������  IP����������� ������������������  어드레스와����������� ������������������  이들����������� ������������������  두개의����������� ������������������  노드들간의����������� ������������������  delay를����������� ������������������  나타냄����������� ������������������  ����������� ������������������  

9

Page 10: 데이타 시각화와 정보디자인

정보����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  방법과����������� ������������������  테크닉

£ 정보����������� ������������������  시각화����������� ������������������  방법����������� ������������������  및����������� ������������������  테크닉����������� ������������������  

• 분기도(Cladogram)����������� ������������������  

• 수지도(Dendrogram)����������� ������������������  

• 정보시각화����������� ������������������  레퍼런스����������� ������������������  모델����������� ������������������  

• 그래프����������� ������������������  드로잉����������� ������������������  

• 히트맵(heat����������� ������������������  map)����������� ������������������  

• 쌍곡선트리(Hyperbolic����������� ������������������  tree)����������� ������������������  

• Multidimensional����������� ������������������  scaling����������� ������������������  

• Problem����������� ������������������  Solving����������� ������������������  Environment����������� ������������������  

• 트리매핑(Treemapping����������� ������������������  

10

Page 11: 데이타 시각화와 정보디자인

정보����������� ������������������  시각화란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£  Tree Map : The Observatory of Economic Complexity http://atlas.media.mit.edu/explore/tree_map/export/usa/all/show/2009/

11

Page 12: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£ 인포����������� ������������������  그래픽(information����������� ������������������  graphics,����������� ������������������  ����������� ������������������  info����������� ������������������  graphic)이란?����������� ������������������  정보,

����������� ������������������  데이타����������� ������������������  또는����������� ������������������  지식등의����������� ������������������  그래픽����������� ������������������  정보����������� ������������������  표현방법����������� ������������������  

£ 인포그래픽의����������� ������������������  그래픽들은����������� ������������������  사인,����������� ������������������  맵,����������� ������������������  저널리즘,����������� ������������������  테크니컬����������� ������������������  라이팅,

����������� ������������������  교육과����������� ������������������  같은����������� ������������������  복잡한����������� ������������������  정보를����������� ������������������  빨리����������� ������������������  명확하게����������� ������������������  표현����������� ������������������  

£ 정보����������� ������������������  디자인(information����������� ������������������  Design)����������� ������������������  이란?����������� ������������������  사람들이����������� ������������������  사용할수����������� ������������������  

있는����������� ������������������  효과적인����������� ������������������  효율적인����������� ������������������  정보����������� ������������������  준비의����������� ������������������  연습과����������� ������������������  기술����������� ������������������  데이타가����������� ������������������  복

잡하고����������� ������������������  구조적이지����������� ������������������  않은것에����������� ������������������  대하여,����������� ������������������  시각적����������� ������������������  표형방법은����������� ������������������  좀더����������� ������������������  

보는사람들이����������� ������������������  좀더����������� ������������������  명확하게����������� ������������������  의미할수����������� ������������������  있도록����������� ������������������  표현하는데����������� ������������������  도움����������� ������������������  ����������� ������������������  

12

Page 13: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£ 에드워드����������� ������������������  터프티����������� ������������������  

• 정보����������� ������������������  자체의����������� ������������������  전달성을����������� ������������������  중시����������� ������������������  ����������� ������������������  ����������� ������������������  

• 정보����������� ������������������  디자인����������� ������������������  연구의����������� ������������������  기초를����������� ������������������  제시����������� ������������������  ����������� ������������������  

£ 양적����������� ������������������  정보의����������� ������������������  디자인은����������� ������������������  하나의����������� ������������������  문제로����������� ������������������  귀결되는데����������� ������������������  그것은����������� ������������������  결국����������� ������������������  

무엇과����������� ������������������  비교할����������� ������������������  것인가����������� ������������������  

£ 원인과����������� ������������������  결과의����������� ������������������  인과관계를����������� ������������������  표현하도록����������� ������������������  노력해야����������� ������������������  

£ 정보를����������� ������������������  표현하는����������� ������������������  수단에����������� ������������������  의해����������� ������������������  정보메시지의����������� ������������������  전달이����������� ������������������  불확실해����������� ������������������  

지면����������� ������������������  안����������� ������������������  됨����������� ������������������  

£ 정보의����������� ������������������  내용과����������� ������������������  환경이����������� ������������������  매우����������� ������������������  복잡하므로����������� ������������������  표현도����������� ������������������  다차원적이어야함����������� ������������������  ����������� ������������������  

£ 정보디자인의����������� ������������������  성패는����������� ������������������  내용의����������� ������������������  통합,����������� ������������������  품질,����������� ������������������  그리고����������� ������������������  적절성에����������� ������������������  의해

����������� ������������������  좌우����������� ������������������  

13

Page 14: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£ 리처드����������� ������������������  솔����������� ������������������  워먼����������� ������������������  

• 인포메이션����������� ������������������  아키텍쳐의����������� ������������������  탄생����������� ������������������  

• 정보설계가����������� ������������������  

£ 우리가����������� ������������������  일상에서����������� ������������������  접하는����������� ������������������  대부분은����������� ������������������  정보가����������� ������������������  아니고����������� ������������������  데이터에����������� ������������������  불

과하므로����������� ������������������  이를����������� ������������������  가치있게����������� ������������������  하려면����������� ������������������  데이터에����������� ������������������  의미를����������� ������������������  부여하고����������� ������������������  조

직화하여����������� ������������������  변화시켜����������� ������������������  제시해야����������� ������������������  한다.����������� ������������������  

14

Page 15: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£  나이팅게일의����������� ������������������  폴라그래프����������� ������������������  

15

Page 16: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£  샤를����������� ������������������  미나르의����������� ������������������  나폴레옹����������� ������������������  러시아����������� ������������������  원정����������� ������������������  ����������� ������������������  

16

Page 17: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인이란?����������� ������������������  l����������� ������������������  정의����������� ������������������  

£  Visualization of the frequency of outbound trains from Bangalore, India

17

Page 18: 데이타 시각화와 정보디자인

정보 디자인이 중요해진 이유

Page 19: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l����������� ������������������  자기����������� ������������������  표현����������� ������������������  +����������� ������������������  이야기����������� ������������������  전달����������� ������������������  

£ 빅데이터가����������� ������������������  넘쳐나는����������� ������������������  시대,����������� ������������������  정보의����������� ������������������  홍수����������� ������������������  속에서����������� ������������������  살고있는����������� ������������������  우리

에게����������� ������������������  소통의����������� ������������������  가장����������� ������������������  중요한����������� ������������������  도구?����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  자기����������� ������������������  표현과����������� ������������������  이야기����������� ������������������  전달이����������� ������������������  중요한����������� ������������������  시대����������� ������������������  ����������� ������������������  

£ 우리가����������� ������������������  인식하는����������� ������������������  정보의����������� ������������������  큰����������� ������������������  부분을����������� ������������������  차지하고있는����������� ������������������  데이터����������� ������������������  또한����������� ������������������  

자신을����������� ������������������  어떻게����������� ������������������  표현하고����������� ������������������  이야기를����������� ������������������  전달할����������� ������������������  것인가?����������� ������������������  

£ 기술자,����������� ������������������  디자이너,����������� ������������������  통계학자들을����������� ������������������  중심으로����������� ������������������  과제를����������� ������������������  풀고����������� ������������������  있음����������� ������������������  ����������� ������������������  

19

Page 20: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l����������� ������������������  자기����������� ������������������  표현����������� ������������������  +����������� ������������������  이야기����������� ������������������  전달����������� ������������������  

£  미국����������� ������������������  공화당과����������� ������������������  민주당,����������� ������������������  우파와����������� ������������������  좌파간의����������� ������������������  성향을����������� ������������������  비교����������� ������������������  시각화����������� ������������������  ����������� ������������������  

20

Page 21: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l����������� ������������������  자기����������� ������������������  표현����������� ������������������  +����������� ������������������  이야기����������� ������������������  전달����������� ������������������  

£  Snake Oil?

21

http://www.informationisbeautiful.net/visualizations/snake-oil-supplements/

Page 22: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  중요성����������� ������������������  l����������� ������������������  

£  The face of Crime in U.S. – 체르노프 페이스

22

http://flowingdata.com/2010/08/31/how-to-visualize-data-with-cartoonish-faces/crime-cher

noff-faces-by-state-edited-2/

Page 23: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l����������� ������������������  자기����������� ������������������  표현����������� ������������������  +����������� ������������������  이야기����������� ������������������  전달����������� ������������������  

£  케익,����������� ������������������  쿠키����������� ������������������  비쥬얼����������� ������������������  스토리텔링����������� ������������������  Carl����������� ������������������  Kleiner����������� ������������������  (2010)����������� ������������������  

23

Page 24: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l����������� ������������������  자기����������� ������������������  표현����������� ������������������  +����������� ������������������  이야기����������� ������������������  전달����������� ������������������  

£  케익,����������� ������������������  쿠키����������� ������������������  비쥬얼����������� ������������������  스토리텔링����������� ������������������  Carl����������� ������������������  Kleiner����������� ������������������  (2010)����������� ������������������  

24

Page 25: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인의����������� ������������������  중요성����������� ������������������  l

£  Social class visualization

25

Page 26: 데이타 시각화와 정보디자인

정보 디자인을 하는 방법

출처 : http://www.fastcodesign.com/1670019/10-steps-to-designing-an-amazing-infographic

Page 27: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 1.����������� ������������������  데이터����������� ������������������  수집����������� ������������������  

• 데이타����������� ������������������  자체는����������� ������������������  ����������� ������������������  초기����������� ������������������  데이터,����������� ������������������  복작한����������� ������������������  테디터로����������� ������������������  부터����������� ������������������  시작.����������� ������������������  ����������� ������������������  

• 엑셀����������� ������������������  스프레드쉬트,����������� ������������������  PDF,����������� ������������������  링크들과����������� ������������������  같은����������� ������������������  리소드들이����������� ������������������  전형적����������� ������������������  

• 정보디자인에����������� ������������������  참여하는����������� ������������������  이들중����������� ������������������  정보제공자로����������� ������������������  부터����������� ������������������  스토리를����������� ������������������  시작

할수����������� ������������������  있는����������� ������������������  단서들을����������� ������������������  찾아냄����������� ������������������  

• 이����������� ������������������  단서들로����������� ������������������  부터����������� ������������������  새로운����������� ������������������  리소스에����������� ������������������  대한����������� ������������������  ����������� ������������������  추가적����������� ������������������  리서치를����������� ������������������  진행함����������� ������������������  ����������� ������������������  

• 스토리의����������� ������������������  큰그림은����������� ������������������  따로����������� ������������������  떨어진����������� ������������������  차트안에서가����������� ������������������  아닌����������� ������������������  흩어져����������� ������������������  있는����������� ������������������  

다양한����������� ������������������  리소스들로����������� ������������������  부터����������� ������������������  주로����������� ������������������  찾아짐����������� ������������������  ����������� ������������������  

27

Page 28: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 2.����������� ������������������  모든것을����������� ������������������  읽기����������� ������������������  

• 모두를����������� ������������������  읽는것이����������� ������������������  아닌����������� ������������������  중요하게����������� ������������������  표시된����������� ������������������  사실들만����������� ������������������  읽고����������� ������������������  나머지를����������� ������������������  

훝어보는식으로����������� ������������������  지나치는����������� ������������������  경향이����������� ������������������  있는데����������� ������������������  이는����������� ������������������  나중에����������� ������������������  시간을����������� ������������������  더����������� ������������������  

소모하게����������� ������������������  되는����������� ������������������  결과를����������� ������������������  초래한다.����������� ������������������  ����������� ������������������  

• 리서치의����������� ������������������  에코시스템안에서����������� ������������������  정보의����������� ������������������  작은����������� ������������������  조각들을����������� ������������������  큰그림으로����������� ������������������  짜

맞추는����������� ������������������  것이����������� ������������������  필요하다.����������� ������������������  

• 데이타에서����������� ������������������  점박이����������� ������������������  구멍들을����������� ������������������  적용하는����������� ������������������  인포그래픽을����������� ������������������  만드는����������� ������������������  디자

이너는����������� ������������������  중요한����������� ������������������  정보들이����������� ������������������  빠지지����������� ������������������  않았는지,����������� ������������������  스토리를����������� ������������������  말하는데����������� ������������������  있

어서의����������� ������������������  근거들을����������� ������������������  확인하는����������� ������������������  등의����������� ������������������  노력을����������� ������������������  해야����������� ������������������  한다.����������� ������������������  ����������� ������������������  

28

Page 29: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 3.����������� ������������������  내러티브����������� ������������������  찾기����������� ������������������  ����������� ������������������  

• 지루한����������� ������������������  데이터에서����������� ������������������  시작해서����������� ������������������  지루한����������� ������������������  인포그래픽이����������� ������������������  되는것은����������� ������������������  위대한

����������� ������������������  스토리가����������� ������������������  빠졌지����������� ������������������  때문이다.����������� ������������������  ����������� ������������������  

• 인포그래픽은����������� ������������������  특별한����������� ������������������  의도와����������� ������������������  함께����������� ������������������  시작����������� ������������������  -����������� ������������������  데이타셋의����������� ������������������  복잡을����������� ������������������  명확

하게����������� ������������������  하고,����������� ������������������  프로세스를����������� ������������������  설명하는����������� ������������������  것,����������� ������������������  트렌드를����������� ������������������  창조하고,����������� ������������������  논란의����������� ������������������  

어떤����������� ������������������  부분을����������� ������������������  보조하는것����������� ������������������  ����������� ������������������  

• 데이터를����������� ������������������  친숙하게����������� ������������������  만들기����������� ������������������  위해서����������� ������������������  아래의����������� ������������������  질문을����������� ������������������  스스로����������� ������������������  던져����������� ������������������  볼것����������� ������������������  ����������� ������������������  

• 정보가����������� ������������������  담긴����������� ������������������  스토리를����������� ������������������  말하는것이����������� ������������������  가능한것처럼����������� ������������������  보이는가?����������� ������������������  

• 이����������� ������������������  주제에����������� ������������������  관심이����������� ������������������  가는지?����������� ������������������  

• 주목할만한����������� ������������������  이야기����������� ������������������  가치를����������� ������������������  말하고����������� ������������������  있는가?����������� ������������������  ����������� ������������������  

29

Page 30: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Educating the workforce of the future

30

Page 31: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 4.����������� ������������������  문제����������� ������������������  정의����������� ������������������  ����������� ������������������  ����������� ������������������  

• 데이타로����������� ������������������  부터����������� ������������������  이야기를����������� ������������������  끌어낼때,����������� ������������������  이제����������� ������������������  현실가능한지에대한����������� ������������������  검토

를����������� ������������������  해보아야����������� ������������������  한다.����������� ������������������  ����������� ������������������  

• 디자이너는����������� ������������������  좀더����������� ������������������  정확한����������� ������������������  내러티브와����������� ������������������  표현을����������� ������������������  위하여����������� ������������������  탐험을����������� ������������������  해야����������� ������������������  한

다.����������� ������������������  칼라,����������� ������������������  타이포그래피등의����������� ������������������  좀더����������� ������������������  주관적����������� ������������������  관점에서����������� ������������������  디테일을����������� ������������������  만들

어가야����������� ������������������  한다.����������� ������������������  ����������� ������������������  

• 정보의����������� ������������������  진실은����������� ������������������  알아가는����������� ������������������  과정을����������� ������������������  경험하게����������� ������������������  한다.����������� ������������������  논쟁에서����������� ������������������  이기기

위해서는����������� ������������������  진실을����������� ������������������  담은����������� ������������������  데이터가����������� ������������������  필요하다.����������� ������������������  ����������� ������������������  

• 빨강����������� ������������������  차가����������� ������������������  사고율이����������� ������������������  높은것은����������� ������������������  차의����������� ������������������  색상이����������� ������������������  빨강이라서가����������� ������������������  아니라����������� ������������������  

빨강색을����������� ������������������  선호하는����������� ������������������  사람이����������� ������������������  공격적����������� ������������������  성향이����������� ������������������  높기����������� ������������������  때문이다.����������� ������������������  ����������� ������������������  

31

Page 32: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 5.����������� ������������������  계층구조����������� ������������������  만들기����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

• 어떤����������� ������������������  종류의����������� ������������������  연구에서도����������� ������������������  “영웅”이����������� ������������������  이야기를����������� ������������������  이끌어간다.����������� ������������������  ����������� ������������������  

• 영웅의����������� ������������������  역할을����������� ������������������  할만한것을����������� ������������������  찾고����������� ������������������  이것을����������� ������������������  담았을때����������� ������������������  프로젝트를����������� ������������������  조직

화는����������� ������������������  방법,����������� ������������������  인포그래픽의����������� ������������������  계층구조를����������� ������������������  공고히����������� ������������������  하는����������� ������������������  방법이����������� ������������������  된다.����������� ������������������  ����������� ������������������  

• 보조적����������� ������������������  요소들은����������� ������������������  스토리����������� ������������������  나머지를����������� ������������������  말하는것들로����������� ������������������  배열된다.����������� ������������������  ����������� ������������������  

• 연구����������� ������������������  포인트의����������� ������������������  무드보드의����������� ������������������  종류가����������� ������������������  된다.����������� ������������������  이단계에서는����������� ������������������  마지막����������� ������������������  결

과물의����������� ������������������  그림이����������� ������������������  나타나기����������� ������������������  시작한다.����������� ������������������  ����������� ������������������  

32

Page 33: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Ready or not here I am

33

Page 34: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 6.����������� ������������������  ����������� ������������������  와이어프레임����������� ������������������  그리기����������� ������������������  ����������� ������������������  

• 데이터가����������� ������������������  손질되고,����������� ������������������  가장����������� ������������������  흥미로운����������� ������������������  사실들이����������� ������������������  선택되고,����������� ������������������  계층구조가

����������� ������������������  결정되며,����������� ������������������  와이어프레임이����������� ������������������  창조된다.����������� ������������������  ����������� ������������������  

• 디자이너는����������� ������������������  중요한����������� ������������������  정보의����������� ������������������  이해가능한����������� ������������������  시각표현방법을����������� ������������������  만들어내고,

����������� ������������������  이것들이����������� ������������������  보는����������� ������������������  사람으로����������� ������������������  하여금����������� ������������������  계층구조를����������� ������������������  갖도록����������� ������������������  한다.����������� ������������������  ����������� ������������������  

• 최종����������� ������������������  결과물로����������� ������������������  보이는����������� ������������������  구조를����������� ������������������  합의하는것이����������� ������������������  가능한����������� ������������������  정도로����������� ������������������  와이어

프레임을����������� ������������������  그린다.����������� ������������������  ����������� ������������������  

34

Page 35: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 7.����������� ������������������  포맷선택하기����������� ������������������  ����������� ������������������  ����������� ������������������  

• 정보����������� ������������������  표현의����������� ������������������  방법은����������� ������������������  많다.����������� ������������������  가장����������� ������������������  좋은����������� ������������������  접근방법은����������� ������������������  전통적인����������� ������������������  차트와����������� ������������������  

그래프(바그래프,����������� ������������������  선그래프,����������� ������������������  파이차트����������� ������������������  등)를����������� ������������������  잉용하는것이다.����������� ������������������  ����������� ������������������  

• 프로세스를����������� ������������������  설명하기����������� ������������������  위한����������� ������������������  다이어그램,����������� ������������������  플로어차트등이����������� ������������������  필요하다.

����������� ������������������  간단한����������� ������������������  숫자들을����������� ������������������  나열하여����������� ������������������  보여주는����������� ������������������  정도도����������� ������������������  충분하다.����������� ������������������  

• 충분한����������� ������������������  예산이����������� ������������������  있다면����������� ������������������  데이타����������� ������������������  시각화를����������� ������������������  위한����������� ������������������  가능성을����������� ������������������  보여주는����������� ������������������  

인터렉션을����������� ������������������  넣어보는����������� ������������������  것도����������� ������������������  좋다.����������� ������������������  ����������� ������������������  

• 어떤����������� ������������������  케이스이건간에,����������� ������������������  결정은����������� ������������������  이러한����������� ������������������  포맷들의����������� ������������������  복합이건����������� ������������������  아니면����������� ������������������  

한가지����������� ������������������  종류의����������� ������������������  포맷이건,����������� ������������������  그것이����������� ������������������  가지고����������� ������������������  있는����������� ������������������  데이터에����������� ������������������  의해서����������� ������������������  선

택되어져야����������� ������������������  한다.����������� ������������������  ����������� ������������������  

35

Page 36: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 8.����������� ������������������  시각����������� ������������������  접근방법����������� ������������������  결정하기����������� ������������������  ����������� ������������������  

• 인포그래픽의����������� ������������������  look����������� ������������������  &����������� ������������������  feel을����������� ������������������  결정하기����������� ������������������  위해서는����������� ������������������  두가지의����������� ������������������  시각적����������� ������������������  

접근방법이����������� ������������������  필요하다.����������� ������������������  ����������� ������������������  

• 하나는����������� ������������������  데이비드����������� ������������������  David����������� ������������������  McCandless나����������� ������������������  Nicholas����������� ������������������  Felton처럼����������� ������������������  ����������� ������������������  초

기����������� ������������������  데이터의����������� ������������������  아름다움을����������� ������������������  만들어내는것으로����������� ������������������  이러한����������� ������������������  형태는����������� ������������������  차트나����������� ������������������  

그래프의����������� ������������������  형태를����������� ������������������  가지고����������� ������������������  시각적으로����������� ������������������  흥미롭게����������� ������������������  만든다.����������� ������������������  ����������� ������������������  

• 칼라나����������� ������������������  타이포그래피의����������� ������������������  사용과����������� ������������������  각����������� ������������������  조각들은����������� ������������������  연결을����������� ������������������  만드는����������� ������������������  구조들

은����������� ������������������  추상화같은����������� ������������������  느낌을����������� ������������������  준다.����������� ������������������  ����������� ������������������  

• 다른����������� ������������������  하나는����������� ������������������  Peter����������� ������������������  Orntoft나����������� ������������������  Scott����������� ������������������  Stowell����������� ������������������  처럼����������� ������������������  일러스트

레이션이나����������� ������������������  메타포를����������� ������������������  이용하는����������� ������������������  방법이다.����������� ������������������  데이타는����������� ������������������  보는사

람에게����������� ������������������  시각적����������� ������������������  내러티브를����������� ������������������  전달하기����������� ������������������  위하여����������� ������������������  변장한다.����������� ������������������  ����������� ������������������  ����������� ������������������  

36

Page 37: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Colours in Culture by David McCandless

37

Page 38: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Nicholas Felton http://www.feltron.com/

38

Page 39: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Peter Orntoft

39

Page 40: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Peter Orntoft

40

Page 41: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£  Scott Stowell

41

Page 42: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 9.����������� ������������������  정제와����������� ������������������  테스트����������� ������������������  

• 인포그래픽에서����������� ������������������  시각적형태와����������� ������������������  모영을����������� ������������������  만드는����������� ������������������  정제����������� ������������������  과정이����������� ������������������  필요하다.����������� ������������������  ����������� ������������������  

• 최종와넝된����������� ������������������  결과물이����������� ������������������  원래����������� ������������������  의도와����������� ������������������  목적에����������� ������������������  맞게����������� ������������������  디자인되는����������� ������������������  데이타와����������� ������������������  비

뉴얼스토리텔링에서����������� ������������������  디테일작업을����������� ������������������  수행한다.����������� ������������������  ����������� ������������������  

• 만든����������� ������������������  데이타를����������� ������������������  전에����������� ������������������  본적이����������� ������������������  없는����������� ������������������  사람에게����������� ������������������  쉽게����������� ������������������  이해되고����������� ������������������  이해되는지를����������� ������������������  

알아보기����������� ������������������  위한����������� ������������������  테스트가����������� ������������������  진행되는����������� ������������������  단계가����������� ������������������  필요하다.����������� ������������������  

• 디자인을����������� ������������������  평가하고����������� ������������������  가능하면����������� ������������������  간단����������� ������������������  명확하게����������� ������������������  작업물을����������� ������������������  지속적으로����������� ������������������  개발과

����������� ������������������  테스트를����������� ������������������  반복하는����������� ������������������  과정이����������� ������������������  계속된다.����������� ������������������  ����������� ������������������  

• 그리고����������� ������������������  이����������� ������������������  과정은����������� ������������������  전달하고자����������� ������������������  하는����������� ������������������  정보를����������� ������������������  모든사람이����������� ������������������  편안하게����������� ������������������  볼수����������� ������������������  있

다고����������� ������������������  판단될때����������� ������������������  마무리된다.����������� ������������������  ����������� ������������������  ����������� ������������������  

42

Page 43: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인����������� ������������������  방법����������� ������������������  l����������� ������������������  정보디자인����������� ������������������  10단계����������� ������������������  

£ 10.����������� ������������������  세상에����������� ������������������  선보임����������� ������������������  ����������� ������������������  

• 대부분의����������� ������������������  인포그래픽은����������� ������������������  온라인에서����������� ������������������  공유된다.����������� ������������������  프린트된����������� ������������������  일러스트

레이션이라도����������� ������������������  다시����������� ������������������  온라이에서����������� ������������������  공유되는����������� ������������������  경우가����������� ������������������  많다.����������� ������������������  ����������� ������������������  

• 데이타는����������� ������������������  다른����������� ������������������  많은����������� ������������������  사람들에게����������� ������������������  각기����������� ������������������  다른����������� ������������������  방법로����������� ������������������  읽히는����������� ������������������  특이한����������� ������������������  

성향이����������� ������������������  있다.����������� ������������������  ����������� ������������������  

• 모든����������� ������������������  사실조사와����������� ������������������  전문적����������� ������������������  상상이����������� ������������������  스토리의����������� ������������������  모든����������� ������������������  관점을����������� ������������������  발견한다는

����������� ������������������  것은����������� ������������������  아니다.����������� ������������������  실제����������� ������������������  선보여졌을때����������� ������������������  온라인����������� ������������������  토론등을����������� ������������������  통해서����������� ������������������  나의����������� ������������������  주

장이����������� ������������������  새로운����������� ������������������  방식으로����������� ������������������  해석되는것도����������� ������������������  볼수����������� ������������������  있을것����������� ������������������  이다.����������� ������������������  ����������� ������������������  

• 이러한����������� ������������������  현상으로����������� ������������������  인해����������� ������������������  프로젝트는����������� ������������������  결코����������� ������������������  끝난다고����������� ������������������  볼수����������� ������������������  없다.����������� ������������������  새로운

����������� ������������������  데이타가����������� ������������������  나타날����������� ������������������  것이고����������� ������������������  이로����������� ������������������  인해����������� ������������������  프로젝트는����������� ������������������  프로세스����������� ������������������  안에서����������� ������������������  

지속될것이다.����������� ������������������  ����������� ������������������  

43

Page 44: 데이타 시각화와 정보디자인

정보 디자인과 빅데이터

Page 45: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인과����������� ������������������  빅데이터����������� ������������������  l����������� ������������������  빅데이터의����������� ������������������  가능성

£  The����������� ������������������  potential����������� ������������������  of����������� ������������������  Big����������� ������������������  Data����������� ������������������  http://columnfivemedia.com/work-items/get-satisfaction-infographic-the-potential-of-big-data/����������� ������������������  

45

Page 46: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인과����������� ������������������  빅데이터����������� ������������������  l����������� ������������������  정보의����������� ������������������  이해

£ 빅데이터는����������� ������������������  정보����������� ������������������  시각화에서����������� ������������������  중요한����������� ������������������  소재중����������� ������������������  하나����������� ������������������  

£ 데이터의����������� ������������������  풍부함을����������� ������������������  포착하기����������� ������������������  위한����������� ������������������  새로운����������� ������������������  방식����������� ������������������  

£ 대규모����������� ������������������  데이터를����������� ������������������  탐색하거나����������� ������������������  이해할����������� ������������������  때����������� ������������������  가장����������� ������������������  좋은����������� ������������������  방법은����������� ������������������  시각화

다.����������� ������������������  시각화란,����������� ������������������  숫자를����������� ������������������  공간에����������� ������������������  배치해����������� ������������������  보여줌으로써����������� ������������������  그����������� ������������������  패턴을����������� ������������������  

인지하게����������� ������������������  만드는����������� ������������������  것이다.����������� ������������������  인간에겐����������� ������������������  탁월한����������� ������������������  패턴����������� ������������������  인식����������� ������������������  능력이����������� ������������������  있다

.����������� ������������������  데이터����������� ������������������  시각화는����������� ������������������  통계����������� ������������������  분석����������� ������������������  기법으로는����������� ������������������  도저히����������� ������������������  알����������� ������������������  수����������� ������������������  없는����������� ������������������  데

이터의����������� ������������������  이야기를����������� ������������������  끌어낼����������� ������������������  것이다(참고:����������� ������������������  비쥬얼라이즈����������� ������������������  디스)����������� ������������������  

£ 시각화에����������� ������������������  따라서����������� ������������������  빅데이터는����������� ������������������  작은����������� ������������������  데이터����������� ������������������  셋처럼����������� ������������������  보일수도����������� ������������������  있다.����������� ������������������  

£ 빅데이터의����������� ������������������  시각화는����������� ������������������  공공성과도����������� ������������������  밀접하게����������� ������������������  관련하며����������� ������������������  데이터를����������� ������������������  

통하여����������� ������������������  사실을����������� ������������������  명확하게����������� ������������������  공공에게����������� ������������������  전달하고����������� ������������������  이를����������� ������������������  판단하도록����������� ������������������  

하는����������� ������������������  역할도����������� ������������������  동시에����������� ������������������  수행할수����������� ������������������  있다.����������� ������������������  ����������� ������������������  

46

Page 47: 데이타 시각화와 정보디자인

정보����������� ������������������  디자인과����������� ������������������  빅데이터����������� ������������������  l����������� ������������������  정보의����������� ������������������  이해

£  The Deleted : 위키피디아에서 삭제의 논쟁된 100개 이상의 긴 아티클에 대한 시각화

47

Page 48: 데이타 시각화와 정보디자인

이지선����������� ������������������  ����������� ������������������  

숙명여자대학교����������� ������������������  시각영상디자인학과����������� ������������������  

[email protected]����������� ������������������  

����������� ������������������  

facebook:����������� ������������������  jisunlee.net����������� ������������������  

twitter:����������� ������������������  jisunlee����������� ������������������