[2015 체인지온@비트윈]숨쉬는 기록, 인터렉티브 미디어 제작현장 김수영
Post on 05-Aug-2015
136 Views
Preview:
TRANSCRIPT
숨쉬는 기록, 인터렉티브 미디어 제작과정
다음카카오 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
exeLab
• 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍
• 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍
2014년 4월16일,세월호 사고 발생 후72시간 동안의 기록을 재구성
: 뉴스기사, 동영상, TV뉴스, 교신기록
참사http://media.daum.net/issue/627/
• 세월호 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
top related