[info07]data visualization02

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

Upload: jyleesidlab

Post on 03-Jul-2015

103 views

Category:

Design


1 download

DESCRIPTION

KGIT 2014 2nd SIDLAB/JYLEE Information Design Class

TRANSCRIPT

Page 1: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information DesignKGIT 2014 Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

Page 2: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Course TODAY

DATA VISUALIZATION

Page 3: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

데이터 시각화같은 범주 안의 많은 양의 데이터에 의미를부여하여 효율적으로 전달하기 위한 시각화

정보디자인

데이터시각화

인포그래픽스

정보시각화

DATA VISUALIZATION

정보 시각화데이터 시각화 보다 큰 범주에 해당하는 정

보들을 시각화

인포그래픽 & 정보디자인데이터의 디테일을 나타내기 보다는 보다

그래픽을 적극적으로 이용하여 시각 스토리텔링 형식의 설득형 메시지를 전달

효율적인 정보 전달 설득적 메시지 전달

Page 4: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Beautiful DATA VISUALIZATION

BeautifulVisualization

참신성Novel

심미성Aesthetic

효율성Efficiency

정보성Informative

Context of useIntended Message

InterestFun

ColorLayoutTypo

Explicit Purpose & MessagePerspective

Page 5: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Beautiful DATA VISUALIZATION EXBeautiful

Visualization

참신성Novel

심미성Aesthetic

효율성Efficiency

정보성Informative

예전에는 성공적인 시각적 해법이 없었던 문제에 대해 전혀 색다른 접근 방식을 제시

복잡한 데이터를 표현하는 아름다운 시각화의 고전

시각화 기법을 최소화한 작품

Mendeleev (1843-1907)

Page 6: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Bad DATA VISUALIZATIONBeautiful

Visualization

참신성Novel

심미성Aesthetic

효율성Efficiency

정보성Informative

고정관념에서 벗어나서 좀더 단순히 지하철 노선 상황만을 반영하는 추상적인 시각화

이용객과 지하철 시스템 사이의 논리적 관계

가장 연관있는 정보를 강조하는 동시에 불필요한 정보 대부분 삭제

Harry beck ”Tube” (1902-1974), 1933

Page 7: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Bad DATA VISUALIZATIONBeautiful

Visualization

참신성Novel

심미성Aesthetic

효율성Efficiency

정보성Informative

Page 8: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

How to Good DATA VISUALIZATION

1. 기본 양식에서 벗어나라참신성, 새로운, 독창성

Page 9: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

How to Good DATA VISUALIZATION

2. 전달하려는 메시지가 정확해야 한다.전달하려는 지식이 무엇인가? 답하고자 하는 질문을 무엇인가?말하고자 하는 이야기는 무엇인지에 대해 생각한다.

Page 10: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

How to Good DATA VISUALIZATION

3. 정보를 효율적으로 준다.중요한 내용을 시각적으로 강조해 준다. 관련 구분을 따라 잘라낸다.관계를 사려 깊게 사용한다.

Page 11: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

How to Good DATA VISUALIZATION

4. 심미적 요소를 발판으로 삼기친숙한 색팔레트, 아이콘, 레이아웃, 전체적인 스타일이 연관 텍스트나 의도한 야용맥락에맞는지 살펴본다.

Page 12: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION Process

질문을 만들어 내기

데이터를 수집하기

시각적 표현하기

정보획득

분석

선별

마이닝

표현

개선

상호작용

정보형 메시지설득형 메시지

벤프라이의정보시각화

마티야스샤피로

Page 13: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION Information Systemization

배열

조직화

분류

•크기: 면적이나 도형의 모양의 확대/축소를 이용하며 사용자가 직관적으로 구별할 수 있기 때문에 가장 많이 쓰이는 표현중에 하나

•색상: 데이터 셋이 많을 때 규칙성과 특이성을 구분해내는데효과적으로 쓰일 수 있다.

•위치: 지도나 가상의 장소와 데이터를 연결하여 나타냄으로써 관찰자가 자신의 정황을 시각화에 투영하여 해석하도록 함

•네트워크: 데이터 사이에 관계를 표현하며 각 데이터들을 노드(node)로 연결하는 것과 같으며 사회적 관계를 시각화하거나 방대한 양의 데이터들 사이의 관계를 그룹지어 보여줄 때유용

•시간: 전통적으로 많은 정보디자인에서 쓰였던 방법으로 시간순서에 따라서 데이터가 나열

Page 14: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

LET’S PRACTISE!

1. 주제를 찾는다.

2. 통계 자료를 찾는다.

3. 통계 안에서의 유의미한 내용을 일부 찾는다.

4. TOOL들을 통해 시각화를 해본다.

5. 질문을 만들어낸다.

6. 대답을 하기 위해 강조할수 있는 요소를 찾는다.

7. 다시 강조할 점을 정리하여, 최종 시각화를 한다.

Page 15: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION in Korea

Interactive한 그래프를 만들수있는 TOOL을 제공

Page 16: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION in Newyork Times

Page 17: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Course TODAY

Info graphics

Page 18: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION in Korea Enterprise

> 삼성전자

> KT

> 현대카드

Page 19: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION in Korea Newspaper

Page 20: [Info07]data visualization02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

DATA VISUALIZATION in Korea Enterprise