태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.


'정보시각화'에 해당되는 글 5건

  1. 2016.06.16 트위터 퍼소나 데모 페이지 (2) by 無異
  2. 2012.03.11 [정보디자인] 서울시장보궐선거 시간대별 투표율 비교 그래프 리디자인 by 無異
  3. 2012.02.15 [2012 pxd talks 01] 정보 시각화(Information Visualization) by 진현정
  4. 2011.10.31 2011 pxd talks 01-08 by 허 유리
  5. 2010.06.03 [참고사이트] infosthetics.com 정보의 다양한 시각화 by Limho
2016.06.16 07:50

트위터 퍼소나 데모 페이지

지난번 트위터 사용자 유형 - 데이타 기반 퍼소나 글에서 로그 데이타를 이용하여 사용자 유형을 시각화하는 방식을 소개했습니다. 사용해보고 싶어하시는 분들의 요청이 있어 데모 페이지를 만들었습니다.

http://lab.pxd.co.kr/twitterpersonas/

트위터 계정 아이디를 넣으면 최근 200개의 트윗을 시간축 상에 트윗의 특성을 시각화하여 보여줍니다.

날짜와 시간은 사용자의 거주 위치에 따라 보정하여 표시하고 있어서 정보를 정확하게 입력하지 않은 경우 시간이 밀려있을 수 있습니다. 

 

  • 우선 트윗을 자기가 직접 작성한 것, 리트윗한것, 인용 RT, 멘션 네가지로 색깔 별로 나뉘었습니다.

  • 페이스북에서 작성한건 진한 파랑, 인스타그램에서 작성한 건 노랑으로 표시됩니다.

  • PC에서 작성한 것은 테두리로 표시합니다.  

  • 이미지 첨부나 비디오 첨부는 노랑,빨강의 작은 네모가 붙습니다.

  • 해쉬태그는 #, url 링크는 _ 텍스트가 추가됩니다.

  • 직접 작성한 트윗 중 리트윗된 비율(평균 리트윗 횟수), 좋아요 비율(평균 좋아요 횟수) 를 표시합니다.


[참고##퍼소나##]


팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 2
Ad Test...
2012.03.11 22:34

[정보디자인] 서울시장보궐선거 시간대별 투표율 비교 그래프 리디자인

지난번 사내에서 강규영님의 정보 시각화 강의  를 듣고 
규영님 블로그의 http://alankang.tistory.com/295 관련 공부 자료에서 안 읽어봤던 책도 읽어보고 관련된 블로그도 관심있게 구독하고 있습니다.

그 중에서 akaiving님의 블로그를 재밌게 보고 있다가 관심있는 주제가 있어서 글을 남깁니다.


글에서는 지난번 서울시장보궐선거와 무상급식주민투표의 시간대별 투표율 변화를 그래프로 표시해서 한 눈에 비교해 볼 수 있도록 시각화 하였습니다. 
 



보통은 아래와 같은 누적 그래프를 통해서 비교를 하는데 시간대별 투표율 변화를 비교하여 보여줌으로써 동일 시간대에 두 선거 투표율 변화를 보다 명확하게 비교 할 수 있을 뿐 아니라 시간 흐름에 따른 투표 참가자 추이를 볼 수 있게 되어서 좀 더 의미있는 패턴을 발견하는데 도움을 줄 수 있습니다. 아래와 같은 누적 추이에서는 잘 보이지 않지만 퇴근 이후(저녁)의 투표율이 다른 시간대의 2배 정도에 비해 현저히 높았던 것이 잘 드러납니다. 



원문에는 그래프를 그리기 위한 데이타가 포함되어 있는데 아래와 같이 선관위에서 시간대별로 발표하는 누적 투표율을 가지고 시간대별 투표율 변화를 산출한 것으로 생각됩니다. 



그대로도 충분히 아름답긴 하지만 몇 가지 개선했으면 하는 부분을 손 봤습니다. 히스토그램을 예쁘게 그릴 수 있는 툴이 없어서 akaiving님의 그래프를 포토샵으로 편집했습니다. :)


원본 :  akaiving  수정:  無異 via 포토샵

1. 투표율 '증감' 패턴이라고 해서 비교 대상이 무엇인지 처음에는 잘 이해가 되지 않았습니다. 한 두 시간 간격으로 집계하여 발표한 누적 투표율을 자료로 하고있으므로 특정 시각에서의 투표율의 변화보다는 시간대별(구간) 투표자수(투표율)로 표시하는게 이해하기 편할 것 같습니다. 
오후8시에 누적 투표율 변화가 5.0%p 라는 것보다 7시에서 8시 사이에 전체 유권자의 5.0%가 투표에 참여했다는게 상황을 잘 설명하니까요. 그래서 우선 시간 구간 사이의 투표자수 히스토그램이 되도록 단위(%p -> %)를 바꾸고 시간 축을 실제 투표 시간(6시부터 오후 8시)에 맞게 이동하였습니다. 처음 그래프에서 없었던 아침 시간 구간의 자료는 위의 carrotday님의 표를 참고하여 추가하였습니다.

