44
시각적 보조자료 효과적으로 사용하기 시각적으로 말하는 프리젠테이션정진호 Yahoo! Korea, Technical Evangelist MyeongDong 2009.09.16

[47th KUG PP] Visual Presentation

Embed Size (px)

DESCRIPTION

Yahoo! Korea 에서 Technical Evangelist 로 재직중이신 정진호님께서 프레젠테이션을 시각적으로 효과적으로 구성하는 방법에 대해서 발표를 해 주셨습니다.

Citation preview

Page 1: [47th KUG PP] Visual Presentation

시각적����������� ������������������  보조자료����������� ������������������  효과적으로 사용하기

“시각적으로 말하는 프리젠테이션”

정진호Yahoo! Korea, Technical Evangelist

MyeongDong2009.09.16

Page 2: [47th KUG PP] Visual Presentation

효과적인����������� ������������������  프리젠테이션을����������� ������������������  위한����������� ������������������  ����������� ������������������  

시각적����������� ������������������  보조자료의����������� ������������������  종류와����������� ������������������  특징을����������� ������������������  

이해하고����������� ������������������  활용하자

목표

Page 3: [47th KUG PP] Visual Presentation

프리젠테이션의����������� ������������������  목적

•교육(이해)

•설득(결정)

• 동기부여(실행)

http://www.flickr.com/photos/smazurov/3684993917/

Page 4: [47th KUG PP] Visual Presentation

우리의����������� ������������������  상황

• 우리의����������� ������������������  이야기(의미)는����������� ������������������  전달이����������� ������������������  잘����������� ������������������  안된다

– ����������� ������������������  높은����������� ������������������  분들은����������� ������������������  바쁘다

– ����������� ������������������  집중력이����������� ������������������  약하다

– ����������� ������������������  저마다����������� ������������������  다른����������� ������������������  생각을����������� ������������������  가지고����������� ������������������  있다

• 기회는����������� ������������������  1번����������� ������������������  뿐이다

• 해결����������� ������������������  방법

–쉽고����������� ������������������  강력한����������� ������������������  메시지����������� ������������������  전달

–빠른����������� ������������������  이해를����������� ������������������  돕는����������� ������������������  보조����������� ������������������  자료

����������� ������������������  이건����������� ������������������  이렇고,

저건����������� ������������������  저렇고

뭐라고?

Page 5: [47th KUG PP] Visual Presentation

오래된����������� ������������������  고민들...

• GRAPHIC����������� ������������������  PRESENTATION

–Willard����������� ������������������  Cope����������� ������������������  Brinton,����������� ������������������  1939

http://www.flickr.com/photos/mstoll/3593284126

Page 6: [47th KUG PP] Visual Presentation

Periodic����������� ������������������  Table����������� ������������������  of����������� ������������������  Visualization����������� ������������������  Methods

http://www.visual-literacy.org/periodic_table/periodic_table.html

Page 7: [47th KUG PP] Visual Presentation

Zen����������� ������������������  스타일에����������� ������������������  대한����������� ������������������  착각

• 나도����������� ������������������  이제부터����������� ������������������  젠����������� ������������������  스타일이다

–멋진����������� ������������������  사진으로����������� ������������������  꽉����������� ������������������  채우면����������� ������������������  ?

–글자를����������� ������������������  적게����������� ������������������  넣으면?

–애플����������� ������������������  키노트를����������� ������������������  사용하면?

• 아무나����������� ������������������  쓰는����������� ������������������  기교가����������� ������������������  아니다

–우리����������� ������������������  상황은����������� ������������������  다르다

• 핵심은����������� ������������������  S/N을����������� ������������������  높이����������� ������������������  것

Page 8: [47th KUG PP] Visual Presentation

����������� ������������������  목표!����������� ������������������  신호대����������� ������������������  잡음비(S/N)����������� ������������������  높이기

http://www.flickr.com/photos/imh/3297961043/

Page 9: [47th KUG PP] Visual Presentation

‘신호대����������� ������������������  잡음비’����������� ������������������  는����������� ������������������  무엇인가?

