Infographic Thinking Workshop

data 1data 2data 3data 4data 5data 6data 7

INFOGRAPHIC90% â´Â ¾ÕÃѪ ÉÃÒ¹ØÃÑ¡É�May 2015

¡ÒäԴà¾×è͹Óàʹ͢ŒÍÁÙÅÇÔ ÑÂàªÔ§ infographic à¾×èÍ¡ÒâѺà¤Å×è͹Êѧ¤Á

Perus Saranurak 12 May 2015

Overview

Infographic is ?3 keys

ThinkingTip

Exercise

Data Visualization

BrakeExercise

Perus Saranurak 12 May 2015

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

Communication Transmission model - Shannon (1948)

EffectSendernoise

noise

noise

noiseMassage Channel Reciever

Perus Saranurak 12 May 2015

Communication to digital ageFrom prehistory

Ref#1 Ref#2

Perus Saranurak 12 May 2015

Data overload

Less Attention

8 ÇÔ¹Ò·Õ9 ÇÔ¹Ò·Õ

2012

Perus Saranurak 12 May 2015s Saranurak 1

Purpose1010100

10010100101010

0101

01010010100010

1010010100101

01010010010101

01010

10101001001010

01010100101

01010010100010

1010010100101

01010010010101

0101010101101

01001001010010

1010010101010

01010001010100

1010010101010

01001010101010

10101

00101000101010

01010010101

00101010101010

10110101

0101001

INFOGRAPHIC (ÍԹ⿡ÃÒ¿¿ �¡)

¤×Íà¤Ã×èͧÁ×Í㹡ÒÃÊ×èÍÊÒèѴ¡ÒâŒÍÁÙÅ·Õè«Ñº«ŒÍ¹

à¾×èÍãËŒ¼ÙŒÍ‹Ò¹à¢ŒÒ¶Ö§ÇÑμ¶Ø»ÃÐʧ¤ �ä´Œ¼‹Ò¹ÀÒ¾

Perus Saranurak 12 May 2015

·´Êͺ¡ÒÃÊ×ÍÊÒü‹Ò¹ÊÒÂμÒ

Prepare forEye Exercise 3s3s

Perus Saranurak 12 May 201512 M

à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í

¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ

ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ

à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30

â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´

¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ

Perus Saranurak 12 May 2015

3s3s

Perus Saranurak 12 May 2015

source: https://www.facebook.com/pages/à¾ÃÒÐ໚¹à´ç¡ Ö§à¨çº»Ç´

Ref#3

Perus Saranurak 12 May 2015

What did you understand ?What did you understand ?What did you understand ?What did you feel ?What did you feel ?What did you feel ?

Perus Saranurak 12 May 2015

à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í

¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ

ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ

à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30

â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´

¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ

Ref#3

Perus Saranurak 12 May 2015

text.

Visuals ࢌÒã¨ä´ŒàÃçÇ¡Ç‹Ò 60,000 à·‹Ò

source: http://www.billiondollargraphics.com/infographics.html

Visual and Brain¢ŒÍÁÙÅ 90% ·ÕèÊ‹§ä»ÊÁͧ¤×ÍÃÙ»ÀÒ¾

90%90%Perus Saranurak 12 May 2015

Ê‹§μ ‹Íä´Œ¡ÇŒÒ§à¢ŒÒ¶Ö§¼ÙŒªÁáÅÐʹء

äÃŒ¢ŒÍ¨Ó¡Ñ´´ŒÒ¹ÀÒÉÒ

Ê‹§μ ‹Í¤Ø³¤‹ÒËÃ×ͤÇÒÁÃÙŒÊÖ¡

â´´à´‹¹

¤ÇÒÁÃÙŒÊÖ¡

´Ö§¤ÇÒÁʹã¨

¤ÇÒÁ¤Ô´ÊÌҧÊÃä �source: http://www.billiondollargraphics.com/infographics.html

Emotional

Perus Saranurak 12 May 2015

Data Visual

Perus Saranurak 12 May 2015

INFOGRAPHICvisual language is

still a language

Data

Visual

Perus Saranurak 12 May 2015

à¡ÕèÂÇ¢ŒÍ§

»ÃзѺã¨/ÊÐà·×͹ã¨

¡ÃÐμ ØŒ¹¼ÅÑ¡ ѹ

Story Data

Visual INFOGRAPHIC

Perus Saranurak 12 May 2015

Story Data

Visual INFOGRAPHIC

Perus Saranurak 12 May 2015

Exercise(5 minutes)

Perus Saranurak 12 May 2015

⨷ �¤Ø³¡ØŽÂ¡ØŽÂ¢Ò¢ͧã¹μÅÒ´ Áբͧ¢Ò´ѧ¹Õé:

