시간차이를 활용한 정보 표현이 사용자에게 미치는 영향

(1)

저작자표시 2.0 대한민국 이용자는 아래의 조건을 따르는 경우에 한하여 자유롭게

l 이 저작물을 복제, 배포, 전송, 전시, 공연 및 방송할 수 있습니다. l 이차적 저작물을 작성할 수 있습니다.

l 이 저작물을 영리 목적으로 이용할 수 있습니다. 다음과 같은 조건을 따라야 합니다:

l 귀하는, 이 저작물의 재이용이나 배포의 경우, 이 저작물에 적용된 이용허락조건 을 명확하게 나타내어야 합니다.

저작권법에 따른 이용자의 권리는 위의 내용에 의하여 영향을 받지 않습니다. 이것은 이용허락규약(Legal Code)을 이해하기 쉽게 요약한 것입니다.

Disclaimer

저작자표시. 귀하는 원저작자를 표시하여야 합니다.

(2)

2016년 2월 석사학위 논문

시간차이를 활용한 정보표현이 사용자에게 미치는 영향

조선대학교 대학원

창의공학디자인융합학과

서 동 현

[UCI]I804:24011-200000265391

(3)

시간차이를 활용한 정보표현이 사용자에게 미치는 영향

The Effects of Information Representation within Time-interval Sequences on Users

2016년 2월 25일

창의공학디자인융합학과

서 동 현

(4)

시간차이를 활용한 정보표현이 사용자에게 미치는 영향

The Effects of Information Representation within Time-interval Sequences on Users

지도교수 류 시 천

이 논문을 디자인학석사학위 신청 논문으로 제출함 2015년 10월

창의공학디자인융합학과

서 동 현

(5)

서동현의 석사학위논문을 인준함

위원장 조선대학교 교수 김 판 구  위 원 조선대학교 교수 김 병 욱  위 원 조선대학교 교수 류 시 천 

2015년 11월

조선대학교 대학원

(6)

목 차

ABSTRACT

01 서론

1절 연구 배경 및 목적 ²

2절 연구 내용 및 방법 ⁴

02 정보인지에 영향을 미치는 요소

1절 정보인지의 개념 ⁷

2절 물리적 요소에 따른 정보인지 현상 ⁹ 1.빛의 변화에 따른 시간인지 현상

2.위치의 변화에 따른 속도인지 현상

3.시ž공간의 변화에 따른 장소인지 현상

9 11 12 3절 시간이 정보인지에 미치는 영향 14

03 시간차이를 활용한 정보 표현 형식

1절 시간차이를 표현하는 물리적ž심리적 현상 ¹⁶ 1.영상촬영에서 타임랩스(Time-lapse) 촬영 기법 2.우주산업에서 인공위성의 시계

3.문학에서 플롯 기법 4.인체에서 뇌 기억법 5.스포츠에서 시간차 공격법 6.게임에서 패럴럭스 스크롤링 기법

19 20 21 23 24 25

(7)

2절 정보디자인에서 시간차이를 활용한 정보 표현

형식 ²⁷

1.예측불가 정보 표현 형식 2.상대속도 정보 표현 형식 3.순서재배열 정보 표현 형식 4.블링킹 정보 표현 형식

28 30 32 34

04 시간의 흐름 속에서 게슈탈트 법칙과 고품질 정보 속성

1절 시간의 흐름 속에서 게슈탈트 법칙 ³⁶ 1.게슈탈트의 집단화 법칙

2.시간의 흐름에서 게슈탈트의 집단화 법칙 3.시간차이를 활용한 정보표현 형식과 게슈탈트

의 집단화 법칙의 공통성

36 39 42

2절 시간차이에 미치는 고품질 시각화 속성 ⁴³

05 시간차이를 활용한 정보 표현 형식의 실험연구

1절 실험연구 목적 및 방법 ⁴⁶

2절 실험연구 자극물 제작 및 설문지 설계 ⁴⁸ 1.시간차이를 활용한 정보 표현의 실험자극물

제작

2.시간차이를 활용한 정보 표현 형식에 따른 고 품질 정보 속성에 대한 설문지 설계

3.설문대상 및 설문 방법

48

54 57

3절 실험연구 결과 ⁵⁹

06 결론

1절 연구의 주요 발견점 ⁶⁷

2절 연구의 시사점 및 제한점 ⁶⁹

3절 향후 연구 과제 ⁷⁰

(8)

ABSTRACT

Seo, Dong-hyun

Advisor : Prof. You, Sicheon

Department of Design & Creative Engineering Graduate School of Chosun University

As techniques in information representation diversifies and data become massive, dynamic information representation grows in importance in effective representation method. Dynamic representation method is divided into Data Representation that changes with temporal change and Information Representation that shows information diversely using movement. A study on variable information with temporal change is conducted diversely in various academic field, however, information representation and movement in perspective of information design, moreover information representation that utilizes the ‘Time’ is relatively in inadequate condition. The study began considering that it will help users’

recognition in information when information designers dynamically express information situation, purpose, and content based on the understanding of time-interval. The study purpose is to know information representation method that utilizes ‘Time-interval’ in information design, and to comprehend how far and how much this representation affects users. Based on importance of ‘time’ in information cognition process according to physical environmental change, the study was conducted with document researches and case studies in physical and psychological phenomenon utilizing ‘Time-interval’ and comprehending influence relation with using extracted information representation method.

From document researches, following results were extracted. First, 4 types of representation was learned : Information Representation within Time-interval Sequences, Representation Method of Unpredicted Informations, Representation Method of Relative velocity between Foreground and Background Informations, Representation Method of Order-rearranged Informations, Representation Method of Blinking informations. Second, it was comprehended that these 4 Information

(9)

Representation Method have close relations with continuation, closure, proximity, and common fate among Gestalt laws of grouping that perceiving information chunking with flow of time.

Third, ‘Information Representation within Time-interval Sequences’ affects differently depending on users’ perception and cognitive tendency on interest, attention, and comprehension.

Following result was extracted from experimental research carried out on 3 research results through document studies. First, Representation Method of relative velocity bwteen foregraound and background Informations in Representation within Time-interval Sequences affect a little high on users’ interest, attention, and comprehension. It is judged that smooth scene transition such as Fade in &

out used in movies and dramas gave positive effect. On the other hand, Representation Method of Blinking informations was inadequate in scene transitions that it was little less effective. Second, Representation Method of Order-rearranged Informations brings out storytelling effect like sequential information delivery in users’ comprehension and so it affects a little more compared to other information representation methods. Third, Information Representation within Time-interval Sequences showed a great preference in users’ interest and attention as change of visual forms in information brought users’ attention in perceiving aspect, low preference was shown, however, in comprehending information. It is judged that in perceiving aspect, Information Representation within Time-interval sequences cannot make an influential effect. Fourth, users’ comprehension within time-interval sequences allowed users to view the information freely that static expression showed higher preference than dynamic expression within time-interval sequences. Fifth, Representation Method of Blinking informations draw users’ interest and attention, but affected little in comprehension.

Based on this study, we expect further research to be conducted on the effectiveness and expression method on dynamic expression within ‘time-interval’

to improve users’ cognition.

Keywords : information design, information cognition, time-interval, high-quality

(10)

표 목 차

[표 3-1] 시간차이를 활용하는 물리적ž심리적 현상의 의미 ··· 18

[표 4-1] 게슈탈트 집단화 5가지 법칙의 심리학적 의미 ··· 37

[표 4-2] 게슈탈트 집단화 5가지 법칙의 시간의 흐름에서 의미 ··· 39

[표 4-3] 시간차이를 활용한 정보 표현 형식과 시간의 흐름 속에서 게슈탈트 법칙의 상관관계도 ··· 42

[표 4-4] 시간차이에 미치는 고품질 정보 속성 ··· 44