• Signal/Noise����������� ������������������  Ratio–신호����������� ������������������  

����������� ������������������  우리가����������� ������������������  이야기����������� ������������������  하려는����������� ������������������  것

����������� ������������������  이해를����������� ������������������  돕는����������� ������������������  보조����������� ������������������  자료

–잡음 ����������� ������������������  집중력을����������� ������������������  떨어����������� ������������������  뜨리는����������� ������������������  모든����������� ������������������  것

����������� ������������������  주제와����������� ������������������  직접적인����������� ������������������  연관이����������� ������������������  없는����������� ������������������  것

• 신호와����������� ������������������  잡음을����������� ������������������  구별하라����������� ������������������  

– ����������� ������������������  신호����������� ������������������  ����������� ������������������  강도를����������� ������������������  높이려고����������� ������������������  사용한����������� ������������������  시각자료가����������� ������������������  

����������� ������������������  잡음이����������� ������������������  될����������� ������������������  수����������� ������������������  있다

Page 10: [47th KUG PP] Visual Presentation

‘신호대����������� ������������������  잡음비’����������� ������������������  는����������� ������������������  무엇인가?

• Signal/Noise����������� ������������������  Ratio–신호����������� ������������������  

����������� ������������������  우리가����������� ������������������  이야기����������� ������������������  하려는����������� ������������������  것

����������� ������������������  이해를����������� ������������������  돕는����������� ������������������  보조����������� ������������������  자료

–잡음 ����������� ������������������  집중력을����������� ������������������  떨어����������� ������������������  뜨리는����������� ������������������  모든����������� ������������������  것

����������� ������������������  주제와����������� ������������������  직접적인����������� ������������������  연관이����������� ������������������  없는����������� ������������������  것

• 신호와����������� ������������������  잡음을����������� ������������������  구별하라����������� ������������������  

– ����������� ������������������  신호����������� ������������������  ����������� ������������������  강도를����������� ������������������  높이려고����������� ������������������  사용한����������� ������������������  시각자료가����������� ������������������  

����������� ������������������  잡음이����������� ������������������  될����������� ������������������  수����������� ������������������  있다

Page 11: [47th KUG PP] Visual Presentation

신호대����������� ������������������  잡음비를����������� ������������������  높이는����������� ������������������  시각적����������� ������������������  방법

• 고품질

• 동영상,����������� ������������������  적당한����������� ������������������  움직임

• 객관적,����������� ������������������  사실적인����������� ������������������  것

• 간단한����������� ������������������  것

– ����������� ������������������  쉬운����������� ������������������  이야기

– ����������� ������������������  간단한����������� ������������������  다이어그램

• 목적에����������� ������������������  맞는����������� ������������������  것

Page 12: [47th KUG PP] Visual Presentation

신호대����������� ������������������  잡음비를����������� ������������������  높이는����������� ������������������  시각적����������� ������������������  방법

• 고품질

• 동영상,����������� ������������������  적당한����������� ������������������  움직임

• 객관적,����������� ������������������  사실적인����������� ������������������  것

• 간단한����������� ������������������  것

– ����������� ������������������  쉬운����������� ������������������  이야기

– ����������� ������������������  간단한����������� ������������������  다이어그램

• 목적에����������� ������������������  맞는����������� ������������������  것

Page 13: [47th KUG PP] Visual Presentation

동영상����������� ������������������  (HD)

• 효과적이지만����������� ������������������  제작이����������� ������������������  어렵다

• 주제에����������� ������������������  맞는����������� ������������������  HD����������� ������������������  동영상을����������� ������������������  찾아라

–Youtube.com����������� ������������������  –Vimeo.com

• 꼭����������� ������������������  맞는����������� ������������������  동영상����������� ������������������  찾기,����������� ������������������  쉽지����������� ������������������  않다!

Page 14: [47th KUG PP] Visual Presentation

멋진����������� ������������������  사진

flickr.com/commons

search.creativecommons.org