ÊŒÁ 4 ÅÙ¡ ÊÑ»»Ðô 2 ÅÙ¡¡ÅŒÇ 5 ËÇաҧࡧ 3 μ ÑÇàÊ×éÍ 1 μ ÑÇ

Perus Saranurak 12 May 2015

Time’s up!!

Perus Saranurak 12 May 2015

¡ÅŒÇ 5ËÇÕ

¡ÅŒÇ 5ËÇÕ

àÊ×éÍ 1μÑÇ

àÊ×éÍ 1μÑÇ

ÊŒÁ 4ÅÙ¡

ÊŒÁ 4ÅÙ¡

ÊÑ»»Ðô 2ÅÙ¡

ÊÑ»»Ðô 2ÅÙ¡

¡Ò§à¡§ 3μÑÇ

¡Ò§à¡§ 3μÑÇ

¡ÅŒÇÂ

5 4 32 1àÊ×éÍ

ÊŒÁ

ÊÑ»»Ðô

¡Ò§à¡§

àÊ×éÍ 1μÑÇ

¡ÅŒÇ 5ËÇÕ

ÊŒÁ 4ÅÙ¡

ÊÑ»»Ðô 2ÅÙ¡

¡Ò§à¡§ 3μÑÇ

Perus Saranurak 12 May 2015

¡ØŽÂ¡ØŽÂ¡ÅŒÇ 5ËÇÕ

àÊ×éÍ 1μÑÇ

ÊŒÁ 4ÅÙ¡

ÊÑ»»Ðô 2ÅÙ¡

¡Ò§à¡§ 3μÑÇ

Perus Saranurak 12 May 2015ak

Brakenext

How to create infographic ?

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

INFOGRAPHIC Thinking

àÅ×Í¡¢ŒÍÁÙÅ Ñ´¢ŒÍÁÙÅ ÊÑÞÅѡɳ� ËҧẺ ÀÒ¾¨ÃÔ§ Ê×èÍÊÒÃËÒ¢ŒÍÁÙÅ

Perus Saranurak 12 May 2015

Graphic partsRef#4

Perus Saranurak 12 May 2015

1.àÊŒ¹ 3.ÊÕ

2.ÃٻËҧ ¢¹Ò´ 4.μ ÑÇÍÑ¡ÉÃ

μÑÇÍÑ¡ÉÃตวอกษร

μÑÇÍÑ¡ÉÃตวอกษร

Understanding Graphic

Perus Saranurak 12 May 2015

DATASELECTED

¢ŒÍÁÙÅ»ÃÔÁÒ³àÂÍÐ

¢ŒÍÁÙÅ·Õèμ ŒÍ§¡ÒÃÊ‹§μ ‹ÍÍ‹ҧÃÇ´àÃçÇ (ÃÙŒÊÙŒ flood)Ê×èÍÊÒâŒÍÁÙÅ੾Òзҧ¡Ñº¤¹·ÑèÇä»

¢ŒÍÁÙÅ»ÃÐàÀ· how-to ¢Ñé¹μ͹ ÇÔ¸Õ¡ÒâŒÍÁÙÅ·ÕèÁÕ¡ÒÃàª×èÍÁ⧫Ѻ«ŒÍ¹

¢ŒÍÁÙÅ·Õèà¡ÕèÂǡѺàÇÅÒ ËÃ×Í ¾×é¹·Õè

¢ŒÍÁÙÅ·Õèμ ŒÍ§¡ÒÃãˌʋ§¼Åμ ‹Í Ôμã¨

¢ŒÍÁÙÅ·ÕèàËÁÒСѺ¡ÒÃ·Ó infographic

Perus Saranurak 12 May 2015

Tips :à»ÅÕèºà·Õº¢ŒÍÁÙÅãˌࢌÒ㨧‹Ò¢Öé¹´ŒÇ»ÃÐʺ¡Òó�·Õèã¡ÅŒμ ÑÇ

Perus Saranurak 12 May 2015

Í‹Ò㪌ÊÕÁÒ¡à¡Ô¹ä» Í‹Ò㪌μÑÇ˹ѧÊ×ÍÁÒ¡à¡Ô¹ä»Í‹ÒμÑ´μÑÇ˹ѧÊ×ͨ¹äÁ‹ÊÒÁÒÃ¶Í ÔºÒ¢ŒÍÁÙÅä Œ¤Ãº¶ŒÇ¹Í‹ҹÓàʹÍËÅÒ»ÃÐà ç¹ ãªŒ¢ŒÍÁÙÅÁÒ¡à¡Ô¹ä» ¨¹ ٫Ѻ«ŒÍ¹Í‹ÒÅ×Á Ø´»ÃÐʧ¤ �ËÅÑ¡¢Í§¢ŒÍÁÙÅ·Õè¨Ð¹Óàʹ͢ŒÍÁÙżԴ ºÔ´àº×͹¢ŒÍà·ç¨¨ÃÔ§ ªÇ¹à¢ŒÒ㨼Դ