[표 5-1] ‘지하철 2호선 보다 빠른 이상화’ 인포그래픽의 정적 표현과 동적 표현 ··· 50

[표 5-2] ‘외제 유모차 가격은 3배 이상, 품질은 동급’ 인포그래픽의 정적 표현과 동적 표현 ··· 51

[표 5-3] ‘직장인이 뽑은 크리스마스 최악의 데이트 1위는?’ 인포그래픽의 정적 표현과 동적 표현 ··· 52

[표 5-4] ‘2014년 강원도 해수욕장 개장일시’ 인포그래픽의 정적 표현과 동적 표현 ··· 53

[표 5-5] 고품질 정보 속성에 관한 질문 내용 ··· 55

[표 5-6] 설문개요 ··· 57

[표 5-7] 시간차이를 활용한 정보 표현 형식별 질문에 대한 전체 평균 결과값 ··· 59

[표 5-8] 시간차이를 활용한 정보 표현 형식별 동적인 정보 표현과 정적인 정보 표현에 대한 선호 빈도수 ···· 60

[표 5-9] 시간차이를 활용한 정보 표현 형식별 불편 사항들 ··· 65

(11)

그 림 목 차

[그림 1-1] 본 연구 전체개요 ··· 4

[그림 2-1] 빛의 파장에 따른 하늘의 색상 변화로 시간인지 현상 ··· 9

[그림 2-2] 빛의 유무에 따른 ‘낮’과 ‘밤’의 시간인지 현상 ··· 10

[그림 2-3] 태양의 위치에 따라 변화는 그림자를 통한 시간인지 현상 ··· 10

[그림 2-4] 관찰자와 운동하는 물체의 위치에 따른 속도인지 현상 ··· 11

[그림 2-5] 시공간에 따른 장소인지 현상 ··· 12

[그림 3-1] 타임랩스 촬영기법을 활용한 서울 홍보 영상 사례 ··· 19

[그림 3-2] 인공위성과 지구의 시계는 상대성 이론에 의한 시간차이 ··· 20

[그림 3-3] 플롯에 의해 새로운 이야기를 만들어낸 백설공주 사례 ··· 21

[그림 3-4] 점진적인 패턴에 의한 정보 기억법 ··· 23

[그림 3-5] 배구의 시간차 공격 ··· 24

[그림 3-6] 모바일 게임에서 활용되고 있는 패럴럭스 스크롤링 사례 ··· 25

[그림 3-7] 웹툰에서 패럴럭스 스크롤링을 활용한 ‘고고고’ 사례 ··· 26

[그림 3-8] 예상치 못한 시간에 정보를 표현하는 팝업북 사례 ··· 28

[그림 3-9] 예상치 못한 시간에 퍼포먼스로 즐거움을 주는 플래쉬 몹 사례 ··· 29

[그림 3-10] 패럴럭스 스크롤을 활용한 웹페이지 사례 ··· 30

[그림 3-11] 확대 방법에 따라 시각적 표현의 차이 ··· 31

[그림 3-12] 도시별 대중교통 소요시간을 시각화 한 시간축 지도 ··· 32

[그림 3-13] 반복적인 구절로 상품을 기억하게 하는 CM송 사례 ··· 34

[그림 4-1] 게슈탈트 집단화 5가지 법칙의 의미를 시각화 ··· 38

[그림 4-2] 시간의 흐름에서 게슈탈트의 5가지 집단화 법칙의 의미를 시각화 ··· 41

[그림 4-3] 고품질 정보 속성을 도출했던 원인 ··· 43

[그림 5-1] 시간차이를 활용한 정보 표현 형식의 실험연구 개요 ··· 46

[그림 5-2] 사례별 실험자극물 제작방법 ··· 48

[그림 5-3] 사례별 동적 자극물과 정적 자극물 비교 ··· 56

[그림 5-4] 사례별 실험물 설문대상 그룹화 ··· 58

[그림 5-5] 사용자 설문조사 및 인터뷰 ··· 58

[그림 5-6] 사용자의 흥미도, 주목도, 이해도에 따른 시간차이를 활용한 정보 표현 형식의 영향력 · · · · 61

[그림 5-7] 순서재배열 정보 표현 형식이 이해도에 미치는 영향 ··· 62

[그림 5-8] 사용자의 흥미도, 주목도, 이해도에 동적인 표현이 미치는 영향 ··· 63

(12)

제 1 장

서 론

제 1절 연구배경 및 목적 제 2절 연구내용 및 방법

(13)

제 1 장 서 론

제 1 장

서 론

제 1절

/

연구배경 및 목적

디지털 시대를 맞이하여 미디어가 빠르게 변화하고 있으며, 이에 따라 정보를 전달하는 방법도 디지털 미디어의 변화에 발맞춰 변화를 이루고 있다. 즉, 신 문이나 책 등 기존의 인쇄매체에서 정보는 정적으로 표현됐지만 텔레비전, 컴 퓨터, 모바일 폰 등 디지털 매체로 전환되면서 정보는 동적으로 표현이 가능 해졌다. 이러한 디지털 매체는 인쇄매체와 다르게 물리적 세계에서 존재하는

‘시간’을 임의적으로 제어할 수 있는 기능을 가지고 있다. 디지털 매체에서 정 보 전달 방법은 이 ‘시간’의 흐름 속에 표현하는 방법들이 등장하게 될 것이다.

이뿐만 아니라 정보디자인에서 ‘시간’은 정보 디자이너가 동적인 정보 전달에 있어서 꼭 디자인해야 할 필수적 요소로 그 의미를 가지고 있다. 시간은 일반 적으로 과거, 현재, 미래 순으로 진행을 하고 있으며, 이러한 순서에는 시간의 차이가 있음을 알 수 있다. 또한, 외부환경에서 일어나는 물리적 변화를 통해 서 인간은 시간차이를 인지할 수 있다. 이렇듯 ‘시간차이’는 우리가 살아가는 생활 속에 자연스럽게 비춰지는 현상으로 어떠한 현상이나 변화를 인지하는데 있어서 중요한 역할을 맡고 있다. 따라서 ‘시간차이’가 정보인지에 미치는 영향 력 때문에, 정보 디자이너가 동적 정보 전달 방법으로 ‘시간차이’를 활용할 수 있는 가능성을 찾을 수 있었다. 이에 따라 본 연구의 목적은 ‘시간차이’가 사용 자에게 얼마나, 어떻게 영향을 미치고 있는지를 파악하여, 정보 디자이너가 ‘시 간차이’를 통하여 정보의 상황, 목적, 내용을 시간의 흐름에서 효과적으로 디자 인하는데 도움을 주고자 한다. 이를 위해서 물리적 환경 변화에 따른 정보인지 현상으로 정보인지에 있어서 시간의 중요성을 파악하였고, 시간차이를 표현하 는 물리적ž심리적 현상에 대하여 살펴본 후, 정보디자인에서 시간차이를 활용 한 정보 표현 형식의 의미를 규정하였다. 이러한 4가지 정보 표현 형식이 사용

(14)

제 1 장 서 론

3 자에게 어떠한 영향을 미치는가를 파악하기 위해서 기존의 정적으로 표현하는 정보디자인 사례를 시간차이를 활용한 정보 표현 형식으로 변환 후, 사용자 설 문조사 및 인터뷰를 통해 시간차이가 사용자에게 미치는 영향력에 대해 탐색하 였다.

(15)

제 1 장 서 론

제 2절

/

연구 내용 및 방법

본 연구는 문헌연구를 통해 물리적 환경 변화에 따른 정보인지 현상으로 정 보인지에 있어서 시간의 중요성을 파악하였고, 시간차이를 표현하는 물리적ž 심리적 현상에 대하여 여러 영역에서 그 현상들을 살펴본 후, 정보디자인에 서 시간차이를 활용한 정보 표현 형식을 발견하였고 그 의미를 규정하였다.