http://www.flickr.com/photos/matt-bna/3224693242/

http://www.flickr.com/photos/costyn/208912102/

Page 15: [47th KUG PP] Visual Presentation

사진,����������� ������������������  멋지면����������� ������������������  다냐?

• 주제와����������� ������������������  명확한����������� ������������������  관계가����������� ������������������  있는����������� ������������������  것

• 객관적인����������� ������������������  것

–이미지는����������� ������������������  경험에����������� ������������������  따라����������� ������������������  다르게����������� ������������������  해석된다

• 멋지고����������� ������������������  애매한����������� ������������������  사진을����������� ������������������  쓰는����������� ������������������  이유는?

–적당한����������� ������������������  사진을����������� ������������������  못찾아서

–비워두면����������� ������������������  허전하니까

“힘들게����������� ������������������  찾았는데...����������� ������������������  멋있어서����������� ������������������  넣었습니다!”

Page 16: [47th KUG PP] Visual Presentation

사진,����������� ������������������  멋지면����������� ������������������  다냐?

• 주제와����������� ������������������  명확한����������� ������������������  관계가����������� ������������������  있는����������� ������������������  것

• 객관적인����������� ������������������  것

–이미지는����������� ������������������  경험에����������� ������������������  따라����������� ������������������  다르게����������� ������������������  해석된다

• 멋지고����������� ������������������  애매한����������� ������������������  사진을����������� ������������������  쓰는����������� ������������������  이유는?

–적당한����������� ������������������  사진을����������� ������������������  못찾아서

–비워두면����������� ������������������  허전하니까

“힘들게����������� ������������������  찾았는데...����������� ������������������  멋있어서����������� ������������������  넣었습니다!”

사랑웃음

Page 17: [47th KUG PP] Visual Presentation

사진,����������� ������������������  멋지면����������� ������������������  다냐?

• 주제와����������� ������������������  명확한����������� ������������������  관계가����������� ������������������  있는����������� ������������������  것

• 객관적인����������� ������������������  것

–이미지는����������� ������������������  경험에����������� ������������������  따라����������� ������������������  다르게����������� ������������������  해석된다

• 멋지고����������� ������������������  애매한����������� ������������������  사진을����������� ������������������  쓰는����������� ������������������  이유는?

–적당한����������� ������������������  사진을����������� ������������������  못찾아서

–비워두면����������� ������������������  허전하니까

“힘들게����������� ������������������  찾았는데...����������� ������������������  멋있어서����������� ������������������  넣었습니다!”

사랑웃음

헉!����������� ������������������  비만육아의����������� ������������������  

고통

Page 18: [47th KUG PP] Visual Presentation

아이콘

Page 19: [47th KUG PP] Visual Presentation

아이콘

• 품질만����������� ������������������  좋다면����������� ������������������  훌륭한����������� ������������������  효과

–명확하고����������� ������������������  객관적����������� ������������������  의미����������� ������������������  전달

– PT����������� ������������������  자체에����������� ������������������  호감을����������� ������������������  갖는다

• 고품질����������� ������������������  아이콘����������� ������������������  구하기

–weloveicons.com

– iconarchive.com– iconlet.com

• 최대����������� ������������������  512����������� ������������������  x����������� ������������������  512����������� ������������������  PNG

잘����������� ������������������  모아����������� ������������������  두면

매우����������� ������������������  유용

Page 20: [47th KUG PP] Visual Presentation

아이콘����������� ������������������  샘플,����������� ������������������  512����������� ������������������  x����������� ������������������  512,����������� ������������������  PNG

• 512����������� ������������������  x����������� ������������������  512����������� ������������������  PNG

• weloveicons.com

• iconarchive.com

• iconlet.com

Page 21: [47th KUG PP] Visual Presentation

차트/그래프

사용자(x100,000)인구대비%

출처 : Active Facebook Users By Country - O’Reilly Research, 2009.04

����������� ������������������  아시아����������� ������������������  Facebook����������� ������������������  사용자

Page 22: [47th KUG PP] Visual Presentation

