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


1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

Communication Transmission model - Shannon (1948)

EffectSendernoise

noise

noise

noiseMassage Channel Reciever


Communication to digital ageFrom prehistory

Ref#1 Ref#2


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 (ÍÔ¹â¿¡ÃÒ¿¿ �¡)

¤×Íà¤Ã×èÍ§Á×Íã¹¡ÒÃÊ×èÍÊÒÃ¨Ñ´¡ÒÃ¢ŒÍÁÙÅ·Õè«Ñº«ŒÍ¹

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


·´ÊÍº¡ÒÃÊ×ÍÊÒÃ¼‹Ò¹ÊÒÂμÒ

Prepare forEye Exercise 3s3s

Perus Saranurak 12 May 201512 M

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

¹Í¹äÁ‹ËÅÑºã¹ÃÍº 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õè¼‹Ò¹

ÁÒÁÕ¨Ó¹Ç¹à©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ

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

â´ÂÁÕá¹Çâ¹ŒÁÀÒÇÐà¤ÃÕÂ´ÊÙ§¢Öé¹μÒÁÃÐ´Ñº¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃÐ¶Á«Öè§ÁÕÀÒÇÐà¤ÃÕÂ´

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


3s3s


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

Ref#3


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


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

¹Í¹äÁ‹ËÅÑºã¹ÃÍº 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õè¼‹Ò¹

ÁÒÁÕ¨Ó¹Ç¹à©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ

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

â´ÂÁÕá¹Çâ¹ŒÁÀÒÇÐà¤ÃÕÂ´ÊÙ§¢Öé¹μÒÁÃÐ´Ñº¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃÐ¶Á«Öè§ÁÕÀÒÇÐà¤ÃÕÂ´

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

Ref#3


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


Data Visual


INFOGRAPHICvisual language is

still a language

Data

Visual


à¡ÕèÂÇ¢ŒÍ§

»ÃÐ·Ñºã¨/ÊÐà·×Í¹ã¨

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

Story Data

Visual INFOGRAPHIC


Story Data

Visual INFOGRAPHIC


Exercise(5 minutes)


â¨·Â �¤Ø³¡ØŽÂ¡ØŽÂ¢ÒÂ¢Í§ã¹μÅÒ´ ÁÕ¢Í§¢ÒÂ´Ñ§¹Õé:

ÊŒÁ 4 ÅÙ¡ ÊÑ»»ÐÃ´ 2 ÅÙ¡¡ÅŒÇÂ 5 ËÇÕ¡Ò§à¡§ 3 μ ÑÇàÊ×éÍ 1 μ ÑÇ


Time’s up!!


¡ÅŒÇÂ 5ËÇÕ

¡ÅŒÇÂ 5ËÇÕ

àÊ×éÍ 1μÑÇ

àÊ×éÍ 1μÑÇ

ÊŒÁ 4ÅÙ¡

ÊŒÁ 4ÅÙ¡

ÊÑ»»ÐÃ´ 2ÅÙ¡


¡Ò§à¡§ 3μÑÇ


¡ÅŒÇÂ

5 4 32 1àÊ×éÍ

ÊŒÁ

ÊÑ»»ÐÃ´

¡Ò§à¡§

àÊ×éÍ 1μÑÇ

¡ÅŒÇÂ 5ËÇÕ

ÊŒÁ 4ÅÙ¡




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

àÊ×éÍ 1μÑÇ

ÊŒÁ 4ÅÙ¡



Perus Saranurak 12 May 2015ak

Brakenext

How to create infographic ?

1010100100101001010100101

010100101000101010010100101

01010010010101010101010100100101001010100101

010100101000101010010100101

010100100101010101010101101

010010010100101010010101010

010100010101001010010101010

0100101010101010101

0010100010101001010010101

010010010101010101010110101

001001010010101001010101001

INFOGRAPHIC Thinking

àÅ×Í¡¢ŒÍÁÙÅ Ñ´¢ŒÍÁÙÅ ÊÑÞÅÑ¡É³� Ã‹Ò§áºº ÀÒ¾¨ÃÔ§ Ê×èÍÊÒÃËÒ¢ŒÍÁÙÅ


