• 검색 결과가 없습니다.

정보디자인의 원리

N/A
N/A
Protected

Academic year: 2022

Share "정보디자인의 원리"

Copied!
39
0
0

로드 중.... (전체 텍스트 보기)

전체 글

(1)

the 3rd week

국립한경대학교 디자인학과 이상선

ssy@hknu.ac.kr

멀티미디어기초2

정보디자인의 원리

(2)

멀티미디어 기초 1

정보의 조직화

1. 정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열

4. 정보설계

(3)

1. 정보 조직화의 정의

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열

4. 정보설계

(4)

인간이 혼자 존재할 수 없듯이

정보는 하나만으로 존재할 수 없다.

하나의 정보는 관계 있는 다른 정보를 불러오게 된다.

바로 그런 관계를 찾아내는 것이 중요다.

마쓰다 유키마사

(5)

1. 정보 조직화의 정의

혼돈 상태의 데이터를

정보의 사용 목적과 환경에 맞게 구조적으로 체계화하는 작업

(수집 gathering : 신뢰할만한 출처로부터)

분류 classifying : 분류하여 유사한 것끼리 묶음

배열 arranging : 의미에 따라 배치

조직화 organizing : 관계 맺기

* 정보조직화학문: 도서관학, 문헌정보학, Information Science

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(6)

정보 조직화의 순서 ➊ 혼돈상태

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(7)

정보 조직화의 순서 ➋ 분류 classifying

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(8)

정보 조직화의 순서 ➌ 배열 arranging

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(9)

정보 조직화의 순서 ➍ 조직화 organizing

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(10)

1. 정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열

4. 정보설계

(11)

2. 정보 배열하기: LATCH

Location

Alphabet

Time

Category

Hierarchy

Richard Saul Wurman 2001 [Information Anxiety 2]

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(12)

Method Cases

Location - 지리적 정보에 기반을 둔 정보를 조사하고 비교할 때 - 공간적으로 구분되는 정보의 조직화

Alphabet - 수평적이고 방대한 정보 조직화

- 카테고리, 지역에 따른 조직화가 효과적이지 않을 때

Time - 시간이 지난 사건의 조직화 - 시간에 따른 변화의 추이

Category - 속성에 따른 분류

- 상위 카테고리, 하위 카테고리가 있을 수 있음

Hierarchy - 값의 크기 비교에 따른 조직화 → 순서가 큰 의미를 가짐 - 정보의 가중치나 우선순위를 부여할 때

정보 조직화의 기준: LATCH (계속)

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(13)

정보 조직화의 기준: LATCH | 연습

온라인 쇼핑몰 상품

일기예보

나의 체중변화 그래프

세계문화유산분포

전화번호부

6·25 참전용사 중 사망자

우리나라 천연자원 분포

성적대로 장학금을 주려고 할 때

대한민국 총 강수량의 변화

음악의 분류

60년대, 70년대, 90년대 시대별로 분류

재즈, 클래식, 가요, 영화음악 등으로 분류

자주 듣는 것과 거의 안 듣는 것으로 분류

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(14)

정보 조직화 사례: 20세기 주요 자동차

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(15)

정보 조직화 사례

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(16)

정보 조직화 사례

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(17)

정보 조직화 사례

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(18)

정보 조직화 사례

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(19)

정보 조직화 사례

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(20)

정보 조직화…

LATCH 중 한 가지로 정리될 턱이 없다.

사용자, 목적, 환경에 맞도록 입체적 구성이 필요하다.

Location+Time, Hierarchy+Category 등

정보 조직화는

사용자는 누구인가,

데이터로부터 무엇을 말하고자 하는가, 데이터가 사용되는 정황을 어떠한가, 에 대한 해답을 구하는 과정이다.

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(21)

1. 정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열

4. 정보설계

(22)

3. 정보관계맺기: 데이터 재배열

분류한 데이터를 정보 수용자가 인식하기 쉽게 패턴을 만드는 일이다.

데이터와 정보의 차이는?

재배열은 의미 부여 과정

정보 시각화와 밀접한 관계

이해를 돕기 위한 가공 과정

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(23)

정보관계맺기: 비료사례

Robert Spence | Information Visualization

A B C D E F G

1 2 3 4 5 6 7 8 9 10

10가지 곡물에

7가지 비료를 사용했을 때 효과의 관계를 알아보는 실험

(24)

A B C D E F G

1 2 3 4 5 6 7 8 9 10

10가지 곡물에

7가지 비료를 사용했을 때 효과의 관계를 알아보는 실험

