숨쉬는 기록, 인터렉티브 미디어 제작과정

다음카카오 UX팀 exeLab 김수영

2015. 7. 2.

역사는부정확한 ____이 불충분한 ____와 만나는 지점에서 빚어지는 확신이다.’

< 예감은 틀리지 않는다 > 줄리언 반스

‘역사는 부정확한 기억이 불충분한 문서와 만나는 지점에서 빚어지는 확신이다.’

미래의 기억이 시작되는 곳

기억을 위한 기록

기억을 위한 기록

<샤폴스키 등의 맨해튼 부동산 소유 현황, 1971년 5월1일 현재의 실시간 사회체제>Shapolsky et al. Manhattan Real Estate Holdings, A Real Time Social System, as of May 1, 1971

건물주소, 주인거래내역대출금감정가

데이타시각화

스토리텔링

인터렉티브 미디어Interactive Media

http://www.nytimes.com/projects/2012/snow-fall

exeLab

• 세월호 72시간의 기록

• 신해철, 그대에게

• 세월호 1년의 목소리

• 남겨진 사람들, 삼풍

• 세월호 72시간의 기록

• 신해철, 그대에게

• 세월호 1년의 목소리

• 남겨진 사람들, 삼풍

2014년 4월16일,세월호 사고 발생 후72시간 동안의 기록을 재구성

: 뉴스기사, 동영상, TV뉴스, 교신기록

참사http://media.daum.net/issue/627/

http://past.media.daum.net/sewolferry/timeline/

• 세월호 72시간의 기록

• 신해철, 그대에게

• 세월호 1년의 목소리

• 남겨진 사람들, 삼풍

49http://past.media.daum.net/timeline/crom/

2014년 10월27일,갑자기 우리 곁을 떠난 아티스트 신해철

한 시대를 관통했던 그의 기록 위에개인의 기억을 담아내려함

: 뉴스기사, 앨범정보, TV뉴스, 도서발췌, 방송어록

http://past.media.daum.net/timeline/crom/

• 세월호 72시간의 기록

• 신해철, 그대에게

• 세월호 1년의 목소리

• 남겨진 사람들, 삼풍

참사http://past.media.daum.net/sewolferry/voice/

참사 1주기,사건의 기록과 그 안에 자리잡은사람들의 아픔과 상처를 담아내려함

: 뉴스기사, 판결문, TV뉴스에서 추출한 목소리 인용, 음성파일, 사진

아직, 세월호에 사람이 있습니다

http://past.media.daum.net/sewolferry/voice/

• 세월호 72시간의 기록

• 신해철, 그대에게

• 세월호 1년의 목소리

• 남겨진 사람들, 삼풍

20http://media.daum.net/issue/1130

: 지면뉴스, 뉴스영상, 기억수집가들이 수집한 목소리, 사진서울문화재단의http://www.sfac.or.kr/memoryinseoul/html/campaign/campaign_sampung_info.asp

2015년 6월29일,20주기를 맞은 삼풍 백화점 붕괴사건을관련 사람들의 증언으로 구성

http://past.media.daum.net/sampoong/

이렇게 만듭니다

컨텐츠 이해하기1.핵심 컨셉 잡기2.아이디어 스케치3.

테스트6.구현5.4. 프로토타이핑스토리라인 만들기

컨텐츠 이해하기1.핵심 컨셉 잡기2.아이디어 스케치3.

프로토타이핑

스토리라인 만들기

테스트6.구현5.4.? ?

??

? ??

?

?

???

?

???? ?

??

?

?

?

?

????

?

?? ???

??

?

?

?

? ???

?????? ?

?? ??

?

? ??

?

?

???

?

???? ?

??

?

?

?

?

????

?

?? ???

??

?

?

?

? ???

?????? ?

?

컨텐츠 이해하기1.핵심 컨셉 잡기2.아이디어 스케치3.

프로토타이핑

스토리라인 만들기

테스트6.구현5.4.? ?

??

? ??

?

?

???

?

???? ?

??

?

?

?

?

????

?

?? ???

??

?

?

?

? ???

?????? ?

?? ??

?

? ??

?

?

???

?

???? ?

??

?

?

?

?

????

?

?? ???

??

?

?

?

? ???

?????? ?

?반복적인 수정

피드백

이런 툴을 씁니다

데이타 정리- 협업자들과 공동작업 가능- 수정과 추가가 용이

전체흐름 짜기- 뼈대를 잡고 붙여나가는 방식- 시작과 마무리 방법은 이야기 구성 후 정의

https://beta.atomic.io/

Quartz Composer 활용한 모바일 인터랙션 제작

인터렉션 프로토타이핑

Quartz Composer

중요하게 생각하는 것

스토리기술은 컨텐츠를 극대화하기 위한 수단이지 목적은 아니다.

퍼포먼스풍성한 컨텐츠와 빠른 속도를 둘 다 해결하기 어렵다.

유니버셜어떤 환경에서든 유사한 경험을 할 수 있어야 한다.

감사합니다.

UXexeLab