2.다른 구간은 1시간 간격인데 처음 구간은 2시간 간격이라 오해 할 수 있는 부분을 수정할 필요가 있습니다.
시장선거에서 9-11시까지 8.8%p 이고 11-12시 사이는 8.5%p라서 이른 아침에 가장 많이 투표를 하는 것처럼 보이지만 두 시간의 변화율이니까 반으로 나눈 4.4%p이어야 할 것 같습니다. 아침 일찍 부터 투표하러 갈만큼 부지런하지는 않다는 거죠.

3. 그래프의 가로축을 그리고 baseline이 0이 되도록 수정하였습니다. 두 그래프의 비율을 비교해보는 것이 의미가 있으므로 baseline의 기준이 중요한데 원본은 Data Ink Ratio를 높이기 위해 가로 축을 생략하고 눈금만을 남겨두었더라구요. 눈금의 위를 잇는 가상의 선이 축으로 보였는데 2.4%p가 1.2%p와 축에서 2배 떨어져 있지 않은 것 같아 살펴보니 실제는 시간 숫자의 baseline이 기준선이었습니다. 익숙하지 않은 형태라 명시적으로 축을 그려넣었습니다.

다른 두 투표의 개별 투표율을 나타내고 있지만 두 투표가 서울시민을 대상으로 하고 있으므로 두 달정도 사이의 투표 인구수의 변동은 있었겠지만 거의 같다고 보고 양적인 비교를 해도 무리가 없을 것 같습니다. 
(동일 시간대에서 두 면적을 비교해서 두 배이면 투표자 수도 두배라고 이해해도 무방할거라는거죠)

4. 시간의 표시는 24시간제 보다는 일상적으로 사용되는 12시간제가 이해 하기 쉬운 것 같습니다. (그래프 툴에서는 지원하지 않겠지만요)

5. 오후 1시에서 3시,3시에서 5시 구간은 같은 값이라도 오전 7시에서 9시 구간과는 다르게 구간의 데이타가 있었다는 걸 표시하기 위해 일부러 끊어 두었습니다.

6. 각 항목 투표 이름에 비교할 수 있게 전체 투표율을 추가하였습니다. 투표 이름을 오른쪽으로 옮긴건 왼쪽엔 두 그래프가 너무 가까이 붙어있어서 일 뿐 별 의미는 없습니다.


그래프를 수정하고 보니 시간대별 투표 양상이 대충 눈에 들어옵니다. 의미 있는 시간대는 출근(등교)시간 전, 점심시간, 퇴근 후 인 것 같고요. 암튼 그래서 서울시장보궐선거에서는 퇴근 후 시간대의 투표율이 모든 시간대중 가장 높은 상당히 이례적인 결과 였다는게 좀 더 분명히 드러나게 되었습니다.