Should not

Information from ‘The Power of Visual Communication’http://www.billiondollargraphics.com/infographics.html

CR

A

3 Hearts of Infographic

Appeal - ʹã¨

Comprehension - ࢌÒã¨

Retention - ¢Öé¹ã¨

Perus Saranurak 12 May 2015

¾Ù´¤Ø INFOGRAPHICDiscuss

Perus Saranurak 12 May 2015

Location and Relationship

Ref#5

TDRI- stratigy and economyhowdesign.com-from earth to the moon https://www.youtube.com/watch?v=U3qDBbLEmDY

Familiarizing Data

Ref#6 Ref#7

Perus Saranurak 12 May 2015

CPR Process

Ref#8 Ref#9

ÃÙŒÊÙŒ floodhttps://www.youtube.com/watch?v=bivD0TscGnA

Emergency DataPerus Saranurak 12 May 2015

໚¹ä·ÂÊØ´¢Õ´-ThaiPBShttps://youtu.be/QArRFqVLu6I

¨ÑºμÒàμ×͹ÀÑÂ-ä·ÂÃÑ° TV

Mass Media

https://youtu.be/vH4jYMa8kSA

Ref#10 Ref#11

Perus Saranurak 12 May 2015

Time and Process

Ref#12 Ref#13

Perus Saranurak 12 May 2015

Story of Stuff Projecthttps://youtu.be/cpkRvc-sOKk

Ken Robinson - TEDhttps://www.youtube.com/watch?v=zDZFcDGpL4U

Awaring the Story of Change

Ref#14 Ref#15

Perus Saranurak 12 May 2015

Comparing Massive Data

Ref#16 Ref#17

Perus Saranurak 12 May 2015

60 Seconds of Salary

Comparing Massive Data

https://www.youtube.com/watch?v=K7VHEocbBRQ

Ref#18

Perus Saranurak 12 May 2015

Comparing Massive DataCreative Routines

Ref#19

Perus Saranurak 12 May 2015

Ref#20 Ref#21

⨷ �»ÃÐà ç¹ÊÓ¤ÑÞ·ÕèÊ‹§¼Åμ ‹Íà´ç¡áÅÐàÂÒǪ¹

´ŒÒ¹ºÇ¡ /´ŒÒ¹Åº

Exercise2 Afternoon Sessionnd

Perus Saranurak 12 May 2015

¾Ñ²¹Ò¢Õ´¤ÇÒÁÊÒÁÒö¡ÒÃÇÔ ÑÂ

â´Â¡ÒÃá»Å§¢ŒÍÁÙÅ¢¹Ò´ãËދ໚¹ÀÒ¾

Data Visualization

Data Visualization

Infographic

Perus Saranurak 12 May 2015

ÍÒÂØà©ÅÕè–¢¹Ò´¤Ãͺ¤ÃÑÇ–»‚ TEDhttp://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen

Ref#22

Perus Saranurak 12 May 2015

http://researcher.watson.ibm.com/researcher/view_group.php?id=5992

http://www.katefarrahi.com/research.html

Epidemic analysisRef#23 Ref#24

Mapping social learningRef#25

Perus Saranurak 12 May 2015

Data is soil

Perus Saranurak 12 May 2015

Data is soilDavid McCandless: The beauty of data visualization

ReferenceCave of Forgotten Dreams (2010)

https://www.pinterest.com/pin/19421842119865847/ (not found the

original source)

https://www.facebook.com/pages/à¾ÃÒÐ໚¹à´ç¡ Ö§à¨çº»Ç´

http://www.howdesign.com/infographic-design-how-to-make-

infographics/

http://www.ucsusa.org/sites/default/files/legacy/food_and_

agriculture/solutions/advance-sustainable-agriculture/

healthy-farm-vision/index.htm

http://www.howdesign.com/infographic-design-how-to-make-

infographics/

https://www.youtube.com/watch?v=U3qDBbLEmDY

https://www.youtube.com/watch?v=bivD0TscGnA

http://www.grafika24.com/how-to-perform-cpr/

https://youtu.be/QArRFqVLu6I

https://youtu.be/vH4jYMa8kSA

http://inventingabstraction.tumblr.com/post/41701591608/the-

chart-in-our-show-is-not-the-first-to-map-the

https://www.pinterest.com/pin/19421842119865847/ (not found the

original source)

https://youtu.be/cpkRvc-sOKk

https://www.youtube.com/watch?v=zDZFcDGpL4U

http://visual.ly/disciplines-user-experience-design

https://atlas.media.mit.edu/

https://www.youtube.com/watch?v=K7VHEocbBRQ