따라서 시간차이를 활용한 정보 표현 형식이 사용자에게 어떠한 영향을 미 치는가를 파악하기 위해 실험연구와 사용자 설문조사 및 인터뷰를 통해 그 관계를 탐색하였다.

[그림 1-1] 본 연구 전체개요

(16)

제 1 장 서 론

5 다음은 각 장의 연구 내용 및 방법이다.

제 1장 서 론

전반적인 연구 개요와 목적 및 연구방법을 서술하였다.

제 2장 정보인지에 영향을 미치는 요소

물리적 세계에서 인간이 인지할 수 있는 시간의 차이에 대해 논하였다.

제 3장 시간차이를 활용한 정보 표현

물리적ž심리적 현상 속에서 시간차이를 활용하는 다양한 영역과 그 현상을 파악 하고 정보디자인에서 시간차이를 활용한 정보 표현 형식을 발견하여 그 의미를 규정하였다.

제 4장 시간의 흐름 속에서 게슈탈트 법칙과 고품질 정보 속성

시간은 움직임을 동반하고 있기 때문에 시간에 흐름 속에서 형태를 덩어리 로 인지하는 게슈탈트 집단화 5가지 법칙에 대해 파악하고 시간차이에 미치 는 고품질 정보 속성에 대해 분석하였다.

제 5장 실험 설계 및 설문조사

시간의 흐름 속에서 게슈탈트 법칙이 활용된 실험 자극물을 제작하여 사용자 설 문조사 및 인터뷰를 통해 설문하여 시간차이를 활용한 정보 표현 형식과 사용자 의 고품질 정보 속성의 관계에 대해 논하였다.

제 6장 결 론

연구의 주요 발견점과 시사점을 정리하고 향후 연구과제에 대해 서술하였다.

(17)

제 2 장

정보인지에 영향을 미치는 요소

제 1절 정보인지의 개념

제 2절 물리적 요소에 따른 정보인지 1. 빛의 변화에 따른 시간인지 현상 2. 속도의 변화에 따른 위치인지 현상 3. 시ž공간의 변화에 따른 정보인지 현상 제 3절 시간이 정보인지에 미치는 영향

(18)

제 2 장 정보인지에 영향을 미치는 물리적 요소

7

제 2 장

정보인지에 영향을 미치는 물리적 요소

제 1절

/

정보인지의 개념

“플라톤 이후, 기억이란 정신적 작업을 전제로 하여 체험한 것을 오랫동안 기억하는 데는 모든 감각이 동원된다고 믿어 왔다.”¹⁾ 즉, 체험으로 습득된 정보는 현 세계에서 일어나는 물리적 현상을 오감을 통해 외부의 정보를 받 아들여 기억하는 것을 의미한다. 특히 오감 중 하나인 인간의 시각은 능동적 인 물리적 현상을 받아들이는 구조일 뿐 아니라 지식을 얻기 위한 위대한 장치이다. 이를 통해 시간대나 기후에 따라 색상이 변하고, 물체가 계속 움 직이면 그 위치도 끊임없이 변화한다는 물리적 현상을 인지할 수 있다.²⁾ 예를 들어 뉴턴(Isaac newton)의 “사과가 땅에 떨어진다.”라는 주장은 시각을 통해 습득된 사과의 위치정보(나무->땅)가 변화한 사실을 바탕으로 뉴턴에 의해 물체 를 끌어당기는 힘(중력)이 존재한다는 이론을 발견하였다. 따라서 시각은 인간의 정보습득에 가장 큰 영향력을 지니고 있으며, 물리적 현상을 비롯하여 어떠한 정보를 인지하는 매개체이다.

인지는 ‘어떤 사실을 인정하여 앎’을 의미하며, 외부로부터 자극을 받아들여 저 장하고, 인출하는 일련의 기억 과정을 포함하여 ‘무엇을 한다는 것’을 나타내는 포괄적인 용어로 쓰인다.³⁾ 또한, 외부환경에서 들어오는 수많은 정보는 시각, 후각, 청각, 촉각, 미각 통해 자기만의 방식으로 어떠한 상징이나 다른 형태로 그 의미를 두어 재구성(restructure) 및 재표현(representation)하게 된다.⁴⁾ 따라

1) 크리스티아네 슈탱거, 기적의 기억법, 글로세움, 2006, p. 75 2) 하코다 유지 외 4명, 인지심리학, 한국뇌기반교육 연구소, 2010, p.40 3) 국립국어원 표준 국어대사전 ‘인지’의 정의

4) 이대식, 전자지도 시각정보 유형에 따른 인지적 특성에 관한 연구 : 내비게이션 어플리케이션을 중심으 로, 국민대학교, 2013, pp. 4-5

(19)

서, 정보인지란 정보의 의미화 과정으로써 인간의 오감을 통해 받아들여지는 외 부환경의 불완전한 정보를 자기만의 방식으로 의미를 부여해 이해하는 것을 의 미한다. 이러한 인지현상은 지속적으로 관찰하여 불완전한 상태를 완전한 것으 로 의미화 하는 물리학적 접근이 가능하다. 크리스틴 매킨리의 ‘물리학은 가장 섹시한 과학이다.’ 라는 주장처럼 물리적 변화 규칙이 삶에 응용된다면, 가장 매 력적인 것이라고 제시하고 있다.⁵⁾ 외부세계의 물리적 변화는 인간이 정보를 인 지하는 근본적인 원인으로 이해할 수 있으며 특히나 시간의 차이를 가늠하게 하 는 현상을 서술하게 되었다. 즉, 인간은 일상에서 외부의 정보를 오감을 통해 받아들이고 습득하여 재조합함으로써 하나의 지식체계로 발전시킨다. 이러한 일 상에서 인간이 외부환경에서 관찰할 수 있는 물리적 현상은 빛, 색, 힘, 길이, 속도, 질량, 공간, 시간, 운동, 위치, 에너지, 움직임, 깊이감 등이 있다. 이에 따 라, 시각이 인지할 수 있는 물리적 요소인 빛, 위치, 움직임, 깊이감 4가지 현 상⁶⁾을 중심으로 인간에게 어떠한 정보를 전달하고 있는가에 대해 설명하였다.

5) 크리스틴 매킨리, 일상적이고 감성적인 물리학 이야기, 갈매나무, 2015, p. 9 6) 하코다 유지 외 4명, 위의 책, p. 40

(20)

9

제 2절

/

물리적 환경에 따른 정보인지

1. 빛의 변화에 따른 시간인지 현상

빛은 우리의 눈을 자극하여 물체를 볼 수 있게 해 주는 전자기파의 하나로 써, 직진성을 가지고 있고 물체를 만나면 그림자를 생성하는 특징이 있다.

빛의 변화는 은하계에서 살펴볼 수 있는데, 코페르니쿠스가 주장한 “지구가 태양의 주의를 돌고 있다”라는 지동설에 따라 빛의 변화는 지구의 자전과 공전 에 의해서 변화하는 것을 의미한다. 이러한 빛의 변화를 통해 인간에게 시간이 라는 정보를 무의식적으로 전달하고 있다. 예를 들어 ‘아침’은 파랑색, ‘저녁’은 흔히 노을이라고 부르는 하늘의 색상이 주황색으로 변화는 것을 볼 수 있다. 이 러한 현상은 태양 복사 에너지가 시간에 따라 특정 파장을 반사시켜 일어나는 것으로 인간은 무의식적으로 ‘아침’과 ‘저녁’이라는 시간의 차이를 인지하게 된 다. 또한, 빛의 유무에 따라 ‘낮’과 ‘밤’으로 구분함으로써 사람은 시간의 흐름에 따라 자연스럽게 ‘낮’과 ‘밤’을 상대적으로 분별하고 있다. 즉, 빛의 파장 및 유 무가 자연현상의 변화를 통해 시간차이를 인식하게 해주는 원인으로 이해할 수 있다. 하늘에 비치는 색상에 따라 시간의 차이를 알 수 있을 뿐만 아니라 지구 의 공전으로 변화되는 그림자를 통해 시간의 흐름도 인지할 수 있다. 그림자는 태양이 비추는 반대 방향으로 생성되며, 태양의 위치에 따라 그림자의 방향과 크기가 주기적으로 달라진다. 따라서 시간의 흐름은 빛의 파장, 빛의 유무, 그림 자의 변화와 같은 물리적 현상에 의해 인지되고 있다.

