2015 비영리 미디어 컨퍼런스 체인지온@비트윈 프롤로그: 미래의 기억이 시작되는 곳 2015년 '체인지온@비트윈'은 기억과 기록에 대해 이야기 합니다. 삶터와 일터에서 흘러가는 시간을 빼곡히 새겨온 사람들과 함께 7월 2일, 미래의 기억이 시작됩니다.

1. 숨쉬는 기록,
인터렉티브 미디어 제작과정
다음카카오 UX팀
exeLab 김수영
2015. 7. 2.

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

3. < 예감은 틀리지 않는다 > 줄리언 반스
‘역사는
부정확한 기억이
불충분한 문서와
만나는 지점에서 빚어지는 확신이다.’

4. 미래의 기억이 시작되는 곳

5. 기억을 위한 기록

6. 기억을 위한 기록

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

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

12. 데이타시각화

13. 스토리텔링

14. 인터렉티브 미디어
Interactive Media

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

16. exeLab

17. • 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍

18. • 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍

19. 2014년 4월16일,
세월호 사고 발생 후
72시간 동안의 기록을 재구성
: 뉴스기사, 동영상, TV뉴스, 교신기록
참사
http://media.daum.net/issue/627/

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

21. • 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍

22. 49
http://past.media.daum.net/timeline/crom/
2014년 10월27일,
갑자기 우리 곁을 떠난 아티스트 신해철
한 시대를 관통했던 그의 기록 위에
개인의 기억을 담아내려함
: 뉴스기사, 앨범정보, TV뉴스, 도서발췌, 방송어록

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

24. • 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍

25. 참사
http://past.media.daum.net/sewolferry/voice/
참사 1주기,
사건의 기록과 그 안에 자리잡은
사람들의 아픔과 상처를 담아내려함
: 뉴스기사, 판결문, TV뉴스에서 추출한 목소리 인용, 음성파일, 사진
아직, 세월호에 사람이 있습니다

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

27. • 세월호 72시간의 기록
• 신해철, 그대에게
• 세월호 1년의 목소리
• 남겨진 사람들, 삼풍

28. 20
http://media.daum.net/issue/1130
: 지면뉴스, 뉴스영상, 기억수집가들이 수집한 목소리, 사진
서울문화재단의
http://www.sfac.or.kr/memoryinseoul/html/campaign/campaign_sampung_info.asp
2015년 6월29일,
20주기를 맞은 삼풍 백화점 붕괴사건을
관련 사람들의 증언으로 구성

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

30. 이렇게 만듭니다

31. 컨텐츠 이해하기1.
핵심 컨셉 잡기2.
아이디어 스케치3.
테스트6.
구현5.
4. 프로토타이핑
스토리라인 만들기

32. 컨텐츠 이해하기1.
핵심 컨셉 잡기2.
아이디어 스케치3.
프로토타이핑
스토리라인 만들기
테스트6.
구현5.
4.
??
?
?
? ?
?
?
?
?
??
?
?
?
??
?
??
?
?
?
?
?
?
??
?
?? ?
?
?
?
?
?
?
?
? ??
?
?
?
???? ?
?
??
?
?
? ?
?
?
?
?
??
?
?
?
??
?
??
?
?
?
?
?
?
??
?
?? ?
?
?
?
?
?
?
?
? ??
?
?
?
???? ?
?

33. 컨텐츠 이해하기1.
핵심 컨셉 잡기2.
아이디어 스케치3.
프로토타이핑
스토리라인 만들기
테스트6.
구현5.
4.
??
?
?
? ?
?
?
?
?
??
?
?
?
??
?
??
?
?
?
?
?
?
??
?
?? ?
?
?
?
?
?
?
?
? ??
?
?
?
???? ?
?
??
?
?
? ?
?
?
?
?
??
?
?
?
??
?
??
?
?
?
?
?
?
??
?
?? ?
?
?
?
?
?
?
?
? ??
?
?
?
???? ?
? 반복적인 수정
피드백

34. 이런 툴을 씁니다

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

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

37. Quartz Composer 활용한 모바일 인터랙션 제작
인터렉션
프로토타이핑Quartz Composer

38. 중요하게 생각하는 것

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

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

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

42. 감사합니다.
UX
exeLab