KGIT 2014 2nd SIDLAB/JYLEE Information Design Class

1. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
KGIT 2014 Fall Semester | JYLEE
INFORMATIONDESIGN
http://info2014.jylee6977.com/tc
Information Design
INFORMATION DESIGN

2. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
Course
TODAY
DATA VISUALIZATION

3. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
데이터 시각화
같은 범주 안의 많은 양의 데이터에 의미를
부여하여 효율적으로 전달하기 위한 시각화
정보디자인
데이터
시각화
인포
그래픽스
정보
시각화
DATA VISUALIZATION
정보 시각화
데이터 시각화 보다 큰 범주에 해당하는 정
보들을 시각화
인포그래픽 & 정보디자인
데이터의 디테일을 나타내기 보다는 보다
그래픽을 적극적으로 이용하여 시각 스토리
텔링 형식의 설득형 메시지를 전달
효율적인 정보 전달 설득적 메시지 전달

4. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
Beautiful DATA VISUALIZATION
참신성
Novel
Beautiful
Visualization
심미성
Aesthetic
효율성
Efficiency
정보성
Informative
Context of use
Intended Message
Interest
Fun
Color
Layout
Typo
Explicit Purpose & Message
Perspective

5. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
참신성
Novel
http://info2014.jylee6977.com/tc
Beautiful DATA VISUALIZATION EX
Beautiful
Visualization
심미성
Aesthetic
효율성
Efficiency
정보성
Informative
 예전에는 성공적인 시각적 해법이 없었던 문제에 대해 전혀 색다른 접근 방식을 제시
 복잡한 데이터를 표현하는 아름다운 시각화의 고전
 시각화 기법을 최소화한 작품
Mendeleev (1843-1907)

6. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
참신성
Novel
http://info2014.jylee6977.com/tc
Bad DATA VISUALIZATION
Beautiful
Visualization
심미성
Aesthetic
효율성
Efficiency
정보성
Informative
 고정관념에서 벗어나서 좀더 단순히 지하철 노선 상황만을 반영하는 추상적인 시각화
 이용객과 지하철 시스템 사이의 논리적 관계
 가장 연관있는 정보를 강조하는 동시에 불필요한 정보 대부분 삭제
Harry beck ”Tube” (1902-1974), 1933

7. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
참신성
Novel
http://info2014.jylee6977.com/tc
Bad DATA VISUALIZATION
Beautiful
Visualization
심미성
Aesthetic
효율성
Efficiency
정보성
Informative

8. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
How to Good DATA VISUALIZATION
1. 기본 양식에서 벗어나라
참신성, 새로운, 독창성

9. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
How to Good DATA VISUALIZATION
2. 전달하려는 메시지가 정확해야 한다.
전달하려는 지식이 무엇인가? 답하고자 하는 질문을 무엇인가?
말하고자 하는 이야기는 무엇인지에 대해 생각한다.

10. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
How to Good DATA VISUALIZATION
3. 정보를 효율적으로 준다.
중요한 내용을 시각적으로 강조해 준다. 관련 구분을 따라 잘라낸다.
관계를 사려 깊게 사용한다.

11. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
How to Good DATA VISUALIZATION
4. 심미적 요소를 발판으로 삼기
친숙한 색팔레트, 아이콘, 레이아웃, 전체적인 스타일이 연관 텍스트나 의도한 야용맥락에
맞는지 살펴본다.

12. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
설득형메시지 정보형메시지
http://info2014.jylee6977.com/tc
DATA VISUALIZATION Process
질문을 만들어 내기
데이터를 수집하기
시각적 표현하기
정보획득
분석
선별
마이닝
표현
개선
상호작용
벤프라이의
정보시각화
마티야스
샤피로

13. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
DATA VISUALIZATION Information Systemization
배열
조직화
http://info2014.jylee6977.com/tc
분류
•크기: 면적이나 도형의 모양의 확대/축소를 이용하며 사용자
가 직관적으로 구별할 수 있기 때문에 가장 많이 쓰이는 표현
중에 하나
•색상: 데이터 셋이 많을 때 규칙성과 특이성을 구분해내는데
효과적으로 쓰일 수 있다.
•위치: 지도나 가상의 장소와 데이터를 연결하여 나타냄으로
써 관찰자가 자신의 정황을 시각화에 투영하여 해석하도록 함
•네트워크: 데이터 사이에 관계를 표현하며 각 데이터들을 노
드(node)로 연결하는 것과 같으며 사회적 관계를 시각화하거
나 방대한 양의 데이터들 사이의 관계를 그룹지어 보여줄 때
유용
•시간: 전통적으로 많은 정보디자인에서 쓰였던 방법으로 시간
순서에 따라서 데이터가 나열

14. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
LET’S
PRACTISE!
1. 주제를 찾는다.
2. 통계 자료를 찾는다.
3. 통계 안에서의 유의미한 내용을 일부 찾는다.
4. TOOL들을 통해 시각화를 해본다.
5. 질문을 만들어낸다.
6. 대답을 하기 위해 강조할수 있는 요소를 찾는다.
7. 다시 강조할 점을 정리하여, 최종 시각화를 한다.

15. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
DATA VISUALIZATION in Korea
Interactive한 그래프를 만들수
있는 TOOL을 제공

16. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
DATA VISUALIZATION in Newyork Times

17. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
Course
TODAY
Info graphics

18. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
DATA VISUALIZATION in Korea Enterprise
> 삼성전자
> KT
> 현대카드

19. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
DATA VISUALIZATION in Korea Newspaper

20. KGIT 2014 F Fall Semester | JYLEE
INFORMATIONDESIGN
INFORMATION DESIGN
http://info2014.jylee6977.com/tc
DATA VISUALIZATION in Korea Enterprise