태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


미국 오레곤(Oregon) 주의 포트랜드(Portland)에 있는 Grid/planeInstrument란 디자인 스튜디오에서 작년에 데이터 시각화 프로젝트를 했다고 합니다. 고객은 다름 아닌 Google입니다.

Google 사이트 디자인은 단순하다 못해 투박하죠. 그런데 이렇게 외부 디자인 회사에 데이터 시각화 프로젝트를 외주 주는 것보니 Google도 깔끔한 디자인에 관심이 전혀 없는 것은 아닌 모양입니다.

프로젝트 설명을 읽어보면, 블로그와 같은 소셜 미디어(Social Media)에 관한 시각화 프로젝트라고 합니다. 미디어에 방문하는 이용자 수 같은 기본 데이터를 보여주는 것을 넘어서, 해당 미디어의 영향력까지도 시각화하는 것을 목표로 한 모양입니다. Googal Analytics 데이터를 기반으로 Flash로 만들었다고 합니다.

아쉽게도 이 프로젝트가 실제로 작동되는 모습은 볼 수가 없고, 공개된 스크린샷만 볼 수 있습니다. 하지만 스크린샷만으로도 어느 정도는 Google의 꿍꿍이를 짐작할 수 있죠. 하나씩 살펴볼까요?


옆의 동그라미 안에 NEWS, BLOGS, SOCIAL라고 씌어 있습니다. 크게 뉴스, 블로그, 소셜(아마도 Twitter 같은 소셜 네트워크 서비스를 말하는 모양입니다.)로 분류해서 보겠다는 뜻이겠죠. 가운데에는 네트워크가 그려져있는데, 블로그 사이에 링크 관계를 표현한 듯 합니다.  동그라미 안의 숫자는 해당 미디어의 '영향력'을 평가하는 숫자로 보입니다. 디자인 회사가 한 것이니 영향력을 평가하는 알고리즘까지 고민했을 것 같진 않군요.


이런 네트워크 레이아웃(lay-out)은 흔합니다. 보통 자기 중심 네트워크(ego-centered network)라고 하죠. 어떤 한 사이트를 클릭하면 그에 연관한 다른 사이트들을 나열해주는 것 같습니다. 원의 크기는 '영향력'에 비례하도록 그린 것 같군요.
밑의 슬라이드에는 날짜가 적혀있는데, 시간 창(Time window)를 설정해서 볼 수 있게 하겠다는 뜻 같습니다. 


영향력 기준으로 나열한 막대그래프 형식이겠죠.


블로그 클러스터(Cluster)를 클릭하면 그 안에 세부 사이트의 영향력을 보여주겠다는 뜻 같습니다.


어느 지역에 있는 사이트가 영향력이 높은지 보여주겠다는 뜻인 것 같죠?


영향력의 시간 변화를 시계열 형식으로 보여주는 것 같습니다. 사실 이런 식으로 시계열을 보여주면 예쁘긴 해도 별로 실용성은 없죠. 


이건 무슨 의미로 원을 배치했는지 알기가 어렵군요.


링크를 표현할 때 원형 레이아웃(lay-out)을 꽤 많이 시도하는 것 같습니다. 일단 공간을 덜 차지하고 예뻐보인다는 장점이 있죠. 하지만 글자를 읽기는 좀 불편하죠. 


이건 그냥 서비스용 컨셉인 것 같습니다. 예쁜 것 말고 별다른 의미는 없겠죠.



스크린 샷을 자세히 보면 리퍼러 별로 무언가를 보여주고 있습니다.

이 프로젝트는 소셜 미디어의 '영향력'을 시각화하는 것이죠. 그렇다면 '영향력'을 어떻게 평가하고 수치화할 것인가?라는 문제가 있습니다.

어떤 사이트의 '영향력'을 평가한다고 한다면, 보통은 Google을 유명하게 만든 PageRank를 떠올리게 됩니다. PageRank는 해당 사이트에 링크가 얼마나 많이 걸렸나를 기준으로 랭킹을 매기는 방식이죠. 하지만 이 스크린샷에서는 리퍼러가 표시되어있습니다. 여기서 한가지 가정을 해볼 수  있어요. 소설 미디어의 '영향력'을 평가하는데 Google이 혹시 리퍼러 정보를 활용하려는 것은 아닐까? 라는 거죠.

 리퍼러 정보는 실 방문자가 언제 어느 링크를 타고 왔는지 정확하게 기록합니다. 그래서 만약 리퍼러 정보를 활용할 수 있다면, 링크 정보만 활용하는 PageRank 보다 더 정밀한 '영향력' 랭킹을 매길 수 있겠죠. 하지만 리퍼러 정보는 해당 블로그나 사이트 관리자가 아니면 알기가 어렵다는 문제가 있습니다. 따라서 보통 이 데이터를 검색엔진이 이용하긴 어렵겠죠.