정보관계맺기: 비료사례

Robert Spence | Information Visualization

(25)

A B C D E F G 1

3 8 2 6 10 4 7 9 5

비료 철자 순서대로

효과 있는 것이 위쪽으로 오도록 재배열

정보관계맺기: 비료사례

Robert Spence | Information Visualization

(26)

A B C D E F G 1

3 8 2 6 10 4 7 9 5

정보관계맺기: 비료사례

Robert Spence | Information Visualization

(27)

A D C E G B F 1

3 8 2 6 10 4 7 9 5

정보관계맺기: 비료사례

Robert Spence | Information Visualization

(28)

A D C E G B F

1 3 8 2 6 10 4 7 9 5

A B C D E F G

1 2 3 4 5 6 7 8 9 10

정보관계맺기: 비료사례

Robert Spence | Information Visualization

(29)

1. 정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열

4. 정보설계

(30)

4. 정보 설계 Information Architecture

1970년대 건축가인 Richard Saul Wurman 이 제안한 용어

Information Architects = Graphic + Writing + Jounalizm

1990년 웹의 등장으로 급부상한 직군

Information Architect 역할

데이터에 내재한 패턴을 조직화하여 명료한 정보로 만드는 일

사용자가 찾기 쉽도록 정보의 구조 또는 맵을 창조하는 일

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(31)

정보 설계와 인지 작용

2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(32)

사람의 기억 장치

1.정보 조직화의 정의 2. 정보 배열하기

3. 정보 관계 맺기: 데이터 재배열 4. 정보설계

(33)

Magical Number 7±2 | George Miller 1956

인간이 작업기억 속에 담을 수 있는 데이터 chunk는 7±2 라는 주장

실제로는 4±1 정도

Chunk: 작업기억에 저장되는 정보의 단위

디자이너는 작업 기억에 걸리는 부하를 줄이는 방향으로 설계해야

Lost in hyperspace

Information overload

External memory

(34)

Magical Number 7±2 | George Miller 1956 (계속)

(35)

Magical Number 7±2 | George Miller 1956 (계속)

(36)

Magical Number 7±2 | George Miller 1956 (계속)

(37)

Magical Number 7±2 | 반론

사람들은 한 번에 4개 이상 기억하기 못한다

사람들은 매우 적은 수만을 기억할 수 있다

기억할 수 있는 숫자는 구체적 데이터에 의해 좌우된다

(38)

Take Home Message

- 조직화: 혼돈상태 → 목적+환경 → 구조적 체계화 - 과정: 수집 → 분류 → 배열 → 조직화

- 정보배열하기: LATCH

- 데이터 재배열을 통해 관계를 드러낼 수 있음

- 외부자극 → 지각 → 감각기관 → 뇌 → 인지 → 판단 - 기억의 종류: 감각기억 - 작업기억 - 장기기억

- Magical Number 7±2

(39)

Any Question?

참조

관련 문서

5개의 큰 질문을 중심으로 작은 질문을 생산하고 이 모든 질문에 대하여 해답을 찾는 과정이 사업계획수립의 Process 이다.. 이들 질문에

그러나 어느 날 도서관에 들렀던 지바고는 우연 히 라라를 만나게 되고 사랑의 감정이 싹트게 되고 라라와 동거를 시작한다.. 그리고 라라의 집에서 두 달 정 도를

소로는 법에 대한 존경심과 정의 에 대한 존경심을 대비하고 후자가 진정한 도덕적 행위라는 점을 강조한다.. 아이히만은 유대인 학살의 책임을 묻는 질문에 자신은 칸트의 가르침에

[r]

먼저 이 연구의 첫 번째 연구문제인 ‘ 국악연주자의 연주불안에 미치는 요인의 관계와 이론적 모형은 어떠한가?’ 에 대한 결과는 국악연주자들의 완벽주의 성향과

재료라는 것은 물체를 만들기 위해 사용되는 작은 물질들을 의미하는 것인데, 그렇다면 이렇게 큰 건물에 많은 연구자와 기술자들이 과연 무엇을 연구하거나 만들기

재료라는 것은 물체를 만들기 위해 사용되는 작은 물질들을 의미하는 것인데, 그렇다면 이렇게 큰 건물에 많은 연구자와 기술자들이 과연 무엇을 연구하거나 만들기

재료라는 것은 물체를 만들기 위해 사용되는 작은 물질들을 의미하는 것인데, 그렇다면 이렇게 큰 건물에 많은 연구자와 기술자들이 과연 무엇을 연구하거나 만들기