차트/그래프

인도네시아

인도

필리핀

홍콩

말레이지아

싱가폴

스리랑카

대한민국

베트남

몰디므 1

3

3

3

13

19

20

24

29

60

사용자(x100,000)인구대비%

출처 : Active Facebook Users By Country - O’Reilly Research, 2009.04

����������� ������������������  아시아����������� ������������������  Facebook����������� ������������������  사용자

Page 23: [47th KUG PP] Visual Presentation

차트/그래프

인도네시아

인도

필리핀

홍콩

말레이지아

싱가폴

스리랑카

대한민국

베트남

몰디므 1

3

3

3

13

19

20

24

29

60

16

0

1

1

28

7

29

3

0

3

사용자(x100,000)인구대비%

출처 : Active Facebook Users By Country - O’Reilly Research, 2009.04

����������� ������������������  아시아����������� ������������������  Facebook����������� ������������������  사용자

Page 24: [47th KUG PP] Visual Presentation

차트/그래프

인도네시아

인도

필리핀

홍콩

말레이지아

싱가폴

스리랑카

대한민국

베트남

몰디므 1

3

3

3

13

19

20

24

29

60

16

0

1

1

28

7

29

3

0

3

사용자(x100,000)인구대비%

출처 : Active Facebook Users By Country - O’Reilly Research, 2009.04

����������� ������������������  아시아����������� ������������������  Facebook����������� ������������������  사용자

Page 25: [47th KUG PP] Visual Presentation

차트/다이어그램

• 객관적이고����������� ������������������  강력한����������� ������������������  설득력

–고품질은����������� ������������������  기본

•퍼왔으면����������� ������������������  깨끗하게����������� ������������������  다시����������� ������������������  그려라

• 슬라이드����������� ������������������  1장에는����������� ������������������  차트����������� ������������������  1개

• 명확한����������� ������������������  출처����������� ������������������  표기

• 어떤����������� ������������������  차트를����������� ������������������  써야할지����������� ������������������  몰라요

– ����������� ������������������  검색하기

– ����������� ������������������  틈틈이����������� ������������������  연습하기

Page 26: [47th KUG PP] Visual Presentation

참고����������� ������������������  :����������� ������������������  140종의����������� ������������������  차트/다이어그램http://www.flickr.com/photos/phploveme/sets/72157622211095042/

Page 27: [47th KUG PP] Visual Presentation

참고����������� ������������������  :����������� ������������������  140종의����������� ������������������  차트/다이어그램http://www.flickr.com/photos/phploveme/sets/72157622211095042/

Page 28: [47th KUG PP] Visual Presentation

스크린����������� ������������������  캐스트

• PT����������� ������������������  중간����������� ������������������  Live����������� ������������������  Demo����������� ������������������  는����������� ������������������  자살����������� ������������������  행위!

• 최고의����������� ������������������  집중도

–슬라이드����������� ������������������  안에서����������� ������������������  재생

• 3분이����������� ������������������  넘으면����������� ������������������  지겹다

–최대한����������� ������������������  빈틈없이����������� ������������������  편집

• 제작����������� ������������������  도구

–Mac����������� ������������������  :����������� ������������������  iShowU����������� ������������������  Pro

–WIN����������� ������������������  :����������� ������������������  Camtasia����������� ������������������  Studio

Page 29: [47th KUG PP] Visual Presentation

[Mac]����������� ������������������  iShowU����������� ������������������  HD

Page 30: [47th KUG PP] Visual Presentation

[Win]����������� ������������������  Camtasia����������� ������������������  Studio

Page 31: [47th KUG PP] Visual Presentation

스크린����������� ������������������  캡쳐

• 유용한����������� ������������������  시각적����������� ������������������  보조자료

• 제작����������� ������������������  쉽고����������� ������������������  간편

• 사실적,����������� ������������������  객관적

Page 32: [47th KUG PP] Visual Presentation

스크린����������� ������������������  캡쳐

• 유용한����������� ������������������  시각적����������� ������������������  보조자료