[참고##정보디자인##]


팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2012.02.15 10:45

[2012 pxd talks 01] 정보 시각화(Information Visualization)


2월 14일 pxd 에서는 강규영씨(http://alankang.tistory.comhttp://twitter.com/alankang )께서 "정보 시각화(Information Visualization)"라는 제목으로 강의를 해주셨습니다. 

중요한 의사 결정을 데이터에 기반해서 내리고, 빅데이터에 대한 사람들의 관심이 모여지는 요즈음,
데이터를 중요하게 생각하는 트랜드에서 디자이너들은 무엇을 준비하면 좋을까라는 시작으로 발표를 진행해 주셨습니다.

시각화를 왜 하는가에서부터 실제로 내 주변에서 접하는 통계적 추론, 과학적 추론의 데이터를 어떻게 적용해 볼 수 있는가까지 살펴 볼 수 있는 유익하고 즐거운 시간이었습니다.




팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2011.10.31 12:52

2011 pxd talks 01-08

피엑스디에서는 이전에도 배우고 싶은 내용을 가르쳐 주실 분을 초대하여 간간히 특강을 진행하였는데, 2011년 3월 제이타워로 이사하고 난 다음부터 좀 더 체계적으로 특강을 진행하였습니다. 그 첫 번째로 한국디자인진흥원의 윤성원 과장님을 모시고 서비스 디자인에 대해 알아보았습니다.



2011 pxd talks 01: 서비스디자인특강

윤성원(한국디자인진흥원) 2011-03-08

윤성원 한국디자인진흥원 서비스디지털융합팀 팀장(당시 과장)께서 피엑스디에 방문하여 서비스 디자인에 관한 특강을 해 주셨습니다. 당시에 피엑스디 사람들에게 서비스 디자인은 익숙하지 않은 개념이었는데, 회사 전체가 관심을 갖는 계기가 되었습니다. 사용했던 발표 자료는 계속 업데이트 되어서 지금의 모습이 되었습니다.
서비스디자인, 서비스산업을 다시 디자인하다 1 - 한국디자인진흥원
서비스디자인, 서비스산업을 다시 디자인하다 2 - 한국디자인진흥원



2011 pxd talks 02: 퍼소나 특강

김이식(PwC consulting) 2011-03-24
PWC (Price Waterhouse Coopers, www.pwc.com) 컨설팅의 김이식 이사는 마케팅에서 퍼소나의 위력을 이해하고 잘 발휘하는 사례를 설명해 주었습니다. 면세점, 안경점, 양복점 등 기존 오프라인 매장에서 어떻게 퍼소나를 적용하여 혁신을 이룰 수 있는지 이해할 수 있었고, 이를 통해 서비스 디자인에서 퍼소나의 강점을 파악할 수 있었습니다.



2011 pxd talks 03: 서비스디자인 workshop

크리베이트 2011-06-03
크리베이트(www.crevate.com)는 창의적 혁신을 전문으로 하는 컨설팅 기업으로서 창의성 증진을 위한 다양한 워크샵 기법을 개발하였습니다. 크리베이트가 그동안 진행해왔던 서비스 디자인 프로젝트의 결과를 활용하여, 피엑스디의 디자이너들과 함께 서비스 디자인 워크샵을 경험해 보았습니다.



2011 pxd talks 04: Startups, Metrics, and Design

Michael Shilman 2011-07-21

오늘 피엑스디에서는 버클리 박사 후, 마이크로소프트 연구소에 계셨던 Michael Shilman께서 'Startups, Metrics, and Design'이라는 제목으로 Lean UX에 대해 강의해 주었습니다.



2011 pxd talks 05: Design Fiction for the Startup

정기원 2011-07-29

오늘 피엑스디에서는 IDEO와 미디어랩에서 일한 @keywonc님이 브레인스톰과 프로토타입을 통해 서비스 디자인을 해보는 워크샵을 3시간동안 가졌습니다.



2011 pxd talks 06: 데이터, 인식과 변화의 원동력

민세희(랜덤웍스) 2011-08-10

오늘 오후에 pxd에서는, 한국 최초 TED 펠로우이며 Data Visualization전문가이신 민세희 랜덤웍스 대표님께서 '데이터 - 인식과 변화의 원동력'이라는 제목으로 워크샵을 진행해 주셨습니다. http://www.randomwalks.org/



2011 pxd talks 07: Log 기반의 집요한 사용자 관찰

이중식(서울대 융합과학기술대학원) 2011-09-22
서울대학교 융합과학기술대학원 이중식 교수(ux.snu.ac.kr)께서 로그 데이터를 집요하게 관찰한 후에 그에 기반하여 혁신을 이루는 여러 사례를 공유해 주셨습니다. 특히 서울대학교 병원의 혁신 사례가 인상 깊었습니다. 의료 분야 서비스 디자인에 관심을 갖게 되는 계기가 되었습니다.



2011 pxd talks 08: 헬스케어 트렌드 Overview, 정보화와 의료의 미래

정지훈 교수(명지의대) 2011-12-13

오늘 pxd에서는 관동의대 명지병원 IT 융합 연구소의 정지훈 교수님(@hiconcep)께서 '헬스케어 트렌드 Overview, 정보화와 의료의 미래'라는 제목으로 강의를 해주셨습니다.



2011 pPM (pxd Process Master)

이재용 2011-09-16 ~12월11일
피엑스디 토크와는 별도로 피엑스디의 이재용 대표는 사내 직원들을 대상으로 연세대학교 커뮤니케이션에서 진행중인 강의 커리큘럼에 기초하여 피엑스디의 전형적인 프로젝트 프로세스를 전달하는 시간을 4개월에 걸쳐 진행하였습니다.


[참고##pxd Talks##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2010.06.03 11:24

[참고사이트] infosthetics.com 정보의 다양한 시각화

http://infosthetics.com
정보시각화와 정보디자인의 결과물들을 모아놓은 웹로그 사이트입니다.
관련 분야에 관한 도서 소개도 있습니다. 참고하세요~
보다 보면 계속 보게 되는 사이트입니다.


[참고##인포그래픽##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...