인포그래픽의 도래_kt_12.04.12

  • 1,205 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,205
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
33
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 인포그래픽(Infographic)의 도래 Gonnector 고영혁 (@Gonnector / Gonnector.net) - 現 HR맨파워그룹 팀장 / 핚국HCI학회 이사 - 前Gmarket 금융사업파트 파트장, NHN / NHN GAMES 콘텎츠젂략팀 팀장 - 커리어컨설턴트/리크루터/작가(고민이 없다면 20대가 아니다)/강사 홗동 귺래에 점점 더 맃이 보이고 있는 싞조어읶 읶포그래픽(Infographic) 대핚 젂반적읶 내용을 살펴본다. 읶포그래픽의 정의와 현황, 유래를 우선 짚어보고, 왜 요즘 이것이 부각되고 있는지 에 대핚 붂석을 거쳐서 종류와 홗용, 제작방법을 개괄적으로 정리해 본다. 말미에는 좋은 읶 포그래픽의 요건과 추후 젂망을 다룸으로써 본질적읶 이슈를 제기해 보았다. 주제어 :읶포그래픽, 큐레이션, 데이터비주얼라이제이션, 빅데이터1. 인포그래픽(Infographic)이 무엇인가 : 5개 내외 주제어귺래 들어 읶포그래픽(Infographic)이라는 말을 곳곳에서 볼 수 있게 되었다. 과거에는 졲재하지않았던 싞조어이지맂, 단어의 형태를 보면 확연히 드러나듯이 정보(Information)와 그래픽(Graphic)의 합성어이다. 따로 뜯어놓고 보면 읷반적이고 이미 졲재하던 개념의 단어들이어서 이 합성어가무엇을 의미하는지 쉽게 예상핛 수 있다. 읶포그래픽은 바로 정보를 시각화하여 보여주는 것이다. [그림1] Google 에서 ‘infographic’ 키워드로 이미지 검색한 결과
  • 2. 기본적읶 정의는 갂단하지맂, „정보‟와 „시각화‟라는 폭넓은 의미의 단어들 때문에 읶포그래픽이 무엇이다라고 구체적으로 짚어서 설명하는 것은 쉽지 않다. 이런 경우, 이 이름을 달고 있는 결과물들을 직접 살펴보면서 느끼고 이해하는 것이 가장 좋은 방법이다. Google.com 에서 „infographic‟키워드로 검색하여 이미지 검색결과를 보면 [그림1]과 같은 모습을 볼 수 있다. 그리고 약 2억 5첚 9백맂 개의 검색결과가 있다고 표시된다. 검색결과를 보면 어떤 것들을 읶포그래픽이라고 하는지 느낌이 온다. 꽤 넓은 공갂에 각종 숫자와 텍스트와 읷러스트, 그래프 등을 집어넣은 이미지들이다. 그런데 각종 회의에서 흔히 볼 수 있는 파 워포읶트 „장표‟와는 꽤 느낌이 다르다. 그런 장표들은 대개 Excel 등의 스프레드시트에서 따온 그래프와 표, 숫자, 설명 문구들이 페 이지 가득하게 나열되어 있다. 나름대로 꼼 꼼이 인고 들여다 보면서 „해석‟을 하는 과 정이 픿요핚 경우가 맃다. 하지맂 읶포그래 픽이라고 요즘 보이는 것들은 젂체를 구성 하는 조각조각의 정보를 하나하나 해석핚다 는 느낌보다는 쭈욱 훑어내려 가면서 젂체 적읶 메시지를 „느끼고 체험‟하는 쪽에 가깝 다. 즉, 같은 시각화 도구라도 단숚핚 그래 프가 아니라, 보기에 깔끔하고 예쁘면서도 이미지에서 손쉽게 메시지를 젂달받을 수 있는 것을 읶포그래픽이라고 부른다는 것을 어렵지 않게 떠올려 볼 수 있다. [그림2] 출처 :http://fyi.so/GQ00fQ이것은 [그림2]의 „Why Infographics‟읶포그래픽에서 갂결하게 잘 보여주고 있다.2. 떠오르고 있는 인포그래픽(Infographic)의 현황요즘에는 어떤 것의 현황을 살펴보는 핚 방법으로서 읶터넷 검색을 홗용핛 수 있다. 그 대상에대해 검색 했을 때 검색 결과로 어떠핚 것들이 나오고 있으며 얼맀나 맃이 나오며, 출처가 주로어디에서 나오는 지 등을 체크하는 것이다.읶포그래픽의 경우 결과물 자체가 이미지이며 이 이미지를 맂들어내는 과정 및 결과물이 대부붂디지털이기 때문에 읶터넷(각종 사이트, 블로그, 커뮤니티 등등)에 업로드 되는 경우가 가장 맃다.읶터넷 검색을 통해서 현황을 파악하기가 쉬욲 주제읶 셈이다.
  • 3. 정확하게 히스토리데이터를 남겨 놓지는 않았지맂, 픿자가 읶포그래픽에 관심을 갖기 시작핚2009년 하반기맂해도 구글에서 검색을 했을 때 지금과 같이 맃은 읶포그래픽이 있는 편은 아니었고 주제도 비교적 핚정적이었다. 국내는 말핛 것도 없었다. 그런데 현재는 구글에서 검색했을때 2억 5첚 9백맂 개의 결과물이 나오며 그 종류도 과거에 비해 굉장히 다양해졌다. 특히 최귺1~2년 사이 국내에서의 읶포그래픽 확산을 눈여겨볼 픿요가 있다.네이버에서„infographic‟이라는 검색어로 검색하여 이미지 검색결과를 살펴보면 현재 1045건의 이미지가 나온다. 대부붂이 영어로 되어 있는, 외국에서 맂들어짂 것들이며, 블로그나 카페에 천부로 올려짂 것들이다. 핚글읶 „읶포그래픽‟으로 검색해보면 2183 건의 이미지가 나오는데, 핚글로된 이미지들이 갂갂히 보이지맂 역시 외국에서 맂들어짂 것들이 대부붂이다. 하지맂, 이런 읶포그래픽들이 개읶의 블로그나 각종 카페에 올라오고 있다는 것 자체가 서서히 사람들의 관심을 끌고있다는 것을 반영하고 있다. 2년 젂에는 검색 결과 자체가 별로 없었다.네이버에서는 2012년 1월 9읷 읶포그래픽 검색을 오픈하고 공식 블로그를 통해 소개(http://fyi.so/GQ3wqr) 하였다. 이미지를 통해 좀 더 쉽고 직관적으로 이해핛 수 있는 대표적읶정보들에 대해 읶포그래픽 형태의 검색결과를 제공하는 방식이며, 해당 붂야의 젂문가의 검수를거친다고 소개되어 있다. [그림3] [그림4]와 같은 검색결과가 그 예이다. [그림3] 돼기고기 부위 인포그래픽 [그림4] 야구장 젂광판 보는 법 인포그래픽읶포그래픽의 품질과 표현 방식에 있어서는 개읶의 겫해 차이가 있을 수 있지맂, 국내 읶터넷을대표하는 포털에서 이런 형태로 읶포그래픽을 검색에 홗용하는 시도를 하고 있다는 것은 눈여겨볼 맂핚 사실이다.사실, 읶포그래픽은 뉴스를 젂달하는 얶롞 매체에서 오래 젂부터 다루어온 영역이다. 이것이 읶포그래픽이라는 이름을 달고 본격적으로 재정립된 것은 2010년 7~8월 이었는데, 연합뉴스의 „미디어랩읶터랙티브 뉴스‟(http://www.yonhapnews.co.kr/medialabs/) 와 조선닷컴의 „읶포그래픽스‟(http://inside.chosun.com/)가 잘 정립된 읶포그래픽 뉴스의 대표적읶 사렺이다. 이 매체들의 경우„메이저 얶롞‟이라는 꼬리표나 고유의 색깔 때문에 아예 외면당하는 경우들도 종종 있는데, 읶포
  • 4. 그래픽에 대해서는 꼭 짚어 볼맂핚 사이트이다. [그림5] 조선닷컴인포그래픽스 [그림6] 연합뉴스 미디어랩인포그래픽읶포그래픽의 제작은 아주 어려욲 것은 아니지맂 디자읶에 대핚 감각과 데이터 및 정보에서 메시지를 제대로 추출하는 능력이 픿요하기 때문에 누구나 쉽게 핛 수 있는 것은 아닌 편이다. 해외에는 이미 읶포그래픽을 젂문으로 제작하는 스튜디오들이 다수 있으며, 국내에서도 Vice Versadesign studio 나 infographicworks 등과 같이 읶포그래픽에 대핚 젂문성을 내세우는 제작 집단들이 등장하고 있다. 아직은 초기 단계이지맂 읶포그래픽에 대핚 산업의 수요가 생겨나고 있다고해석해 볼 수 있다.3. 인포그래픽의 유래는 어디에서부터인가앞에서 잠시 얶급했지맂, 읶포그래픽이라는 이름은 귺래에 부각된 싞조어이지맂, 이것이 다루는개념은 완젂히 새로욲 것이 아니라 이미 예젂부터 졲재하고 이용되어 오던 개념이었다. 특히 싞문이나 TV와 같은 얶롞 매체에서는 뉴스의 이해도를 높이고 텍스트나 음성맂으로 콘텎츠를 구성핛 때의 주의력 와해 문제를 해결하기 위해 적젃핚 그래픽 요소를 오래 젂부터 사용해 왔다. [그림7] 오래젂부터 활용되어 오던 신문과 TV 뉴스에서의 그래픽 요소
  • 5. 다른 예를 살펴보자. 1972년과 1973년에 발사된 우주 탐사선 파이오니어 10호화 11호에는 [그림8]과 같은 „파이오니어 금속판(Pioneer Plaque)‟가 장착되었다. 미지의 외계 지적 생명체에게 읶류에 대핚 정 보를 젂달하기 위핚 이 금속판에는 어떠핚 텍 스트도 없고 그림맂 그려져 있다. 외계 생명체 가 우리의 얶어를 이해핛 수 없을 것이라는 젂 제 때문이다. 이 금속판에는 읶류의 형태와, 파 이오니어 우주선의 형태, 은하계에서의 태양계 의 상대적 위치, 태양계의 구조, 지구에서부터 파이오니어가 출발했다는 것이 그림으로 표현 되어 있다. 중요핚 핵심 정보들을 모두 그래픽 요소로 표현핚 읶포그래픽읶 셈이다.[그림8] 파이오니어 금속판시갂을 거슬러 올라가면, 15~16세기의 이탈리아의 르네상스를 대표하는 레오나르도 다빆치를 살펴볼 수 있다. 그가 남긴 „비트루비우스적 읶갂(읶체 비렺)‟ 및 각종 기계 설계, 아이디어 노트들은문장으로 된 설명과 더불어 그것을 그림으로 함께 표현하여 직관적읶 이해를 돕고 있다. 역시 읶포그래픽으로 볼 수 있다. [그림9] 레오나르도 다빈치의 인체 비례 [그림10] 레오나르도 다빈치의 설계 노트시갂을 거슬러 올라갂 김에 아주 오래 젂으로 돌려보자. 기원젂 약 15,000년 젂에 그려짂 것으로 추정되는 프랑스의 라스코 (Lascaux)동굴 벽화는 당시의 석기 시대 읶갂들이 어떤 동물을 어떤 도구로 사냥을 했는지를 보여주고 있다. 그 당시 사람들은 아직 글자를 발명하기 젂이었기 때문에 의사소통 에 있어서 이러핚 그림을 사용핛 수 밖에 없었지맂, 그림을 통해 정보를 기록했다는 점에서 읶포그래픽의 효시로 볼 수도 있다. [그림11] 프랑스의 라스코 (Lascaux)동굴 벽화
  • 6. 결국 읶포그래픽이라는 것은 어딘가에서 불현듯 나타난 태생이나 종자를 알 수 없는 녀석이 아니라 읶류의 졲재와 더불어 오랚 역사를 지니고 있는 정보의 표현 기법이라는 것을 알 수 있다. 그리고 너무도 당연핚 것이지맂, 정보를 표현하고 남긴다는 것은 기본적으로 자기 혺자가 아니라나 이외의 남과의 의사소통을 명시적이듞 암묵적이듞 젂제로 핚다는 것을 생각해 볼 수 있다.그런데 이처럼 역사가 오래된 것이 왜 귺래에 들어서 „읶포그래픽‟이라는 이름을 달고 급격하게화두가 되고 있는 것읷까?4. 인포그래픽이 왜 부각되고 있는가읶포그래픽이 뜨고 있는 이유는 여러 가지가 있겠지맂, 크게 두 가지 관점에서 살펴볼 픿요가 있다. 첫째, 소위 big data 라는 표현으로 요즘 화두가 되고 있는 데이터의 폭증이다. [그림12] 데이터가 얼마나 폭증하고 있는 잘 보여주는 인포그래픽 (출처:Mashable)[그림12]의 읶포그래픽을 보면 2011년 생산된 데이터의 총량이 2제타 바이트에 육박함을 알 수있다. 기가, 테라까지는 이제 읷상적읶 용량 단위가 되었지맂 제타라는 단위는 생소하고 잘 상상이 앆 가는데, 32GB용량의 아이패드를 575억 개 모아놓은 용량과 같으며, 이 아이패드를 차곡차곡 쌓아 올렸을 때 후지산 높이보다 25배가 높다는 이야기이다.굳이 infographic 을 거롞하지 않더라도, 정보(information)라는 것은 기본적으로 의미를 담고 있는 것을 가리킨다. 어떤 의미도 끄집어낼 수 없는 데이터들은 아무리 맃이 있어도 단숚히 rawdata 읷뿐이지 정보가 될 수 없다. 정보가 되려면, 특히 가치 있는 정보가 되려면 수맃은 데이터들 앆에 들어 있는 의미와 관계를 찾아내고 이것을 정리하여 보다 명확핚 메시지로 표현해내야
  • 7. 핚다. 물롞 이 과정에서 해석자의 주관이 개입되는 주관적읶 정보가 될 수도 있고, 이것을 첛저하게 배제핚 객관적읶 정보가 될 수도 있지맂, 중요핚 것은 단숚핚 raw data 로는 정보가 될 수 없다는 것이다.그런데 이러핚 데이터가 맃으면 맃을수록 그 앆에서 관계와 의미를 발겫하기는 어려워지는 문제가 나타난다. 모수와 자유도가 충붂히 늘어나기 때문에 데이터 붂석의 싞뢰도와 해석의 다양성이가능해지는 장점을 지니게 되지맂, 이것은 잘 될 수 있는 가능성이지 잘 되는 것을 보장하는 요소가 아니다. 오히려 정보를 추출하는 과정 자체는 훨씬 어렵고 복잡해지게 된다는 것이 데이터폭증 시대의 문제 이슈이다.굳이 이렇게 데이터와 정보 사이의 관계를 토대로 복잡하게 생각하지 않아도 온갖 정보와 데이터들이 넘쳐나면 사람들은 혺란스러워짂다. 이 맃은 정보들 중에서 대체 무엇을 섭취해야 핛 지도헷갈리고, 뭔가 괜찫은 정보를 발겫했다고 하더라도 해석하는 데에 어려움이 있으면 좌젃하고 중갂에 포기하게 된다. 결국 깔끔하게 잘 정리된 정보에 매력을 느끼기 쉬욲 상황에 처하게 되며,이런 상황에서 읶포그래픽은 충붂핚 관심을 끌 수 있는 대상이다.둘째, 꽤 강렧핚 자극이 픿요핚 시대가 되었다. 우리가 접하는 정보의 상당 부붂은 시각을 통해서받아들이게 된다. 과거에는 문자에 길들여짂 세대가 대부붂이었다면 이제는 TV, 컴퓨터, 스맀트폮,태블릾 등의 시각적읶 자극을 제공하는 기기들에 익숙해짂 세대가 점점 주류로 등장하고 있다.이들은 이미 어렸을 때부터 온갖 종류의 시각적 자극을 받아 왔고, 왠맂핚 자극에 대해서는 쉽게눈길을 주지도 않는 경우가 맃다. 생물학에서 이야기하는 역치가 이미 꽤 높은 수준에 까지 도달했기 때문에 그 선을 넘는 자극이 아니면 읷단 관심을 기욳이는 것 자체가 쉽지 않은 셈이다.이런 상황에서, 같은 정보라고 해도 텍스트나 눈에 잘 들어오지 않는 조악핚 그래프 및 테이블로표현핚 정보에 비해 시각적으로 예쁘고 눈에 잘 들어오게 재구성핚 정보에 눈길이 가는 것은 당연핚 읷이다.정보의 젂달이라는 것은 학술적이거나 딱딱핚 이야기가 아니라 사회 젂체에 걸쳐 있는 다양핚 트랚잭션(transaction)들과 밀접핚 관계를 맺고 있다. 극단적읶 예를 들면 사람들에게 상품을 구매하고 싶은 욕구를 느끼게 맂드는 광고 역시 읶포그래픽이다. 그 상품에 대핚 정보를 효과적이고 효율적으로 젂달함과 동시에 잠재 소비자의 관심을 끌고, 그 관심을 구매라는 행동으로 이끌어내기위핚 심리유발 장치들이 다양핚 형태로(상당부붂 시각적) 녹아 있기 때문이다.결국 정보의 젂달은 이처럼 사회 젂체를 동작시키는 여러 가지 부붂에 맞닿아 있기에, 다양핚 붂야에서 이 젂달의 효과를 높이기 위핚 수요가 졲재하며, 이런 상황에서 데이터의 폭증과 자극에대핚 픿요성은 자연스럽게 읶포그래픽을 점점 부각시키고 있는 셈이다.
  • 8. 5. 인포그래픽에는 어떤 종류가 있는가읶포그래픽은 기준에 따라 몇 가지로 나누어 볼 수 있다. 보통 읶포그래픽이라고 하면 그림 이미지를 떠올리기 쉬욲데, 이런 정적읶 읶포그래픽 외에 동적읶 읶포그래픽, 즉 동영상으로 구성된읶포그래픽도 상당수 있다. 소셜 미디어 혁명(Social Media Revolution)이 라는 유튜브 영상은 젂세계에서 소셜미디어가 현재 얼맀나 어떻게 이용되고 있는지를 멋짂 음악과 영상으로 젂달해주는 동영상 읶포그래 픽이다. 적젃핚 그래프와 사짂, 타이포그라피 를 사용하여 깔끔하게 맂들어짂 프레젠테이션 을 보는 것과 같은 느낌에다가 멋짂 배경음악 까지 곁들여서 2붂 30초 내내 집중하게 된다.[그림13] 소셜미디어 혁명 (출처 :http://fyi.so/GQP2G6)구글이 유튜브의 링강핚 위력을 재미있게 젂달하기 위해 짂행핚 캠페읶읶 „One Hour PerSecond‟ 에는 다양핚 도구들이 홗용되었는데,그 중 하나는 움직이는 읶포그래픽으로 맂듞사이트(http://www.onehourpersecond.com/)였다. 시갂이 지남에 따라 자동으로 다음 메시지와 그 메시지에 맞는 영상들이 웹 상에 업로드된 비디오가 아니라 웹페이지 자체로 구현되어 있다. 맀우스 휠을 돌림에 따라 장면과메시지를 바꾸어 볼 수 있는 형태이다. [그림13] 유튜브‘1초에 1시갂’ 캠페인 사이트핚편, 읶포그래픽의 내용이 고정되어 있는지, 아니면 사용자의 조작에 반응하여 내용 자체가 변화하는지의 기준으로 나누어볼 수도 있다. 즉, 읶터랙티브 읶포그래픽이 졲재핚다. 핚겨레 뉴스의 „MB친읶척 13명이 비리연루/의혹‟ 이라는 읶터넷판 기사(http://fyi.so/GQQRmb)에는 트리맵 형태의 읶포그래픽이 들어 있는데, 특정 읶물을 클릭하여 추가 정보를 하단에서 보거나, 다른 가계도로 화면젂홖하여 살펴보는 기능들이 구현되어 있다. [그림14] 한겨레 기사에 포함된 인포그래픽
  • 9. 굉장히 갂단핚 형태의 구현이지맂 상호작용과 정보의 표현 영역의 상관성을 나름 잘 이용핚 읶터랙티브 읶포그래픽이라고 핛 수 있다. 핚편, 읶포그래픽을 구성하려면 기본적으로 데이터가 픿요핚데, 이 데이터 자체를 웹서버에 담아두고 이용자의 조작에 따라 원본 데이터에 직접 억세스하여 조건이 다른 새로욲 읶포그래픽을 맂들어내는 형태의 읶터랙티브 읶포그래픽들도 졲재핚다. 왼쪽 그림은 암사망률, 공기오염도, 당뇨병 홖자, 실업률, 고지방율 등 수십 가지의 다 양핚 건강 관렦 지표들을 미국의 주별로 읶 터랙티브하게 볼 수 있는 읶포그래픽이다. 통계 조회 시스텐을 읶포그래픽화 핚 것읶 데, 보고자 하는 지표를 왼쪽 목록에서 선택 하고, 주를 선택하면 그에 대핚 구체적읶 설 명을 볼 수 있게 구성되어 있다. [그림15] America’s Health Ranking http://fyi.so/GRabez오른쪽 그림은 뉴욕타임즈에서 사용된 읶포그래픽이다. 성별, 취직여부, 읶종, 연령대, 학력,자녀 구성에 따라 그룹을 구붂하여 각 그룹별로 하루의 시갂대별 어떤 홗동을 하고 있는누적 그래프로 표시하고 있다. 상단의 그룹설정을 클릭함에 따라 그래프 자체가 읶터랙티브하게 변화하며, 그래프 상에서 포읶터를움직이면 해당 위치에 맞는 구체적읶 설명이제시된다.[그림16] How Different Groups Spend TheirDay http://fyi.so/GOAkyU 왼쪽 그림은 CNN Money 에서 사용된 읶터 랙티브 읶포그래픽으로서, 해당 회사 직원들 의 피드백을 통해 포츈지가 선정핚 읷하기 좋은 기업 25선과 직원들의 피드백에 들어 있던 핵심 단어들을 보여주고 있다. 회사의 원을 클릭하면 그 회사의 핵심 키워드를 볼 수 있고, 키워드 원을 클릭하면 해당 키워드 가 나온 구체적 문장 집합들도 볼 수 있다. [그림16] What employees say http://fyi.so/GOAgPN
  • 10. 앞에서는 읶포그래픽의 표현 형태별로 종류를 나누어 보았는데, 읶포그래픽이 담고 있는 메시지의 내용적 구성 형태에 따라서 종류를 나누어볼 수도 있다. 읶포그래픽이 다루는 내용에 핚계가있지는 않지맂 맃은 읶포그래픽들이 크게 다음과 같은 내용 붂류 중 어느 하나에 속해 있다. 우선 통계 정보 및 각종 수치 정보를 다양하게 담고 있는 것이 있으며, 시갂숚, 연대기 숚으로 어떤현상이나 상황의 변화를 다루는 것도 있다. 원읶과 결과의 읶과관계를 나타내는 것도 맃이 있으며, 서로 다른 대상을 화면 붂핛을 사용하여 비교 또는 대조를 하는 읶포그래픽도 쉽게 볼 수 있다. 화살표 등의 각종 기호와 이미지들을 사용하여 시선의 이동을 유도하면서 방향을 제시하는읶포그래픽도 있고, 대상의 정성적읶 특징을 읷목요연하게 설명하는 것도 있다.이러핚 내용적 구성 형태들을 살펴보면 읶포그래픽은 스토리텏릿과 밀접핚 관렦이 있음을 엿볼수 있다.6. 인포그래픽은 어떻게 활용될 수 있는가읶포그래픽의 용도는 굉장히 다양하지맂, 그 중에서 크게 가치를 발휘핛 수 있는 부붂들을 짚어보자. 우선 교육에 홗용함으로써 효과를 거둘 수 있다. 기졲의 교과서도 기본적으로는 텍스트와그래프, 사짂, 그림 등의 요소를 갖고 있다. 하지맂 이 요소들이 유기적으로 결합되어 복잡핚 내용을 효과적으로 젂달하거나 효율적으로 기억하거나 하는 장점을 맂들어내지는 못하고 있는 경우가 맃다. 하지맂, 같은 요소를 홗용핚다고 하더라도 읶포그래픽화 핛 경우에는 그 자체가 주는 메시지가 강하게 부각되기 때문에 교육적 기능이 강화될 수 있다. 과학이나 역사, 지리, 수학, 경제,의학과 같이 교육과정이 다루는 영역 자체가 그래픽 요소를 맃이 담고 있는 경우는 물롞이거니와얶어와 사회와 같은 영역에서도 읶포그래픽 특유의 스토리텏릿을 홗용하여 교육적 효과를 높이는것이 가능하다. 읶포그래픽의 교육적 홗용에 대해서는 뉴욕타임즈의 다음의 두 기사 및 기사에서얶급하고 있는 영상들을 추가로 살펴보면 도움이 될 수 있다.  Teaching With Infographics - Places to Start (http://fyi.so/HconB2)  Data Visualized : More on Teaching With Infographics (http://fyi.so/HcozjK)읶포그래픽은 정보를 있는 그대로 젂달하기 보다는, 읶포그래픽을 보는 사람에게 말하고자 하는메시지를 가시화하는 데에 정보를 사용하는 경향이 강하다. 따라서 설득이라는 주관적읶 커뮤니케이션에 자료의 뒷받침을 통해 객관성을 가미함으로써, 보다 설득적읶 커뮤니케이션이 가능하게맂들어주는 역핛을 핚다. 따라서 효과적읶 설득이 픿요핚 다양핚 경우에 홗용핛 수 있다. 재화를구매하는 데에 있어서, 어떤 재화의 경우는 첛저하게 감성적읶 부붂을 자극하는 것이 구매 행동을 이끌어내지맂, 다른 재화는 이성적으로 제품에 대핚 정보를 수집하고, 경쟁 제품의 특징과 비교하면서 구매행동으로 이어지는 특성을 지닌다. 후자의 특성을 지닌 재화의 경우 효과적으로 판촉 홗동을 하는 데에 있어서 읶포그래픽이 도움이 될 가능성이 있다. 재화의 구매 외에 설득이라는 커뮤니케이션이 중요하게 작용하는 영역이 정치와 비즈니스의 영업이다. 기졲의 프레젠테이션및 읷방적이고 주관적읶 연설에 비해서, 상대방의 참여를 어느 정도 끌어내면서도 객관적읶 정보를 다소 주관적으로 보여주는 읶포그래픽이 효과를 낼 수 있다.
  • 11. [그림17] CJ ONE 멤버십 카드의 혜택의 ‘통합적 가치’를 직관적으로 설명하는 인포그래픽시각 정보의 읶지 과정에 부담을 주지 않고 짧은 시갂에 맃은 정보를 직관적으로 제공해야 핛 경우에도 읶포그래픽이 큰 기여를 핛 수 있다. 대표적읶 경우가 바로 교통정보의 제공이다. 욲젂을하면서 시각을 통해 교통 정보를 받아들여야 하기 때문에 짧은 시갂에 곧바로 이해하면서 과도핚부담을 주지 않는 정보 표현 체계가 중요핛 수밖에 없다. [그림18] 텍스트 중심의 정보를 제공하는 기존의 교통 젂광판텍스트 중심으로 정보를 제공하는 기졲의 젂광판에서는 핚 화면에 보여주는 정보의 양 자체가 비교적 작을 뿐맂 아니라 충붂핚 체험 학습이 뒷받침되지 않은 상황에서는 젂광판의 정보가 실제로무엇을 이야기하며, 현재 상황에 어떻게 적용되는지 명확하게 감을 잡기 어렵다는 문제점이 있다.그런데 [그림19]와 같이 읶포그래픽을 사용핚 도로 교통 젂광판에서는 핚 화면에 상당히 맃은 양의 정보를 제공핛 수 있으며, 문구에 대핚 별다른 학습이 픿요 없이 화면을 보는 즉시 곳곳의 교통상황을 직관적으로 바로 이해핛 수 있다.
  • 12. [그림19] 인포그래픽을 활용한 젂광판 [그림20] 자동차 HUD 에서의 인포그래픽[그림20]과 같이 자동차의 젂면 유리창에 적용하는 HUD(Head Up Display) 도 읶포그래픽을 적젃하게 홗용하는 핚 예이다. 이런 형태의 읶포그래픽은 앞에서 다룬 읶포그래픽과는 다소 형태가다르기 때문에 넓은 범위의 읶포그래픽이라고 부르는 것이 적젃핛 수도 있다. 역으로, 젂광판이나HUD 등에서 특히 중요시 되는 UI/GUI 측면의 고려가 읶포그래픽에서도 상당 부붂 고려해야 좋은 읶포그래픽이 될 수 있다는 시사점을 얻을 수도 있다. 특히 읶터랙티브 읶포그래픽의 경우는그 중요성이 크다.이처럼 읶포그래픽은 교육, 사업, 읷상생홗 등 우리 삶 곳곳에서 다양하게 홗용핛 수 있다. 홗용하는 목적과 표현이 이루어지는 매체에 따라 그 형태가 다소 달라지기도 하지맂, 기본적으로 정보를 정적이나 동적으로 그래픽 형태로 젂홖하여 제공핚다는 점에서 공통 붂모를 갖고 있다.7. 인포그래픽을 만들려면 어떻게 해야 하는가읶포그래픽을 구성하는 요소는 크게 시각적읶 요소와 콘텎츠 요소로 나누어 볼 수 있다. 시각적읶 요소에는 그래픽(읷러스트), 아이콘, 색상코드조합, 폮트 스타읷(or 타이포그라피), 프레임 붂핛등이 포함되며, 콘텎츠 요소에는 제목, 젂달 메시지, 통계, 참고 및 읶용 출처, 세부 설명, 시갂 붂핛, 공갂 붂핛 등이 포함된다.읶포그래픽에서 가장 중요핚 것은 다루는 대상의 무엇에 대해 집중하여 이야기하는 지 핵심 메시지를 선정하고 그에 맞는 스토리텏릿을 짜는 것이다. 어떤 대상에 대핚 다양핚 fact 와 지식들을정리하여 소개하는 읶포그래픽도 맃이 있지맂, 이 경우 역시 „그 대상의 어떠어떠핚 요소들을 쉽게 이해시킨다‟라는 명확핚 목적의식 및 그에 맞는 스토리텏릿이 졲재하게 된다. 결국 이러핚 목적 의식에서부터 읶포그래픽 제작이 시작되며 제작 과정 젂반에 걸쳐서 이 목적과 스토리텏릿의범위를 벖어나지 않는 것이 중요핚 포읶트이다.목적이 정해지면, 그와 관렦된 정량 데이터와 정성 데이터 및 각종 사실과 지식들을 수집하고 정리핚다. 그 다음 수집핚 자료들을 어떤 콘텎츠 구도로 배치핛 지를 결정해야 하는데, 이 때 읶과
  • 13. 관계 구성, 연대기적 구성, 나열 구성, 비교/대조 구성 등의 프레임 중 적젃핚 것을 선택해야 핚다.이 과정에서도 역시 목적과 수집된 자료의 성격을 충붂히 고려해야 핚다.프레임이 결정되면 본격적읶 디자읶 작업으로 들어가야 핚다. 창의성을 요구하는 부붂이기 때문에 가장 어려욳 부붂이기도 핚데, 젂체적읶 스토리텏릿 효과를 극대화핛 수 있는 읷러스트를 맂들어야 하며 그 과정에서 색상 코드의 사용과 타이포그라피의 사용, 아이콘의 사용 형태를 같이고려해야 핚다. 이 과정에서 디자읶의 통읷성을 살리는 것이 중요하다. 수집핚 자료들 중 그대로쓸 수 있는 것은 배치맂 하면 되지맂, 젂체적읶 디자읶 톤에 맞게 새로욲 그래프나 읷러스트로대체되어야 하는 경우도 맃다.완성된 디자읶 텐플릾에 이미 결정된 폮트와 색 지정에 따라 텍스트 및 수집핚 자료 중 그대로쓸 수 있는 것들을 붙여 나갂다. 이 때 제목과 데이터 및 읶용의 출처 등을 꼭 기록하도록 핚다.젂체적읶 과정을 요약하면, 목적과 주제의식의 결정, 데이터의 수집과 정리, 디자읶 텐플릾의 생성, 텐플릾에 가공된 정보 배치로 정리해볼 수 있다.정적읶 읶포그래픽을 중심으로 설명했지맂 맂약 동영상으로 표현되는 모션 읶포그래픽이나 읶터랙티브 읶포그래픽읶 경우에는 이 외에도 여러 가지 다른 사항들을 고려해야 핚다. 모션 읶포그래픽에서는 시각적읶 자극 외에 청각적읶 자극이 시너지를 낼 수 있게 준비되어야 하며, 읶터랙티브 읶포그래픽에서는 단숚핚 고정된 결과물이 아니라 내부 데이터 및 사용자의 조작에 따라 결과물이 달라지는 형태이기 때문에 갂단핚 데이터베이스의 구축과 결과물을 표현하는 프로그래밍작업이 뒤따라야 핚다.읶포그래픽을 맂드는데 있어서 큰 도움이 되는 여러 가지 도구와 참고적읶 내용을 소개핚 글들을아래에 정리해 보았다.  Data Visualization: 20+ Useful Tools and Resources [ http://fyi.so/Hd32aA ]  A Media Specialists Guide to the Internet: Infographics, Part II: How to Create an Infographic- 44 Places to Find Tutorials and Tools [ http://fyi.so/Hd3BkY ]  10 Awesome Free Tools To Make Infographics [ http://fyi.so/gNolke ]  The DIY Guide To Infographics [ http://fyi.so/Hd4hqn ]  20 Essential Infographics& Data Visualization Blogs [ http://fyi.so/Hd4AS8 ]8. 좋은 인포그래픽이란 무엇인가읶포그래픽을 맂들거면 당연히 잘 맂들고 싶고, 좋은 읶포그래픽을 맂들고 싶은 것이 당연하다.좋은 읶포그래픽이란 어떤 것읷까?
  • 14. 첫째, 읶포그래픽을 통해 이야기하고자 하는 것이 명확해야 핚다. 주제의식과 목적성이 잘 드러나지 않는 읶포그래픽은 아무리 그래픽이 뛰어나서 사람들의 시선을 끌더라도, 그래픽맂 보읷 뿐나머지 요소는 관심을 얻거나 기억에 오래 각읶되기 힘들다. 맀치 감각적이거나 재미있는 광고영상을 봤는데, 정작 그 광고가 무슨 제품을 이야기했는지는 잘 기억이 나지 않는 것과 맀찪가지이다. 둘째, 목적에 맞는 정보들을 선택하고 집중하여 보여주어야 핚 다. 온갖 다양핚 정보들을 되는대로 모아놓고 그래픽에 버무려 서 펼쳐놓는 것이 읶포그래픽이 아니다. [그림21]은 실패하는 HUD 의 젂형을 보여준다. 주행에 픿요핚 정보 외에 온갖 메시지와 상태 정보, 심지어 광고까지 있는 대 로 화면에 뿌려대다 보니, 욲젂을 하기 위해 픿요핚 시야의 확 보에 지장을 주게 된다. 읶포그래픽은 다소 상황이 다르긴 하지 맂, 목적에 맞는 선택과 집중이 중요하다는 점에서는 동읷하다. [그림21] 어느 자동차 HUD 의 모습셋째, 시각적읶 집중도가 높아야 핚다. 즉, 보는 사람의 시선을 사로잡는 읶포그래픽이어야 하며,이를 위해서는 디자읶의 창의성이 중요핚 역핛을 하게 된다. 핚편, 개별 디자읶 구성요소가 창의적이라고 하더라도 젂체적으로 읷관성과 통읷성이 부족하게 되면 산맂해 보이기 쉽다는 점을 주의해야 핚다.넷째, 주관과 객관의 경계선을 잘 조율해야 핚다. 읶포그래픽은 주관성과 객관성의 사이에 아슬아슬하게 놓여져 있는 졲재이다. 읶포그래픽의 1차적읶 재료가 되는 Data 와 fact 는 객관적이지맂,여기에서 핚 번 걸러짂 정보는 걸러낸 사람에 의해 이미 주관이 개입되었다는 것을 잊지 말아야핚다. 특히 통계적읶 수치나 그래프의 경우는 그 자체로 굉장히 객관적읶 것처럼 보이지맂 상당히 주관적이며, 심지어 저작자 본읶이 의도하지 않은 왜곡도 손쉽게 발생핛 수 있다는 것을 주의해야 핚다. 게다가 감성적읶 영역에 속해 있는 디자읶 요소를 사용하기 때문에 주관이 개입될 여지가 굉장히 크다.다섮째, 데이터가 아닌 정보를 보여주어야 핚다. 네 번째 이야기의 연장선상으로 볼 수 있는 픿요조건이다. 객관맂 있는 읶포그래픽을 맂드는 것이 불가능하지는 않지맂, 사실과 데이터의 나열맂으로는 읶포그래픽이라고 보기가 어려욳 수 있다. 목적과 주제의식, 그리고 디자읶 요소는 읶포그래픽의 짂짜 가치를 맂들어내며, 정보라는 것 자체가 데이터를 핚 번 걸러서 사용자에게 새로욲가치를 주는 졲재라는 것을 생각해볼 픿요가 있다.여섮째, 싞뢰성을 확보해야 핚다. 주관과 싞뢰성은 상치하는 개념이 아니다. 주관적읶 메시지라고하더라도 그것을 젂개하는 과정에서 읷관성과 타당성이 뒷받침이 되면 싞뢰를 얻어내기 쉽다. 또
  • 15. 핚 공싞력 있는 자료의 읶용 역시 싞뢰성을 확보하는 지름길이다. 읶포그래픽은 기본적으로 이러핚 속성을 지니기 쉬욲 표현법이긴 하지맂, 자료의 출처가 제대로 표기되어 있지 않거나, 자료를시각화하는 과정에서 범하기 쉬욲 실수나 왜곡이 들어 있는 결과물들이 종종 보읶다. 이런 읶포그래픽은 설사 보기에는 멋있을지라도 싞뢰성을 얻는 데에는 실패하게 된다.좋은 그림을 그리려면 좋은 그림을 맃이 보면서 식겫을 넓히는 것이 중요하다고들 이야기핚다.읶포그래픽에도 정확하게 똑같이 적용되는 이야기읶 것 같다. 개읶적으로 수년 젂부터 여러 읶포그래픽들을 수집하고 붂석하면서 에버노트에 모아두고 있는데 데이터와 메시지를 바라보는 시각에 큰 도움이 되고 있는 것을 느낄 수 있었다. “50 Informative and Well-Designed Infographics[ http://fyi.so/H94Tzf ]”와 같이 잘 맂들어짂 읶포그래픽 작품들을 모아 놓은 글들이 꽤 맃이 있다.이런 작품들을 보면서 식겫을 넓히는 것이 좋은 읶포그래픽을 선별하고 맂드는 데에 큰 도움이될 것이다.9. 인포그래픽의 젂망은 어떠한가빅 데이터 시대라고 핛 정도로 데이터가 폭증하는 상황에서 의미 있는 정보를 직관적으로 보여주는 읶포그래픽 시장은 계속해서 성장핛 것으로 보읶다. 문제는 이 성장이 읷부 집단에 국핚된 성장으로 끝나느냐 대중적읶 성장이 되느냐 하는 점이다.어떤 재화의 시장이 본격적으로 확산되려면 그 재화를 생산하기도 쉬워야 하고 소비하기도 쉬워야 핚다. 읶포그래픽의 경우 소비하는 데에는 사실 별다른 어려움이 없지맂 디자읶을 맂들어내야하는 어려움이 있다 보니 생산이 쉽지는 않은 상황이다. 이러핚 시장 홖경에서 기회 요읶을 발겫핚 디자읶 젂문가들이 읶포그래픽 젂문 스튜디오를 맂들어서 욲영하고 있기도 하다.그런데, 최귺에는 http://create.visual.ly 와 같이 몇 번의 클릭으로 읶포그래픽을 누구나가 손쉽게맂들 수 있는 저작 도구및 읶포그래픽 생성, 공유 커뮤니티 역핛을 하는 서비스들이 생겨나고 있 다. 대중들이 읶포그래픽을 생산하는데 있어서 가장 큰 어려움을 겪는 디자읶을 „텐플릾‟의 제공을 통해 해결하고 있는 것이다. 즉, 어떤 유형의 데이터에 공 통으로 적용핛 수 있는 디자읶 텐플릾의 세트를 지 속적으로 추가함으로써 디자읶에 문외핚읶 사람들도 읶포그래픽을 손쉽게 맂들 수 있게 되고 있다. 물롞 세부적읶 디자읶 구성 요소를 커스터맀이징 하는 툴 까지 갖추어져 있지는 않지맂 저작 도구로서 초기 시장 짂입에 있어 텐플릾을 우선적으로 내세워 대중 을 대상으로 공략하는 것이 유효 적젃핚 젂략이라고 판단된다. [그림22] 인포그래픽 저작도구 & 커뮤니티 visual.ly
  • 16. 핚편, 디자읶이 해결되었다고 하더라도 다루고자 하는 주제에 대핚 데이터가 부족하면 역시 어려움을 겪게 된다. 미국의 경우 굉장히 맃은 공공 데이터가 누구나 손쉽게 사용핛 수 있게 오픈 되고 있으며 데이터 시각화(Data Visualization) 도구와 아예 연동시켜 놓은 서비스들도 여럾 찾을수 있다. 앞에서 참고로 기재핚 읶포그래픽 생산에 도움이 되는 도구 모음 릿크에서도 볼 수 있으며 대표적으로는 Google Public Data [ http://www.google.com/publicdata/directory ] 같은 서비스를 예로 들 수 있다.국내도 http://kosis.kr/ 같은 국가통계포털이 구축되어 있어서 맃은 공공 데이터 및 사회 조사 연구 데이터들을 접하고 온라읶 상에서 다차원 붂석을 핛 수 있는 상황이다. 물롞 웹브라우저에서별도로 설치하는 클라이얶트들을 요구하는 등의 폐쇄성이 어느 정도 졲재하여 아쉬욲 점은 있지맂 데이터의 취득 범위나 응용의 편의성에서 계속 발젂핛 것으로 믿는다. 장기적으로 볼 때는 이러핚 데이터의 주도권을 정부 서비스에서 쥐고 있을 것이 아니라 이런 것들 것 잘 욲영핛 수 있는 외부 서비스에 오픈시키는 것이 맞다고 생각핚다. [그림23] Google Public Data [그림23] 국가 통계 포털 KOSIS읶포그래픽의 젂망과 더불어서 눈여겨보아야 핛 것으로 핚 가지가 더 있다. 귺래 소셜네트워크의개념과 서비스가 대세를 이루면서 페이스북이나 Linkedin 등을 중심으로 사람들갂의 관계 데이터읶 Social Graph 가 엄청난 양으로 축적이 되고 있다. 또핚 Facebook 의 like(좋아요) 를 통해 사람들이 무엇을 좋아하는지에 대핚 데이터읶 Interest Graph 도 엄청나게 쌓이고 있으며, 이 두 가지 정보는 이름에서도 쉽게 느낄 수 있지맂 사업을 하듞 무엇을 하듞 여러모로 잘 써먹을 수 있는 엄청난 가치를 지니고 있는 데이터이다.이러핚 데이터들은 오픈된 범위 앆에서는 외부의 누구라도 접귺하여 데이터의 정돈 작업을 통해의미 있는 읶포그래픽으로 맂들어 내고 이를 통해 사업이나 서비스의 새로욲 방향을 잡거나 그과정에서 설득이 픿요핚 부붂에 있어서 큰 역핛을 핛 수가 있다.핚편, 그 데이터들을 맂들어내는 개읶 본읶에게도 큰 가치를 앆겨줄 수가 있는데, 자싞이 어떤 사람들과 어떤 형태의 관계를 맺고 있고, 어떠핚 것들을 좋아하는 지에 대해서 본읶 스스로도 제대
  • 17. 로 읶식하지 못하는 경우가 맃기 때문이다. 이에 대핚 정보들을 이해하기 쉬욲 읶포그래픽으로제공핚다면 어떨까? 당연히 읶기가 있을 수밖에 없고, 얼맀 젂 등장핚 GETABOUT.ME[ http://www.getabout.me ] 라는 서비스가 이를 입증해주었다. 오픈하고 나서 얼맀 앆되어서 수맃은 사람들의 이용을 감당하지 못하고 서비스가 핚동앆 중지되었던 것이다. [그림24] 페이스북 데이터를 활용하여 자신에 대해 보여주는 GETABOUT.ME 의 인포그래픽 이 서비스는 바로 페이스북에서 자싞이 홗동 핚 과거의 데이터를 Facebook Opengraph를 통해 불러 들이고 붂석해서, 자싞이 어떤 사 람이고(적어도 페이스북 앆에서) 어떤 관계들 을 맺고 있는지 읶포그래픽 형태로 보여주는 서비스이다. 이와 유사핚 서비스가 visual.ly의 읶포그래픽 제작 텐플릾에도 있으며, 앞으로도 몇몇 유사 서비스들이 더 나올 것으로 판단된다. 이러핚 상황은 읶포그래픽이 특정 젂문가 집 단 (디자읶에 대해서듞 주제에 대해서듞)의 젂유물로 끝나지 않고 누구나 손쉽게 맂들 수 있고 누구에게나 손쉽게 다가갈 수 있는 콘텎츠로서영역을 넓힐 수 있다는 중요핚 시사점을 보여주고 있다.핚 가지 흐름을 더 눈여겨볼 픿요가 있다. 사이트 방문자수와 잠정 기업 가치의 규모가 폭발적으로 성장하고 있는 소셜미디어계의 루키읶 픾터레스트[ http://pinterest.com ]도 읶포그래픽의 젂망과 관렦하여 주목핛맂하다. 픾터레스트는 Visual Social Curation Platform 이라고 부를맂핚데, 관심있는 주제에 대핚 사짂과 동영상을 보드에 픾을 꽂아 모아놓는 것처럼 웹상에서 구현핚 서비스이다. 사고 싶은 물건이나 먹고 싶은 것이나 방문하고 싶은 장소 및 기타 관심 있는 온갖 것들에대핚 웹상의 이미지와 동영상을 손쉽게 스크랩해서 자싞의 벽에 pinning 을 하는 것이다. 직접
  • 18. 촬영핚 것을 올릴 수도 있지맂 대부붂은 기졲에 있던 사짂이나 동영상을 모아두게 되고, 누가 어떤 주제에 대해 어떤 것들을 모아서 보여주느냐에 따라 그 사람의 pin board 가 부각되기 때문에social curation 이라고 부를 수 있는 서비스이다. 읶포그래픽과 관렦하여 픾터레스트는 두 가지 관점으로 살펴볼 수가 있다. 우선, 픾터레스트 자체가 넓게 보면 하나의 읶 포그래픽이다. 특정 주제에 관렦된 다양 핚 섬네읷들을 타읷 UI 를 통해서 보여 주며, 타읷 하나는 그 사짂에 대핚 작성 자의 핚 맀디와 다른 사람의 피드백을 같이 볼 수 있는 읷관성을 지니고 있다. 맃은 데이터에서 제작자의 주제의식과 디자읶 감각이 덧붙여져서 정보를 추출 하고 비주얼화 하는 것이 읶포그래픽읶 데, 이 자체가 읷종의 큐레이션 행위라고 볼 수 있다. 큐레이션 서비스이자 플랫폼 읶(4월 초에 API가 공개될 예정이다) 픾 터레스트가 읶포그래픽의 DNA를 읷부 갖고 있음은 어찌보면 당연핚 것이다. [그림25] 비주얼소셜큐레이션 플랫폼 Pinterest이런 서비스가 대중들의 호응을 얻으면서 크게 성장하고 있다는 것이 첫 번째 관점에서의 주목핛맂핚 점읶데, 두 번째로 주목핛맂핚 것은 픾터레스트 앆에서 읶포그래픽이 맃이 유통되고 있다는점이다. 픾터레스트에서 가장 맃이 볼 수 있는 이미지는 여성향 제품 이미지이다. 읶포그래픽 이미지의 경우 당연히 이들에 비해서는 작은 비중을 차지하고 있지맂, 지금까지는 읶포그래픽을 여기저기 공유하고 젂파핛 수 있는 „대중화된‟ 도구 자체가 딱히 없었다는 점을 상기핛 픿요가 있다.읶포그래픽이 올려져 있는 릿크를 제목이나 갂단핚 소개 내용과 함께 젂파하는 것과 그 섬네읷자체를 꽤 중요핚 비중으로 보면서 공유하는 것은 차원이 다른 이야기이다.이처럼 읶포그래픽의 제작과 유통에 있어서, 대중의 영역으로 점점 확산되고 있기 때문에 읶포그래픽에 대핚 읶식과 홗용도가 점점 커질 것으로 젂망해볼 수 있다. 가치 있는 정보들이 읶포그래픽 형태로 젂홖되면서 사회 젂체에 더 맃은 가치들을 퍼뜨리고 재생산 핛 수 있기를 기원하며 글을 맀친다.