Graphic partsRef#4


1.àÊŒ¹ 3.ÊÕ

2.ÃÙ»Ã‹Ò§ ¢¹Ò´ 4.μ ÑÇÍÑ¡ÉÃ

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

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

Understanding Graphic


DATASELECTED

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

¢ŒÍÁÙÅ·Õèμ ŒÍ§¡ÒÃÊ‹§μ ‹ÍÍÂ‹Ò§ÃÇ´àÃçÇ (ÃÙŒÊÙŒ flood)Ê×èÍÊÒÃ¢ŒÍÁÙÅà©¾ÒÐ·Ò§¡Ñº¤¹·ÑèÇä»

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

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

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

¢ŒÍÁÙÅ·ÕèàËÁÒÐ¡Ñº¡ÒÃ·Ó infographic


Tips :à»ÅÕèÂºà·ÕÂº¢ŒÍÁÙÅãËŒà¢ŒÒã¨§‹ÒÂ¢Öé¹´ŒÇÂ»ÃÐÊº¡ÒÃ³�·Õèã¡ÅŒμ ÑÇ


ÍÂ‹ÒãªŒÊÕÁÒ¡à¡Ô¹ä» ÍÂ‹ÒãªŒμÑÇË¹Ñ§Ê×ÍÁÒ¡à¡Ô¹ä»ÍÂ‹ÒμÑ´μÑÇË¹Ñ§Ê×Í¨¹äÁ‹ÊÒÁÒÃ¶Í ÔºÒÂ¢ŒÍÁÙÅä Œ¤Ãº¶ŒÇ¹ÍÂ‹Ò¹ÓàÊ¹ÍËÅÒÂ»ÃÐà ç¹ ãªŒ¢ŒÍÁÙÅÁÒ¡à¡Ô¹ä» ¨¹ Ù«Ñº«ŒÍ¹ÍÂ‹ÒÅ×Á Ø´»ÃÐÊ§¤ �ËÅÑ¡¢Í§¢ŒÍÁÙÅ·Õè¨Ð¹ÓàÊ¹Í¢ŒÍÁÙÅ¼Ô´ ºÔ´àº×Í¹¢ŒÍà·ç¨¨ÃÔ§ ªÇ¹à¢ŒÒã¨¼Ô´

Should not

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

CR

A

3 Hearts of Infographic

Appeal - Ê¹ã¨

Comprehension - à¢ŒÒã¨

Retention - ¢Öé¹ã¨


¾Ù´¤ØÂ INFOGRAPHICDiscuss


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


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


Time and Process

Ref#12 Ref#13


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


Comparing Massive Data

Ref#16 Ref#17


60 Seconds of Salary

Comparing Massive Data

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

Ref#18


Comparing Massive DataCreative Routines

Ref#19


Ref#20 Ref#21

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

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

Exercise2 Afternoon Sessionnd


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

â´Â¡ÒÃá»Å§¢ŒÍÁÙÅ¢¹Ò´ãËÞ‹à»š¹ÀÒ¾

Data Visualization

Data Visualization

Infographic


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

Ref#22


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


Data is soil


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

ÇÔ·ÂÒ¡Ã: ¾ÕÃÑª ÉÃÒ¹ØÃÑ¡É �[email protected]

¡ÒÃ¤Ô´à¾×èÍ¹ÓàÊ¹Í¢ŒÍÁÙÅÇÔ ÑÂàªÔ§ infographic à¾×èÍ¡ÒÃ¢Ñºà¤Å×èÍ¹ÊÑ§¤Á

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

»ÃÐà ç¹:

¡ÅØ‹Á:

Story development

¼ÙŒÃÑºÊÒÃ:

à¾×èÍÍÐäÃ:

Ø´»ÃÐÊ§¤ �

idea

idea

idea

idea idea

idea

idea #1

- ¢ŒÍÁÙÅÊ¹ÑºÊ¹Ø¹ #1


idea #2



idea #3




Data & Analytics

Infographic Thinking Workshop