visual presentation - 시각적 프리젠테이션
DESCRIPTION
시각적 프리젠테이션효과적인 프리젠테이션을 위한 시각적 보조자료의 종류와 특징을 이해하고 활용하자TRANSCRIPT
시각적 보조자료 !"#$% &'()
“*+#$% ,(- ./0123”
정진호Yahoo! Korea, Technical Evangelist
MyeongDong2009.09.16
효과적인 프리젠테이션을 위한 시각적 보조자료의 종류와 특징을
이해하고 활용하자
목표
프리젠테이션의 목적• 교육(이해)• 설득(결정)• 동기부여(실행)
http://www.flickr.com/photos/smazurov/3684993917/
우리의 상황
• 우리의 이야기(의미)는 전달이 잘 안된다– 높은 분들은 바쁘다– 집중력이 약하다– 저마다 다른 생각을 가지고 있다
• 기회는 1번 뿐이다
• 해결 방법–쉽고 강력한 메시지 전달–빠른 이해를 돕는 보조 자료
이건 이렇고,저건 저렇고
뭐라고?
오랜된 고민들...• GRAPHIC PRESENTATION–Willard Cope Brinton, 1939
http://www.flickr.com/photos/mstoll/3593284126
Periodic Table of Visualization Methods
http://www.visual-literacy.org/periodic_table/periodic_table.html
Zen 스타일에 대한 착각
• 나도 이제부터 젠 스타일이다–멋진 사진으로 꽉 채우면 ?–글자를 적게 넣으면?–애플 키노트를 사용하면?
• 아무나 쓰는 기교가 아니다–우리 상황은 다르다
• 핵심은 S/N을 높이 것
목표! 신호대 잡음비(S/N) 높이기
http://www.flickr.com/photos/imh/3297961043/
‘신호대 잡음비’ 는 무엇인가?
• Signal/Noise Ratio–신호
! 우리가 이야기 하려는 것! 이해를 돕는 보조 자료
–잡음! 집중력을 떨어 뜨리는 모든 것! 주제와 직접적인 연관이 없는 것
• 신호와 잡음을 구별하라 – 신호 강도를 높이려고 사용한 시각자료가 잡음이 될 수 있다
신호대 잡음비를 높이는 시각적 방법
• 고품질• 동영상, 적당한 움직임• 객관적, 사실적인 것• 간단한 것– 쉬운 이야기– 간단한 다이어그램
• 목적에 맞는 것
동영상 (HD)
• 효과적이지만 제작이 어렵다• 주제에 맞는 HD 동영상을 찾아라–Youtube.com –Vimeo.com
• 꼭 맞는 동영상 찾기, 쉽지 않다!
멋진 사진
flickr.com/commons
search.
creativecommons.org
http://www.flickr.com/photos/matt-bna/3224693242/
http://www.flickr.com/photos/costyn/208912102/
사진, 멋지면 다냐?
• 주제와 명확한 관계가 있는 것• 객관적인 것–이미지는 경험에 따라 다르게 해석된다
• 멋지고 애매한 사진을 쓰는 이유는?–적당한 사진을 못찾아서–비워두면 허전하니까
! “힘들게 찾았는데... 멋있어서 넣었습니다!”
사랑웃음
헉! 비만 육아의 고통
아이콘
아이콘
• 품질만 좋다면 훌륭한 효과–명확하고 객관적 의미 전달– PT 자체에 호감을 갖는다
• 고품질 아이콘 구하기–weloveicons.com– iconarchive.com– iconlet.com
• 최대 512 x 512 PNG
잘 모아 두면매우 유용
아이콘 샘플, 512 x 512, PNG
• 512 x 512 PNG• weloveicons.com• iconarchive.com• iconlet.com
차트/그래프
5;<*=
5;
>/?
@A
,B2C=
DEF
G/HI
7JKL
MNO
PQR 1
3
3
3
13
19
20
24
29
60
16
0
1
1
28
7
29
3
0
3
&'4(x100,000)
5678%
9: : Active Facebook Users By Country - O’Reilly Research, 2009.04
아시아 Facebook 사용자
차트/다이어그램
• 객관적이고 강력한 설득력–고품질은 기본
• 퍼왔으면 깨끗하게 다시 그려라• 슬라이드 1장에는 차트 1개• 명확한 출처 표기
• 어떤 차트를 써야할지 몰라요– 검색하기– 틈틈이 연습하기
참고 : 140종의 차트/다이어그램http://www.flickr.com/photos/phploveme/sets/72157622211095042/
스크린 캐스트
• PT 중간 Live Demo 는 자살 행위!• 최고의 집중도–슬라이드 안에서 재생
• 3분이 넘으면 지겹다–최대한 빈틈없이 편집
• 제작 도구–Mac : iShowU Pro–WIN : Camtasia Studio
[Mac] iShowU HD
[Win] Camtasia Studio
스크린 캡쳐
• 유용한 시각적 보조자료• 제작 쉽고 간편• 사실적, 객관적
스크린 캡쳐• Mac : Skitch
• Windows : SNAGIT스크린 캡쳐
합성
• 상상력이 부족한 청중에게• 재미와 위트–단! 주제를 뒷받침 할 것
• 만들기– imageparody.com–anseup.com
합성 - 가상의 서비스 (Prototype)
^ =^_` abc d`e! @zerofe
2S CT UV2W!
@abcmart
XE 2YZ[ \Y]C...
@soonyong
[실험]
그림을 이해하는우뇌의 능력은?
7장의 슬라이드
[실험 결과]
효과적인 다이어그램은 설명이 없어도
5~10초 내에 이해 가능
[사례연구] - 트위터 완벽 가이드
• http://lovesera.com/tt/419• View : 4155• 페이지 : 100 • 시각 보조자료 : 111 개– 사진 : 12– 캡쳐 : 61– 동영상 : 1 – 스크린 캐스트 : 4– 합성 : 4– 다이어그램 : 9– 아이콘 : 20
결론
• S/N을 높이려면 시간,연습이 필요하다–이미지, 아이콘 수집
–차트, 다이어그램 그리기
• 좌뇌+우뇌를 함께 자극하는 슬라이드를 만들어라–좌뇌 : 숫자, 단어, 목록 (세부)
–우뇌 : 이미지, 다이어그램, 차트(전체)
• 최고의 PT는 말이 필요 없다–발표자 없이 슬라이드 만으로 설득
–발표자료 만으로 모든것을 이해
/photos/phploveme/
@phploveme
lovesera.com/tt/438
감사합니다
http://creativecommons.org/licenses/by-sa/2.0/kr/