http://www.infowetrust.com/creative-routines/

http://cargocollective.com/monkix

http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve

_ever_seen

http://researcher.watson.ibm.com/researcher/view_group.php?id=5992

http://www.katefarrahi.com/research.html

http://cargocollective.com/monkix

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20-21

22

23

24

25

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

INFOGRAPHIC Thinking

àÅ×Í¡¢ŒÍÁÙÅ Ñ´¢ŒÍÁÙÅ ÊÑÞÅѡɳ� ËҧẺ ÀÒ¾¨ÃÔ§ Ê×èÍÊÒÃËÒ¢ŒÍÁÙÅ

Í‹Ò㪌ÊÕÁÒ¡à¡Ô¹ä»

Í‹Ò㪌μ ÑÇ˹ѧÊ×ÍÁÒ¡à¡Ô¹ä»Í‹Òμ Ñ´μ ÑÇ˹ѧÊ×ͨ¹äÁ‹ÊÒÁÒö͸ԺÒ¢ŒÍÁÙÅä´Œ¤Ãº¶ŒÇ¹Í‹ҹÓàʹÍËÅÒ»ÃÐà´ç¹ 㪌¢ŒÍÁÙÅÁÒ¡à¡Ô¹ä» ¨¹´Ù«Ñº«ŒÍ¹

Í‹ÒÅ×Á Ø´»ÃÐʧ¤ �ËÅÑ¡¢Í§¢ŒÍÁÙÅ·Õè¨Ð¹Óàʹ͢ŒÍÁÙżԴ ºÔ´àº×͹¢ŒÍà·ç¨¨ÃÔ§ ªÇ¹à¢ŒÒ㨼Դ

Should notSelected data

Suggestion list

¢ŒÍÁÙÅ»ÃÔÁÒ³àÂÍÐ

¢ŒÍÁÙÅ·Õèμ ŒÍ§¡ÒÃÊ‹§μ ‹ÍÍ‹ҧÃÇ´àÃçÇ (ÃÙŒÊÙŒ flood)Ê×èÍÊÒâŒÍÁÙÅ੾Òзҧ¡Ñº¤¹·ÑèÇä»

¢ŒÍÁÙÅ»ÃÐàÀ· how-to ¢Ñé¹μ͹ ÇÔ¸Õ¡ÒâŒÍÁÙÅ·ÕèÁÕ¡ÒÃàª×èÍÁ⧫Ѻ«ŒÍ¹

¢ŒÍÁÙÅ·Õèà¡ÕèÂǡѺàÇÅÒ ËÃ×Í ¾×é¹·Õè

¢ŒÍÁÙÅ·Õèμ ŒÍ§¡ÒÃãˌʋ§¼Åμ ‹Í¨Ôμã¨

¢ŒÍÁÙÅ·ÕèàËÁÒСѺ¡ÒÃ·Ó infographic ¢ŒÍ¤ÇÃÃÐÇѧ 㹡ÒÃ·Ó infographic

Appealʹã¨

pã¨ppApp

ʹãpppp¹A Comprehension

ࢌÒã¨mã

ComࢌÒãC

Retention¢Öé¹ã¨

tã¨

nn Ret¢Öé¹ã¹R

StoryData Visual

The best stats you’ve ever seenhttp://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen

Data visualization help you think clearer and it beautiful http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization World change in data visualization http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen

Childwatch Meeting 11-12 ¾¤. 2558

ÇÔ·ÂÒ¡Ã: ¾ÕÃѪ ÉÃÒ¹ØÃÑ¡É �more.openmore@gmail.com

¡ÒäԴà¾×è͹Óàʹ͢ŒÍÁÙÅÇÔ ÑÂàªÔ§ infographic à¾×èÍ¡ÒâѺà¤Å×è͹Êѧ¤Á

Ê×èͨش»ÃÐʧ¤ �+¤ÇÒÁÃÙŒÊÖ¡ Å´¤ÇÒÁ«Ñº«ŒÍ¹ ¤Ô´¶Ö§¼ÙŒ¿˜§

»ÃÐà ç¹:

¡ÅØ‹Á:

Story development

¼ÙŒÃѺÊÒÃ:

à¾×èÍÍÐäÃ:

Ø´»ÃÐʧ¤ �

idea

idea

idea

idea idea

idea

idea #1

- ¢ŒÍÁÙÅʹѺʹع #1

- ¢ŒÍÁÙÅʹѺʹع #2

idea #2

- ¢ŒÍÁÙÅʹѺʹع #1

- ¢ŒÍÁÙÅʹѺʹع #2

idea #3

- ¢ŒÍÁÙÅʹѺʹع #1

- ¢ŒÍÁÙÅʹѺʹع #2

Perus Saranurak 12 May 2015