[그림 2-1] 빛의 파장에 따른 하늘의 색상 변화로 시간인지 현상⁷⁾

(21)

[그림 2-2] 빛의 유무에 따른 ‘낮’과 ‘밤’의 시간인지 현상

[그림 2-3] 태양의 위치에 따라 변화는 그림자를 통한 시간인지 현상⁸⁾

7) http://www.wallpapervortex.com/photography-sky-wallpapers-page2.html#.VmUXSLiLSUk, http://cool-wallpapers.us/east-sunrise-dark-morning-cool-wallpapers/

8) http://intranet.tdmu.edu.ua/data/kafedra/internal/hihiena/classes_stud/en/med/lik/ptn/hygiene

%20and%20ecology/3/02.%20Ultraviolet%20radiation%20and%20lighting.htm

(22)

11

2. 위치의 변화에 따른 속도인지 현상

‘슈퍼카가 230km/s의 속력으로 간다’는 운동을 정확히 설명하기에 부족하다. 왜 냐하면, 해당 물체가 어떤 방향으로 이동하는지를 알 수 없기 때문이다. 따라서 속도는 속력의 크기에 방향을 더한 값으로 속력과 방향을 함께 표현하는 것이 며, 움직이는 물체의 위치가 변하는 정도를 나타내는 물리량을 뜻한다.⁹⁾

속도인지 현상은 알베르트 아인슈타인이 주장한 특수상대성이론을 설명하는 달 리는 기차와 달리는 말의 사례를 통해 이해할 수 있다. 달리는 기차와 반대방향 으로 달리는 말은 빠르게 지나쳐 갈 것이고 달리는 기차와 같은 방향으로 달리 는 말은 비슷하게 달리는 것처럼 보일 것이다. 이처럼 관찰자의 기준에 따라 움 직이는 물체의 위치가 변화함으로써 속도가 달라지는 것을 경험하게 되는데 이 를 ‘상대속도(Relative velocity)’라 한다.¹⁰⁾ 예를 들어 [그림 2-4]와 같이 빠른 속도를 내면서 경쟁하는 F1 머신의 촬영 영상이 있다. F1머신은 최고시속 380km/h로 달리는 자동차로써, 매우 빠른 속도로 경기장을 주행하기 때문에 육 안으로 확인하기 어렵다는 점을 이유로 F1경기의 현장 중계는 영상 촬영을 통 해 전달된다. 하지만, 영상 촬영 시 고려해야 할 사항으로 관찰자의 시점이 있 다. [그림2-4]에 왼쪽 사진은 촬영 기준점, 즉 관찰자의 시점이 도로에 고정되 어 있기 때문에 자동차의 형태를 정확히 인식할 수 없으며 F1머신의 속도가 빠 름을 인지하게 된다. 하지만 오른쪽 사진은 관찰자의 시점이 지속적으로 움직이 면서 자동차의 위치를 추적하기 때문에 자동차의 형태를 정확히 인식할 수 있어 왼쪽 사진과 반대로 배경이 빠르게 지나감을 찾아낼 수 있다.

[그림 2-4] 관찰자와 운동하는 물체의 위치에 따른 속도인지 현상¹¹⁾ 9) https://ko.wikipedia.org/wiki/속도

10) 크리스틴 매킨리, 일상적이고 감성적인 물리학 이야기, 갈매나무, 2015, p. 272

(23)

3. 시∙공간의 변화에 따른 장소인지 현상

사람은 일상적으로 시간과 공간을 각각 독립적인 존재로 인지하고 있다. “막막 하고 끝이 없는 우주 공간 속에 별들이 있고 그중 하나인 태양이란 별을 맴돌 고 있는 지구가 있다는 절대적인 공간 개념이 그 예이다. 시간 역시 그렇다. 사 람은 지구상이든 먼 별나라든 1초의 길이는 똑같고 시간은 이 우주의 어느 곳 에서든 똑같이 흘러가는 절대적인 시간을 생각한다. 예를들어, 뉴욕은 밤 11시 일 때, 서울은 낮 12시이지만 이것은 단지 사람들 사이의 약속일뿐, 두 도시의 24시간은 결코 다르지 않다.”¹²⁾ 이처럼, 시간과 공간을 독립적인 존재로 생각하 는 보편화된 인식에 대해 의구심을 가진 아이슈타인은 새로운 중력이론을 내세 우며 시간과 공간이 독립적인 존재가 아님을 증명하였다.¹³⁾

[그림 2-5] 시공간에 따른 장소인지 현상¹⁴⁾

11) http://www.motorsport.com/f1/news/bianchi-efforts-huge-in-saving-manor-stevens/, http://www.motorsport.com/f1/news/manor-says-f1-engine-plans-open-amid-honda-link/

12) 김제완, 겨우 존재하는 것들, 사이언스북스, 2009, pp. 57-58

13) 김효순, 일반 상대론이론의 공간 개념에 대한 교재 분석 및 고등학생들의 이해, 서울대학교, 2014, pp.16-17, 아인슈타인의 일반 상대성이론

14) http://movie.naver.com/movie/bi/mi/photoView.nhn?code=64994, 무비 스틸 컷

(24)

13 아인슈타인이 주장한 이론의 핵심은 시간이 변화한다면 공간도 변화한다는 것이 다. 비록 같은 장소에 멈춰 있더라도 시간은 계속적으로 흐르고 있다. 마치 잠 을 자고 일어나면 밤에서 아침으로 바뀐 것처럼 시간이 변화된 것을 알 수가 있다는 점이 위 주장을 뒷받침하고 있다. 시간의 경과를 겪지 않고 장소를 옮긴 다는 것은 영상편집에 의해 공상영화에서만 일어나는 현상일 뿐이다. 이를 통해 시공간의 변화는 개별적이지 않으며 함께 흘러가는 하나의 공동체로 인식하여 시간 및 공간 정보를 함께 인지할 수 있다.

(25)

제 3절

/

시간이 정보인지에 미치는 영향

빛의 변화, 위치의 변화, 시공간의 변화에서 일어나는 물리적 현상에 따라 정보 인지에 있어서 시간은 가장 중요한 요소로 인식되고 있으며 시간의 경과를 겪어 야만 그 변화를 이해할 수 있다. “자연 속에 존재하는 모든 물체들은 매순간 움 직이고 있다. 심지어 컵 속에 담아 있는 물도 정지해 있지 않고 움직인다. 바위 도 움직이지 않을 것이라고 예상하고 있지만 바위를 이루는 소립자들이 쉴 새 없이 제자리에서 진동하고 있기 때문에 모든 물체들은 움직인다고 한다.”¹⁵⁾ 이 러한 변화를 다시 말하면, 외부환경에서 물체가 움직임으로써 시간과 함께 결부 되어 인간이 정보를 인지하게 만드는 것을 의미한다. 이에 따라, 시간은 어떠한 현상의 상태나 변화를 인지할 수 있는 기준점으로 주장할 수 있다. 예를 들어 지구의 공전은 태양을 중심으로 타원 형태로 움직이는 것을 뜻하는데 태양 주위 로 지구가 돌지 않는다면 지구의 한쪽 면은 매일 낮이 될 것이고 그 반대편은 밤이 될 것이다. 다시 말해 움직이지 않는다는 것은 시간이 흘러가지 않는 것을 뜻한다. 그 뿐만 아니라 지구가 태양을 중심으로 도는 공전 속도가 태양과 가장 가까울 때 공전속도가 빠르며, 가장 멀 때 지구의 공전 속도는 느리다.¹⁶⁾ 즉 지 구의 공전 속도와 위치에 따라 인간은 지구의 계절변화를 인지할 수 있다. 이처 럼 한 현상이 다른 현상으로 변화는 과정에서 ‘시간차이’가 있으며, 인간은 무의 식중에 그 변화를 느끼고 인지하고 있다. 따라서, 물리적 환경변화 속에서 ‘시간 차이’를 확인할 수 있었으며, 시간차이를 표현하는 사회적 현상들을 탐구하였다.