• 제작����������� ������������������  쉽고����������� ������������������  간편

• 사실적,����������� ������������������  객관적

Page 33: [47th KUG PP] Visual Presentation

스크린����������� ������������������  캡쳐

• Mac����������� ������������������  :����������� ������������������  Skitch

Page 34: [47th KUG PP] Visual Presentation

• Windows����������� ������������������  :����������� ������������������  SNAGIT

스크린����������� ������������������  캡쳐

Page 35: [47th KUG PP] Visual Presentation

합성

• 상상력이����������� ������������������  부족한����������� ������������������  청중에게

• 재미와����������� ������������������  위트

–단!����������� ������������������  주제를����������� ������������������  뒷받침����������� ������������������  할����������� ������������������  것����������� ������������������  

• 만들기

– imageparody.com

–anseup.com

Page 36: [47th KUG PP] Visual Presentation

합성����������� ������������������  -����������� ������������������  가상의����������� ������������������  서비스����������� ������������������  (Prototype)

저 아저씨들 마음에 안들어! @zerofe

이게 지금 토론이냐! @abcmart

내가 이나라를 떠나야지... @soonyong

Page 37: [47th KUG PP] Visual Presentation

[실험]

그림을����������� ������������������  이해하는

우뇌의����������� ������������������  능력은?����������� ������������������  7장의����������� ������������������  슬라이드

Page 38: [47th KUG PP] Visual Presentation
Page 39: [47th KUG PP] Visual Presentation
Page 40: [47th KUG PP] Visual Presentation

[실험����������� ������������������  결과]

효과적인����������� ������������������  다이어그램은

����������� ������������������  설명이����������� ������������������  없어도

5~10초����������� ������������������  내에����������� ������������������  이해����������� ������������������  가능

Page 41: [47th KUG PP] Visual Presentation

[사례연구]����������� ������������������  -����������� ������������������  트위터����������� ������������������  완벽����������� ������������������  가이드

• http://lovesera.com/tt/419

• View����������� ������������������  :����������� ������������������  4155

• 페이지����������� ������������������  :����������� ������������������  100����������� ������������������  

• 시각����������� ������������������  보조자료����������� ������������������  :����������� ������������������  111����������� ������������������  개

– 사진����������� ������������������  :����������� ������������������  12

– 캡쳐����������� ������������������  :����������� ������������������  61

– 동영상����������� ������������������  :����������� ������������������  1����������� ������������������  ����������� ������������������  

– 스크린����������� ������������������  캐스트����������� ������������������  :����������� ������������������  4

– 합성����������� ������������������  :����������� ������������������  4

– 다이어그램����������� ������������������  :����������� ������������������  9

– 아이콘����������� ������������������  :����������� ������������������  20����������� ������������������  

Page 42: [47th KUG PP] Visual Presentation

결론

• ����������� ������������������  S/N을����������� ������������������  높이려면����������� ������������������  시간,연습이����������� ������������������  필요하다–이미지,����������� ������������������  아이콘����������� ������������������  수집

–차트,����������� ������������������  다이어그램����������� ������������������  그리기����������� ������������������  

• 좌뇌+우뇌를����������� ������������������  함께����������� ������������������  자극하는����������� ������������������  슬라이드를����������� ������������������  만들어라–좌뇌����������� ������������������  :����������� ������������������  숫자,����������� ������������������  단어,����������� ������������������  목록����������� ������������������  (세부)

–우뇌����������� ������������������  :����������� ������������������  이미지,����������� ������������������  다이어그램,����������� ������������������  차트(전체)

• 최고의����������� ������������������  PT는����������� ������������������  말이����������� ������������������  필요����������� ������������������  없다–발표자����������� ������������������  없이����������� ������������������  슬라이드����������� ������������������  만으로����������� ������������������  설득

–발표자료����������� ������������������  만으로����������� ������������������  모든것을����������� ������������������  이해

Page 43: [47th KUG PP] Visual Presentation

/photos/phploveme/

@phploveme

lovesera.com/tt/438

감사합니다