Upload
perus-saranurak
View
275
Download
2
Tags:
Embed Size (px)
Citation preview
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
ÇÔ·ÂÒ¡Ã: ¾ÕÃѪ ÉÃÒ¹ØÃÑ¡É �[email protected]
¡ÒäԴà¾×è͹Óàʹ͢ŒÍÁÙÅÇÔ ÑÂàªÔ§ 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