15) 서장아 외 1명, 5N의 물리학, 이담북스, 2009, p. 42

16) http://terms.naver.com/entry.nhn?docId=1063675&cid=40942&categoryId=32286

(26)

제 3 장

시간차이를 활용한 정보 표현

제 1절 시간차이를 활용하는 물리적ž심리적 현상 1. 영상촬영에서 Time-lapse 촬영 기법 2. 우주산업에서 인공위성의 시계 3. 문학에서 플롯 기법

4. 인체에서 뇌의 기억법 5. 스포츠에서 시간차 공격

6. 게임에서 패럴럭스 스크롤링 기법 제 2절 정보디자인에서 시간차이를 활용한 정보

표현

1. 예측불가 정보 표현 형식 2. 상대속도 정보 표현 형식 3. 순서재배열 정보 표현 형식 4. 블링킹 정보 표현 형식

(27)

제 3 장 시간차이를 활용한 정보표현

제 3 장

시간차이를 활용한 정보 표현

제 1절

/

시간차이를 활용하는 물리적ž심리적 현상들

시간차이를 활용하는 현상은 다양한 영역에서 찾을 수 있었고, 그 쓰임에 따라 물리적ž심리적 현상이 다르게 표현되고 있었다. ‘시간차이’를 주위에서 쉽게 접 할 수 있는 영역은 스포츠의 구기종목 중 배구를 들 수 있는데, 공격자가 전략 적인 방법으로 득점을 얻기 위해 공격의 패턴을 변칙적으로 조절하는 방법을 말 한다. 다른 분야의 사례로 영상 촬영의 타임 랩스(Time-lapse) 촬영, 인공위성 의 시계, 자연현상의 메아리, 영화의 플롯(Plot), 게임의 패럴럭스 스크롤링 (Parallax scrolling), 심리학의 계시대비, 영상편집의 슬로우 모션(Slow motion), 인체의 뇌 기억훈련법 등 다양한 영역의 물리적ž심리적 현상들 속에서 시간차이 의 의미와 그 쓰임에 대해 파악하였다.

물리적 현상으로 영상분야에 타임 랩스(Time-lapse) 촬영과 슬로우 모션(Slow motion)은 디지털 기기나 소프트웨어의 도움을 받아 시간차이를 활용한 현상으 로, 몇 가지의 예를 들 수 있다. 첫째, 타임 랩스 촬영은 구름이나 별의 이동을 저속 촬영하여 시간을 빠르게 돌려 표현하는 것이다. 둘째, 슬로우 모션은 피사 체의 순간 움직임을 초현실적으로 표현한 것이다.¹⁷⁾ 이 두 현상은 인간이 평소 에 인지하지 못하는 영역의 시간을 압축하거나 혹은 늘려서 비춰주는 역할로 활 용되고 있었다. 셋째, 인공위성의 시계는 아이슈타인이 주장한 상대성이론에 의 해 지상의 시계보다 빠르게 간다. 이는 중력이 클수록 시간이 느리게 흐른다는 것을 의미하며 공간적 위치에 따라 시간의 차이가 미세하게 다름을 파악할 수 있었다. 이뿐만 아니라 심리적 현상으로 문학에서 개별적인 사건을 재배치하여

17) 허버트 제틀, 영상 제작의 미학적 원리와 방법, 2001, 커뮤니케이션북스(Thomson), p.320

(28)

17 새롭게 이야기를 구성하는 플롯 구성법, 인체에서 뇌의 반복적인 기억훈련법, 스포츠에서 변칙적으로 공격하는 시간차공격, 게임에서 전경 정보와 배경 정보 의 속도차이를 달리하는 패럴럭스 스크롤링 등 시간차이를 활용한 다양한 현상 을 살펴 볼 수 있었다. 이러한 물리적ž심리적 현상들은 시간의 흐름에 있어서 인지되는 정보가 달라짐을 주장하고 있다. 다음 [표 3-1]은 시간차이를 활용하 는 물리적ž심리적 현상의 의미와 역할에 대해 정리한 것이다.

(29)

[표 3-1] 시간차이를 활용하는 물리적ž심리적 현상의 의미

사회적 현상 개념 기능 활용

시간차 공격

배구에서, 수비수들이 예 상한 스파이크 시간보다 빨리 또는 늦게 하는 공 격 방법

점수를 얻기 위한 기회를

잡는 것 스포츠,

패럴럭스 스크롤링

전경과 배경의 레이어가 상 대적으로 다른 속도로 표현 되어 공간감을 표현하는 것

평면에 공간감을 형성하는 것

홈페이지, 게임, 모션그래픽 플롯 작품의 구성을 바꿔서 새롭

게 표현하는 것

하나의 스토리에 다양한 전개방식 도출

연극, 영화, 프리젠테이션 뇌 기억법 반복된 훈련으로 뇌의 기억

력을 향상되는 것

뇌의 기억력을 상승시키는 것

타임 랩스(Time- lapse) 촬영

저속촬영하여 시간을 빠르 게 돌려 표현하는 것

시간의 흐름을 압축하여 관 찰하는 것

천체촬영 (ex 구름, 별의 이동), 생물의 변화 인공위성의 시계

하루 동안의 시간의 변화를 측정하거나 시각을 알려주 는 장치

공간적 위치에 따라 시간의

차이가 다름 인공위성, GPS

레이더

전자파를 대상물을 향하 여 발사해 그 반사파를 측정하는 것으로써, 대상 물까지의 거리나 형상을 측정하는 장치

거리 측정 가능

계시대비

순서를 정하여 시간차를 두 고 연속적으로 색을 보면, 심리적으로 색이 달라보이 는 현상

색채의 심리적 효과

슬로우 모션(slow motion)

피사체 움직임을 실제보다 매우 느린 동작으로 보이게 하는 것

초현실적인 느낌을 표현 영화, 애니메이션

(30)

19

1. 영상촬영에서 타임 랩스(Time-lapse) 촬영 기법

타임 랩스(Time-lapse)는 시간(Time)과 시간의 경과를 뜻하는 랩스(Lapse)로 구 성되어 있는 것으로 일정한 시간의 경과를 표현할 수 있는 방법으로 활용되고 있다. 이는 진행속도가 너무 느리고 감지하기 어려운 상황들이나 오랜 시간에 걸쳐 일어나는 현상인 극지방의 오로라, 밤하늘의 은하수, 움직이는 구름, 꽃의 개화, 별과 천체의 움직임 등을 저속으로 촬영하여 실제 시간보다 짧은 시간으 로 압축되어 표현되는 것을 의미한다. 우리가 보편적으로 인지할 수 없는 영역 을 시간의 제약이 없는 디지털 디바이스와 소프트웨어를 사용하여 임의적으로 물리적 시간을 압축함으로써 그 움직임이 극적으로 표현되는 특징이 있다.¹⁸⁾ 이것은 긴 시간을 단 시간에 압축하여 그 차이를 통해 실제 물리적 시간과 다 른 세상을 인지할 수 있는 효과를 주고 있다.

[그림 3-1] 타임랩스 촬영기법을 활용한 서울 홍보 영상 사례¹⁹⁾