하지만 요새 많은 사이트들이 Google Analytics를 이용하고 있다는 점에 생각이 미치더군요. 아마 대형 사이트들은 거진 사용하고 있을 겁니다. 그러고 보면 Google Analytics에는 사실상 주요 사이트의 리퍼러 정보가 쌓인다고 볼 수 있습니다. 언제 누가 링크를 클릭했는지, 어떤 링크를 타고 왔는지 다 알 수 있다 거죠. 만약 Google이 이 정보를 적극적으로 활용한다면? 아마 다른 검색업체가 쉽게 할 수 없는 어떤 일을 할 수도 있다는 겁니다.

물론 스크린샷만 보고 단순히 추측한 것이니 신빙성은 별로 없습니다. 그래도 제 전공이 디자인보다는 알고리즘 기술 쪽에 훨씬 가깝다보니, 소셜 미디어의 '영향력'을 어떻게 평가할 수 있을까?라는 의문이 먼저 떠오르더군요. :)

여러분들은 이 스크린샷을 보고 어떤 느낌이 드시나요?


바로가기:
http://www.gridplane.com/#/projects/all/data-vis
http://www.weareinstrument.com/#/work/data-visualization

Posted by crefrog

댓글을 달아 주세요



세계 분쟁 사망자 비율 - 1400년부터의 역사

출처: War and Peace before 1945 - Max Roser 트위터에서 흥미로운 그래프가 리트윗되어서, 블로그에도 소개글을 씁니다. 이 그래프는 1400년 이후, 세계에서 일어난 각종 무력 분쟁에서 희생당한 사..

<정보는 아름답다>, 풍성한 인포그래픽 사례집

올해 초 데이비드 맥캔들리스의 책, <정보는 아름답다>가 국내에 번역 출간되었습니다. 데이비드 맥캔들리스는 저널리스트이자 인포그래픽 디자이너로 유명한 사람입니다. 그의 TED 강연은 한번 들어볼만한 가치가 있지요. 이 책도 ..

꽃 이름 찾기 - 국가생물종지식정보시스템의 예

이전 글: 꽃 이름 찾기 - 정보축 선택의 중요성 바로 전에 꽃 이름 색인에 대한 글을 썼습니다. 그 글에 mwtree님이 댓글로 제보해주셨는데요. 국가생물종지식정보시스템 사이트에 훨씬 자세한 꽃 이름 색인 서비스가 있다고 합..

꽃 이름 찾기 - 정보축 선택의 중요성

최근에 꽃 도감을 한 권 구입했습니다. 길 가다가 마주치는 꽃들의 이름이 궁금했거든요. 책은 꽤 두껍습니다. 소개된 꽃도 365종이나 됩니다. 그렇다면 이 책에서 내가 본 꽃의 이름을 찾으려면 어떻게 해야할까요? 하나하나 책..

데이터 시각화 관련 책, <아름다운 시각화> 번역 출간

<Beautiful Visualization>이 <아름다운 시각화>라는 제목으로 인사이트에서 곧 번역 출간 됩니다. <Beautiful Visualzation>은 2010년에 오라일리 미디어가 출판한 데이터 시각화 관련 서적..

서울 지하철 노선도 시각화 - 크기는 중요하다

서울 지하철 2호선에서 가장 마지막이나 처음 차량을 타면, 벽면에 크게 그려져있는 지하철 노선도를 종종 보실 수 있습니다. 지도가 벽면을 가득채우기 때문에 사람 키보다도 더 큽니다. 이 노선도는 보통의 노선도와 달리, 서울..

카토그램(Cartogram) - 선거 결과 지도를 효과적으로 나타내는 방법

그제는 한국에서 19대 국회의원을 뽑는 선거일이었습니다. 많은 분들이 선거 개표방송을 보거나 관련 신문 뉴스를 보셨을텐데요. 아마도 이런 지도 - 당선자의 소속 정당별로 지역구를 색칠한 지도 - 를 한번쯤은 보셨을 겁니다. (..

바람 지도(Wind Map)

링크: http://hint.fm/wind/index.html 미국 내 풍향 및 풍속 데이터를 받아서 지도 위에 시각화한 프로젝트입니다. 사이트에 가보시면, 바람이 진짜 부는 것처럼 애니메이션으로 풍속을 표현해놓은 것을 볼 ..

98% 파이 그래프 행렬?

강남역 카페에서 찍은 사진입니다. 나무 인테리어가 '한 영역이 98%정도 되는 파이 그래프들이 나란히 있는' 모양으로 보이니 저도 중증 데이터 덕후인가 봅니다. ;;; 사진을 보면 나무 막대들이 높이가 고르지 않게 튀어나와 ..

R.I.P. Steve Jobs
R.I.P. Steve Jobs 2011.10.06

생활과 통합된 디자인과 기술이 세상을 어떻게 바꾸는지 몸소 보여준 스티브 잡스의 명복을 빕니다.