본문 바로가기

Information Architecture7

[Super Powers] 평가와 재배치 작업 * 모든 그림은 클릭하면 원본 사이즈로 볼 수 있습니다. (모든 그림은 글자를 읽을 수 있는 크기로 올렸습니다) 아래 [그림 1]은 PopChartLab.com에서 제작한 [Super Powers]라는 제목의 infographic이다. 코믹스에 등장하는 캐릭터 240여 명의 능력을 몇 가지 기준으로 분류하여 배치한 것으로, 2~4단계의 위계구조를 이루고 있다. SF장르와 코믹스에 관심이 많다면 재미있게 볼 수 있는 그림이긴 하나, 살펴보면 아쉬운 점이 많다. 자료 조사에 많은 시간을 들인 것과 달리, 정작 각각의 인물을 어떤 기준으로 묶어야 하는가에 대한 고민이 부족해 보인다. 그렇다면 초능력자나 슈퍼히어로와 같은 코믹스의 캐릭터들은 어떤 기준으로 나누는 것이 합당할까? [그림 1]의 정보들이 어떤 구조.. 2012. 2. 19.
트리구조의 함정 1 목차와 트리구조에 대한 제 생각을 물으신 분이 계셔서 이 글을 씁니다. * 글에 이론적 근거는 없습니다. 미약하게나마 구축하고 있는 사고 체계를 설명하기 위해 노력하는 글일 뿐이니 이 글에서 '답'을 구하지 마시고 '질문'을 얻으시기 바랍니다. * 제가 수학이나 관련 학문을 전공한 것이 아니기 때문에, 글에서 사용하고 있는 용어가 그 분야에서 사용하는 정의와 다를 수 있습니다. 정보전달을 주 목적으로 하는 저작물의 대부분은 트리 구조(Tree Structure)로 이루어진다. 연역이나 귀납과 같은 논리를 전개하는 방식의 차이와 상관없이, 글은 ‘부분’과 ‘전체’라는 굴레로부터 자유롭지 못하다. 글자가 모여 단어로, 단어가 다시 문장으로, 문장은 문단으로.. 언어의 모든 요소는 크기와 상관 없이 의미를 지.. 2012. 1. 14.
'미국 정부의 예산 사용안'에 대한 Infographic (2004,07,08,09,10 and 2012) * 클릭하면 큰 이미지로 볼 수 있습니다. 원출처 : wallstats.com / 후출처 : Visual.ly 제작과 자료조사 : Jass Bachman 2010년 예산 제출안 이 그림은 2010년 백악관이 미의회에 제출한 예산 사용안을 정리한 것입니다. 의회에서 예산안이 의결되기까지 상당한 조정을 거치게 될 것이 예상됩니다. 행정부의 방향을 읽을 수 있다는데 가장 큰 의의가 있겠네요. 각 항목마다 하위 부서의 명칭과 예산 편성액수, 그리고 전년도와의 변화율을 표시하고 있습니다. 2009년과 비교한 것도 있고 어떤 항목은 2008년 예산과 비교하고 있는 것이 있습니다. 이라크와 아프가니스탄 전쟁 종결을 준비하며 군예산에 큰 변화가 나타나는 게 보입니다. 예산 편성이 늘어난 곳도 있지만 대부분 대폭 줄어들.. 2011. 12. 21.
회원가입 프로세스 맵 (Process map : Time Scenario) 2011 버전 ^^ 회원가입 프로세스를 몇 년만에 업그레이드하여 올립니다. 짜잔~~~!! (아 뿌듯) 2004년에 작업한 구 버전 프로세스를 검색하여 들어와 보고 가는 사람들이 좀 많아서, 계속 신경이 쓰였답니다. 요즘은 저 방식으로 서비스를 개발하지 않는데도 자꾸만 저걸 찾아보니 난감하더라고요. 새버전을 만든 건 2009년인데 (끙...) 이걸 2년만에 올리네요. 왜 이걸 안 올리고 있었지? 스스로 의아해하며 파일을 열었더니, 작업파일이 깨져있네요. 아예 열리지도 않고 프로그램까지 다 멈춰버리는... 상황 발생 두둥!! 아~ 지난 번 하드 깨지면서 날라간 파일들 중 이게 있었구나아.... 갈등하다 하는 수 없이 다시 그렸습니다. ㅠㅠ (그나마 미리보기용으로 저장해 놓았떤 jpg가 한 장 살아있어서 다행) 원래 2009년판.. 2011. 11. 25.
화면 설계 사례 : 채팅 구조도 (Screen Flow Map) 이 그림은 2003년 채팅서비스를 개발하며 제작한 화면설계 구조도이다. (머리 좀 아팠음 ㅠㅠ) 채팅서비스를 이용하기 위해서는 여러 경로를 거치게 되며, 인접한 관련 서비스와의 연결관계를 고려해 설계해야 한다. 대화할 사용자를 직접 검색하거나, 현재 대화방 상황을 살펴보는 등의 외부 메뉴와 1:1 대화, 쪽지, 신고, 2인 이상이 입장 가능한 일반 대화방 등이 심리적으로 가깝게 느껴지도록 통합 설계, 디자인해야 한다. '채팅' 메뉴에 필요한 주요 페이지들은 중앙의 회색블록(■)에 해당하며, 채팅이 이루어지는 대화방은 중앙 하단의 진분홍 블록(■)이다. 쪽지메뉴에 해당하는 것은 하늘색 블록(■)이며, 신고는 녹색 블록(■)으로 표시했으며 각각의 메뉴, 화면들과 어떻게 연결되어 있는지를 살펴볼 수 있다. 채.. 2009. 2. 5.
정보 시각화 사례 - 바우하우스, webmap 정보디자인(Information Design)작업은, 그것을 기획하고 제작한 이들이 미처 생각하지 못한 의미를 포함한 형태로 결과물이 만들어지는 경우가 많다. 특정한 의미를 대표하기 위해 만들어진 언어의 경우만 하더라도 그것이 내포하는 의미가 하나의 점이 아닌 영역으로 정의될 수밖에 없으며, 그 영역은 경계선이 아닌, 투과가 가능한 형태로 이루어지기 마련이다. 하물며 정보디자인의 경우는 의미를 한정하기 어려우며, 다양한 의미로 해석 가능한 형태를 취하게 된다. 정보들은 '다른 정보 요소와의 관계'와, '공간적 위치'와 같은 요소들에 의해 새로운 의미를 전달하며, 해석의 가능성을 확장시키다. 이에 대한 좋은 예로 [바우하우스 교육체계도]가 있다. (아래 그림 1) 이 그림은 [바우하우스]의 교육체계를 설명.. 2005. 7. 18.
Thinkmap - Visual Thesaurus plumbdesign을 알게 된 것은 1999년이다. 손으로 직접 해결하던 기초조형 과정을 마친 다음, 99년에 이르러서야 컴퓨터를 활용한 작업을 시작하였다. 당시 대부분의 디자이너들이 그러했던 것처럼 손이 할 수 없는 것, 혹은 컴퓨터가 있기에 가능한 작업에 관심을 기울였고, 플럼디자인을 알게 된 것도 그 과정에서였다. 오랜만에 찾은plumbdesign은 th!nkmap으로 회사명이 바뀌어 있었다. thinkmap은 plumbdesign회사에서 개발한 소프트웨어 플랫폼의 이름이다. 다양하고 복잡한정보들을 어떠한 방식으로 시각화 할 것인가를 고민하며 제작된 이 프로그램은, 각각의 정보가 지닌 요소들을 몇가지 기준으로 따라 분류한다. 그 결과를 단적으로 확인할 수 있는 프로젝트가 바로 위의 그림(스미소니언.. 2004. 12. 16.