18) 왕성현, 타임랩스 기법을 이용한 영상제작에 대한 연구 : 작품 ‘Time Remapper’ 제작 사례를 중심으 로, 명지대학교, 2014, p. 7

19) https://www.youtube.com/watch?v=dBqYf7yv-O8

(31)

2. 우주산업에서 인공위성의 시계

아이슈타인은 중력이 강할수록 시간은 느리게 간다는 이론을 주장하였다. 이는 사물의 공간적 위치에 따라 미세하게 시간이 다르게 흘러가는 것을 의미한다.

이러한 현상은 지구와 인공위성의 시계에서 살펴볼 수 있다. 인공위성은 지구의 변화를 관측하거나, 각 나라를 안전하게 보호하기 위해 정보를 수집하거나 혹은 사물의 위치를 파악하는 광역위치확인 시스템 등에 활용되는 장치이다.²⁰⁾ 이러 한 인공위성은 지구 밖 우주에서 지구 둘레의 원 또는 타원의 궤도를 그리면서 비행하는 인공물체로써 지구의 중력에서 벗어나 일정한 궤도로 움직이기 때문에 인공위성에 미치는 중력의 강도는 지구에서보다 적게 영향을 미치고 있다. 아인 슈타인의 주장처럼 지구의 중력보다 약한 중력을 느끼는 인공위성의 시간은 지 구의 시간보다 하루에 100만분의 39초만큼 빠르게 흘러가도록 설계해야 한다.

만약에 이 시간차이를 보정하지 않는다면 잘못된 GPS의 위치를 전송하게 된 다.²¹⁾아인슈타인이 상대성 이론을 발견한 이래로 중력에 따른 시간의 변화를 인지하여 위치정보를 정밀하게 보정할 수 있었다.

[그림 3-2] 인공위성과 지구의 시계는 상대성 이론에 의한 시간차이²²⁾

20) https://ko.wikipedia.org/wiki/인공위성

21) 토마스 뷔르케, 물리와 세상, 2009, pp.152 ~153

(32)

21

3. 문학에서 플롯(Plot) 기법

아리스토텔레스, E. M. 포스터(E. M. Forster), C. 브룩스, R.P. 워렌, E. 피플, E. 뮤어, R. S. 크레인 등 여러 학자들은 공통적으로 플롯의 의미를 개별적인 사건들이 재배열되여 필연적 인과관계로 서술한 것을 말한다. 또한 일종의 변조 의 개념을 함축하여 작가가 이야기의 흐름을 인위적으로 조작한 또 다른 스타일 의 이야기라고도 한다.²³⁾ 역사적 사실처럼 연대기적 시간의 순서대로 나열하는 이야기(story)와 철저히 우연성을 배제하여 인과관계를 들어내는 내러티브 (narrative)는 변조의 의미를 담은 플롯과는 다르다. 시나리오계의 대가 로버트 맥키(Robert Mckee)는 플롯이 관객의 호기심을 자극하는 구성으로써 이야기 (story)와는 정반대의 것이라고 주장하였다.²⁴⁾

[그림 3-3] 플롯에 의해 새로운 이야기를 만들어낸 백설공주 사례 ²⁵⁾

22) http://vip.mk.co.kr/news/view/21/20/1222321.html

23) 이선혜, 플롯을 활용한 소설 표현교육 방안 연구, 한국외국어대학교, 2015, pp.18-20 24) 칩 히스 외 1명, 스틱, 웅진윙스, 2007, p. 119

25) http://www.babosarang.co.kr/product/product_detail.php?product_no=971411, 백설공주

(33)

예를 들자면 [그림 3-3]과 같이 ‘백설공주’ 원작의 이야기를 벗어나지 않고 그 이야기의 흐름을 변화하여 새롭게 구성된 ‘스노우 화이트 앤더 헌츠맨’이 이야 기의 플롯 구성을 변조한 영화이다. 기존의 백설공주의 행복한 이야기 구조를 가지고 있지만 새롭게 구성된 영화 백설공주는 악랄한 왕비의 관점으로 전환하 여 작가가 인위적으로 이야기의 구조를 변형시켜 새로운 이야기를 전개하는 것 이다. 이것은 이야기의 시작점을 인위적으로 탈바꿈하여 순차적 이야기 전개방 식인 기-승-전-결을 결-기-승-전처럼 서사의 흐름으로 변화시켜 구성의 연대 기적 흐름을 분할하고 순서를 뒤바꿈으로써 문학에서 시간차이를 활용한 현상이 라고 주장할 수 있다. 이러한 구성의 차이는 과거, 현재, 미래 순으로 변화하는 시간의 흐름에 차이를 주는 것으로 파악할 수 있었다.

http://movie.naver.com/movie/bi/mi/basic.nhn?code=79566, 스노우 화이트 앤 더 헌츠맨

(34)

23

4. 인체에서 뇌 기억법

크리스티아네 슈탱거²⁶⁾는 정보를 의식적으로 받아들이는 것 이외도 지속적인 반복 훈련을 통한 정보 습득의 중요성을 강조하였다. 이는 일정한 패턴 속에 정 보를 지속적으로 기억하는 것보다 점진적인 패턴 안에서 정보를 점차적으로 기 억하는 것이 더욱 더 높은 효과를 보여주고 있다. 즉, 정보의 습득 기간 속에 기억의 휴식 타임을 점점 늘려 반복적으로 훈련을 한다면 뇌의 기억력이 상승한 다는 것이다. 예를 들어 [그림 3-4]와 같이 정보 습득하는 과정에서 “10분 후에 다시 한 번 반복하는 것이 좋고, 그 다음에는 하루 뒤, 한 주 뒤, 두 주 뒤, 그 리고 마지막으로 한 달 뒤에 한 번 더 반복하는 것이 좋다”²⁷⁾처럼 기억의 휴식 타임을 점점 늘리는 것이 긍정적 효과를 발휘한다. 뇌의 기억법은 시간차이에 간극을 두어 반복적으로 정보를 전달한다면 정보인지에 영향을 미치는 것으로 파악할 수 있었다.

[그림 3-4] 점진적인 패턴에 의한 정보 기억법

26) 세계청소년기억력대회에서 4차례 우승한 기억력 챔피언

27) 크리스티아네 슈탱거, 기적의 기억법, 글로세움, 2006, pp. 101-102

(35)

5. 스포츠에서 시간차 공격법

스포츠는 개인이나 팀이 경쟁을 하거나, 개인 기록의 한계를 넘어서는 운동이다.

보편적으로 점수를 획득하여 경쟁하는 스포츠는 축구, 농구, 배구, 야구 같은 구 기종목이 이에 해당된다. 이러한 구기종목은 점수를 얻기 위한 공격과 얻은 점 수를 뺏기지 않기 위한 수비가 뒤바뀌면서 승패를 가르는 목적을 가지고 있다.

이러한 목적에는 다양한 전략과 전술이 필요하며 특히 공격수는 변칙적인 공격 패턴을 활용하여 득점하는 중요한 역할이다. 특히 배구는 6명 또는 9명으로 구 성된 두 팀이 중앙에 네트가 설치된 코트에서 네트 너머로 공을 쳐 넘기며 겨 루는 구기종목으로 시간차이를 활용한 공격이 득점에 있어서 비중도가 높은 스 포츠이다. 이 시간차공격은 공격자가 수비자에게 혼란을 주어 공격하는 것으로 공격시간의 템포를 빠르게 하거나 혹은 느리게 하여 득점을 올리는 것이다. 즉, 공격 템포의 간극의 변화를 주어 득점을 취하는 것으로 시간차이를 심리적으로 활용한 현상으로 이해할 수 있었다.

[그림 3-5] 배구의 시간차 공격²⁸⁾ 28) http://gangnam.joins.com

(36)

25

6. 게임에서 패럴럭스 스크롤링(Parallax Scrolling) 기법

패럴럭스 스크롤링(Parallax Scrolling)은 게임, 웹툰, 모션 그래픽, 웹 디자인에 서 전경 이미지와 배경 이미지의 속도를 다르게 표현하여 2차원 평면상에 공간 감을 창출하여 몰입감(immersion)을 증가시키는 기술이다.²⁹⁾ 패럴럭스 스크롤 링 기법은 시간차이를 통해 심리적 현상으로 사용자의 시각적 착각을 일으켜 관 심을 이끌어 내는 것으로 단순한 평면에 3차원 공간의 느낌을 표현하는 효과를 발휘하고 있다.³⁰⁾

[그림 3-6] 모바일 게임에서 활용되고 있는 패럴럭스 스크롤링 사례³¹⁾

[그림 3-6]은 도트그래픽과 좌측에서 우측으로 진행하는 아케이드 방식으로 패 럴럭스 스크롤링 기법을 활용한 최신 RPG 모바일 게임이다. 이 게임은 배경 속 에서 채도가 다른 나무 그림들이 겹쳐 있는 층마다 속도를 다르게 표현하여 2 차원적 평면에 심리적 공간을 연출하고 있다. 또한, [그림3-7]과 같이 웹툰에서 스크롤을 활용하여 이미지의 출현 속도를 달리하여 마치 정적인 이미지가 움직

29) https://en.wikipedia.org/wiki/Parallax_scrolling

30) Dede M. Frederick, The Effects of Parallax Scrolling on User Experience and Preference in Web Design, Purdue University

,

2013

31) 크루세이더 퀘스트, 앱 모바일 RPG장르의 인기게임 중 하나

(37)

이면서 한편의 애니메이션을 보는 것처럼 심리적 현상을 일으키고 있다. 이렇듯 다양한 분야에서 패럴럭스 스크롤링의 활용이 점점 확대되고 있으며 상대적 속 도 변화의 쓰임이 사용자 정보인지에 영향력을 불러일으키는 것으로 파악할 수 있었다.

[그림 3-7] 웹툰에서 패럴럭스 스크롤링을 활용한 ‘고고고’ 사례³²⁾

32) http://comic.naver.com/webtoon/list.nhn?titleId=655277&weekday=wed, 정은경 하일권의 대표 웹툰

(38)

27

제 2절

/

정보디자인에서 시간차이를 활용한 정보표현 형식

문헌연구를 통해 물리적ž심리적 현상들 중에서 ‘시간차이’가 정보인지에 다양한 영향을 미치고 있는 것을 파악할 수 있었다. 이에 따라 ‘시간차이’는 정보를 전 달할 수 있는 요인으로 판단된다. 이는 정보디자인에서 동적 정보 표현의 수단 으로써 의미를 지니고 있으며, 정보 사용자에게 어떠한 현상이나 변화를 설명할 수 있는 방법으로 유용한 가치를 드러내고 있다. 따라서, 다양한 물리적ž심리적 현상들 속에서 시간차이를 활용한 정보 전달 방법으로 4가지를 도출할 수 있었 다. 첫째, 배구에서 예상치 못한 시간에 공격을 빨리 혹은 느리게 하여 예측불 가한 정보를 표현하는 형식, 둘째, 게임에서 전경 이미지와 배경 이미지의 출현 시간을 달리함으로써 공간감을 형성하는 상대속도 정보 표현 형식, 셋째, 문학 에서 작가가 임의적으로 이야기 구성을 새롭게 하는 순서재배열 정보 표현 형 식, 넷째, 반복 학습이 정보인지에 도움을 주는 역할로써 반복적인 기억훈련법 을 도입한 블링킹 정보 표현 형식이 시간차이를 활용한 정보 표현에 해당된다.

본 절에서는 시간차이를 활용한 4가지 정보 표현 형식을 표현하는 사례를 다양 하게 바라보면서 그 의미를 규정하고 정리하였다.

(39)

1. 예측불가 정보 표현 형식

예측불가 정보 표현 형식은 앞서 진술한 배구에서 시간차 공격의 의미와 원리를 재해석하여 도출한 것이다. 배구의 시간차 공격은 공을 규칙적으로 주고 받는 일정한 패턴 속에서 느리거나 혹은 빠르게 예상치 못한 시간에 공격하여 득점하 는 것이다. 이런 불규칙한 정보 전달 패턴은 정보를 전달하는데 있어서 사용자 들이 일정한 정보전달 패턴의 지루함을 해소하며 지속적인 관심을 유도할 수 있 는 시각적 표현방법으로 활용할 수 있을 것이다. 예를 들어 [그림 3-8]과 같은 사례로, 책의 내용을 입체적으로 표현하는 팝업북(Pop-up Book)이 예측불가 정보 표현 형식에 해당된다. 기존의 책들은 일정한 텍스트와 이미지로 정보를 전달하고 있지만 팝업북은 평면적인 이미지보다 입체적 이미지를 활용하여 기존 의 책 형태를 탈피하여 예상치 못한 상황을 연출해 정보 사용자를 즐겁고 놀라 게 만든다.³³⁾

[그림 3-8] 예상치 못한 시간에 정보를 표현하는 팝업북 사례³⁴⁾

33) 김정현, 브랜드 스토리를 활용한 팝업북 표현 연구 : 주얼리브랜드 J.ESTINA를 중심으로, 이화여자대학 교, 2012, pp. 4-5

34) http://ittzy.com/weekpic/amazing-pop-up-books/

(40)

29 또한, [그림3-9]와 같이 UCC 동영상 형태로 큰 이슈를 만든 플래쉬 몹(Flach mob)³⁵⁾도 예측불가 정보 표현 중에 하나로 볼 수 있다. 이것은 반복적으로 일 어나는 일상에서 탈출하여 동일한 시간에 일시적으로 공간을 점유하여 비일상적 인 퍼포먼스를 즐기고 사라지는 새로운 형태의 놀이이다.³⁶⁾ 주기적으로 반복되 는 일상에서 변칙적으로 예상치 못한 시간에 출현하여 유희를 표출하고 사라지 는 퍼포먼스 형태로 예측불가 정보 표현 형식으로 주장할 수 있다. 이러한 사례 들은 정보 전달에 있어서 예측하지 못한 시간에 정보를 전달하는 목적을 가지고 있다. 따라서, 예측불가 정보 표현 형식은 일정한 시간 간격으로 정보 단위를 보여주다가 예상한 정보 출현 시간보다 빨리 또는 늦게 정보의 클러스터가 변칙 적으로 표현되는 방식이다.

[그림 3-9] 예상치 못한 시간에 퍼포먼스로 즐거움을 주는 플래쉬 몹 사례³⁷⁾

35) 특정 웹사이트에 갑자기 사람들이 몰리는 현상을 뜻하는 플래시 크라우드(flash crowd)와 동일한 생각 을 가지고 행동하는 집단인 스마트 몹(smart mob)의 합성어이다. 서로 모르는 불특정 다수가 인터넷 과 전자 메일, 휴대전화 등의 연락을 통하여 약속된 시간에, 약속된 장소에 모여, 짧은 시간 동안 주어 진 놀이나 행동을 취하고는 금세 제각기 흩어지는 것을 말한다.

36) 정남석, 플래시몹을 이용한 광고에 대한 소비자 인지반응이 상표태도에 미치는 영향에 관한 연구, 홍익 대학교, 2013, pp.12-15

37) http://termcoord.eu/2015/05/flash-mob/

(41)

2. 상대속도 정보 표현 형식

상대속도 정보 표현 형식은 서로 다른 속도를 가진 2개 이상의 정보가 상대적 으로 동시에 출현하는 패럴럭스 스크롤링(Parallax scrolling)의 의미와 원리를 기반으로 도출하였다. 이는 비디오 게임이나 애니메이션에서 배경 속의 겹쳐있 는 이미지들을 다른 속도로 표현하고 3차원 공간을 형성하여 사용자들이 게임 에 몰입할 수 있는 현상으로 활용되고 있다. 이러한 상대속도를 활용한 정보 표 현은 2차원 평면에서 3차원적 공간감을 재현하기 위해 일상에서 관찰되는 자연 스러운 움직임이나 부드러운 장면전환 같은 현상을 뜻하며, 이것은 정보 전달에 있어서 겹쳐 보이는 이미지나 연속되어 나타나는 이미지를 좀 더 정밀하게 표현 하는 방법으로 활용 될 것이다. 예를 들어 [그림 3-10]과 같이 패럴럭스 스크롤 링을 활용한 웹 사이트가 자주 등장하고 있다. 이 사례는 외국회사의 포트폴리 오를 소개하는 웹 페이지로써 층별로 구성된 이미지들이 스크롤에 의해 출현시 간을 다르게 연출되어 한편의 동영상처럼 보여주고 있다.

[그림 3-10] 패럴럭스 스크롤을 활용한 웹페이지 사례³⁸⁾

38) http://hotdot.pro/#kynsi

(42)

31 A) 줌 샷(Zoom shot)

B) 달리 샷(Dolly shot)

C) 줌 앤 달리 샷(Zoom and Dolly shot) [그림 3-11] 확대 방법에 따라 시각적 표현의 차이³⁹⁾

또한, [그림 3-11]과 같이 영화촬영 (cinematography)기법에도 유사한 정보 표 현이 활용되고 있다. 카메라 렌즈의 초점거리, 줌 그리고 달리(Dolly)⁴⁰⁾을 활용 하여 촬영하는 ‘줌 그리고 무빙 카메라 효과(Zoom and Moving camera effects)’가 이에 해당된다. 이 사례는 카메라의 초점거리를 조절하는 줌(Zoom shot), 달리를 움직여서 촬영되는 줌(Dolly shot) 그리고 초점거리와 달리를 함 께 활용한 줌(Zoom and Dolly shot)을 활용하고 있다. 이 3가지는 대상을 확 대하는 촬영기법이지만 촬영 과정에 따라 그 효과가 다르게 표현된다. 초점거리 를 단순히 확대하는 것과 달리를 이용하여 확대하는 것은 인물과 배경이 점점 확대되어 유사한 효과를 내는 공통점이 있지만, 초점거리와 달리를 함께 활용한 확대 촬영은 영상 프레임 안에 피사체의 크기를 변화시키지 않고 배경 이미지의 크기를 변화시켜 확대한 것으로 피사체와 배경의 크기가 함께 확대되는 첫 번 째, 두 번째 기법과 다른 점을 확인할 수 있었다. 따라서, 상대속도 정보 표현 형식은 전경 정보와 배경 정보의 출현 시간을 달리함으로써 상대적 속도 차이를 활용한 정보 표현 방식이다.

39) https://vimeo.com/blog/post/zoom-vs-moving-camera-whats-the-difference 40) 카메라를 장착한 채 이동하면서 촬영할 수 있도록 설계된 이동차.

(43)

3. 순서재배열 정보 표현 형식

순서재배열 정보 표현 형식은 작가가 의도적으로 개별적인 사건들을 새로운 이 야기 재구성하는 맥락과 비슷하다. 이는 문학의 플롯 구성의 의미와 원리를 기 반으로 재해석한 것이다. 또한, 영화감독이거나 혹은 디자이너가 소설이나 문학 작품의 원작을 서술의 흐름을 계획적으로 변화시켜, 새로운 관점에서 정보를 전 달하는 형식이다. 이처럼 정보디자인에서도 정보 디자이너가 의도적으로 정보를 재구성할 수 있다. 정보디자인에서 정보는 기본적으로 리처드 솔 워먼(Richard Saul Wurman, 1996)이 주장한 정보 조직화 방법인 LATCH를 활용하여 전달 하고 있다.⁴¹⁾ 즉, 유사한 정보끼리 조직함으로써 전달하는 의미가 달라지는 것 으로 사건의 배열을 달리하여 새로운 이야기를 구성하는 플롯같이 그 의미가 유 사함을 파악할 수 있었다. 디자이너가 같은 내용을 5가지 조직화 방법(LATCH) 으로 정보를 재배열하여 정보에 다양하게 접근할 수 있게 계획할 뿐만 아니라, 정보 사용자들이 정보를 파악하는 시작점이 달라짐으로써 매력적인 환경을 만들 수 있다.

[그림 3-12] 도시별 대중교통 소요시간을 시각화 한 시간축 지도⁴²⁾

41) 오병근 외 1명, 정보디자인 교과서, 안그라픽스, 2008, p.83, 리처드 솔 워먼의 다섯가지 조직화 장법 으로써 장소(Location), 문자(Alphabet), 시간(Time), 카테고리(Category), 위계(Hierarchy)의 앞 대문자 를 모아 LATCH라고 명명함

(44)

33 예를 들어 [그림 3-12]와 같이 스기우라 고헤이가 제작한 시간축 지도가 대표 작품이다. 이는 정보의 재배열을 통해 흥미로운 시각화를 보여주고 있다. 이 작 품은 일본의 유명한 도시 오사카, 나고야, 도쿄 중심으로 특정 지역에 갈 때, 일 반적인 지도는 특정지역까지의 거리나 길이를 표현하고 있지만 그 시간축 지도 는 대중교통의 소요시간을 지도에 시각화 한 것이다. 지도의 기본적인 시각화가 아닌 새로운 축을 기반으로 지도를 재구성하는 것으로 순서를 재배열하여 자연 스러운 지도의 인지 흐름을 바꿈으로써 그 의미를 나타내고 있음을 파악하였다.

따라서, 순서재배열 정보 표현형식은 레이아웃 구성에서 느껴지는 자연스러운 인지 흐름에 맞추어 정보를 배열하지 않고 정보 클러스터의 출현 순서가 인위적 으로 바뀌어 표현되는 방식으로 이해할 수 있다.

42) http://landscaperepresentation2013.tumblr.com/post/64700330128/japan-travel-time-map

(45)

4. 블링킹 정보 표현 형식

블링킹 정보 표현 형식은 뇌 기억훈련법의 원리에서 도출하였고, 반복적인 훈련 을 통해 정보를 습득하는데 도움을 주는 역할을 가지고 있다. 뇌 기억훈련법은 반복된 훈련을 통해 기억력을 향상시킬 수 있는데, 이것은 훈련하는 시간과 시 간의 간극을 점점 늘리면서 훈련하는 것을 뜻하나 본 연구에서는 반복적인 훈련 에 주안을 두어 정보전달에 있어서 하나의 표현방법으로 주장하였다. 이런한 반 복적인 훈련은 광고에서 반복적인 노출로 정보를 무의식적으로 인지하는 것과 유사하다. 특히나 [그림 3-13]과 같이 광고에서 사용되는 CM송은 반복되는 구 절로 인해 정확히 정보를 알지는 못하지만 무엇이라는 것을 인식하게 해준다.

이처럼 정보의 덩어리가 노래의 구절처럼 반복적으로 정보를 전달하여 무의식적 으로 정보의 의미를 전달할 수 있는 정보 표현방법으로써 블링킹 정보 표현 형 식을 도출 할 수 있었다. 따라서, 블링킹 정보 표현 형식은 뇌를 반복적으로 자 극하는 방법에서 비롯되어 포인트, 클러스터, 카툰 등의 일정한 정보 단위들이 반복적으로 깜박거리는 현상 안에서 표현되는 방식을 뜻한다.

[그림 3-13] 반복적인 구절로 상품을 기억하게 하는 CM송 사례⁴³⁾

43) https://www.youtube.com/watch?v=tupg3wzV71g, https://www.youtube.com/watch?v=WQlo9i5UaFo

(46)