Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Infographic Thinking Workshop

1,348 views

Published on

12 may 2015
This workshop tends to give the overview understanding of infographic to researchers and teachers. Also it shows the thinking process how to create infographic.

Thanks ChildWatch Ramajitti

Published in: Data & Analytics

Infographic Thinking Workshop

  1. 1. data 1 data 2 data 3 data 4 data 5 data 6 data 7 INFOGRAPHIC 90%â´Â ¾ÕÃѪ ÉÃÒ¹ØÃѡɏ May 2015 ¡ÒäԴà¾×è͹Óàʹ͢ŒÍÁÙÅÇÔ¨ÑÂàªÔ§ infographic à¾×èÍ¡ÒâѺà¤Å×è͹Êѧ¤Á Perus Saranurak 12 May 2015
  2. 2. Overview Infographic is ? 3 keys Thinking Tip Exercise Data Visualization Brake Exercise Perus Saranurak 12 May 2015
  3. 3. 1010100100101001010100101 010100101000101010010100101 0101001001010101010 1010100100101001010100101 010100101000101010010100101 010100100101010101010101101 010010010100101010010101010 010100010101001010010101010 0100101010101010101 0010100010101001010010101 010010010101010101010110101 001001010010101001010101001 Communication Transmission model - Shannon (1948) EffectSender noise noise noise noise Massage Channel Reciever Perus Saranurak 12 May 2015
  4. 4. Communication to digital ageFrom prehistory Ref#1 Ref#2 Perus Saranurak 12 May 2015
  5. 5. Data overload Less Attention 8 ÇÔ¹Ò·Õ 9 ÇÔ¹Ò·Õ 2012 Perus Saranurak 12 May 2015s Saranurak 1
  6. 6. Purpose 1010100100101001010100101 010100101000101010010100101 0101001001010101010 1010100100101001010100101 010100101000101010010100101 010100100101010101010101101 010010010100101010010101010 010100010101001010010101010 0100101010101010101 0010100010101001010010101 10101010110101 INFOGRAPHIC (ÍԹ⿡ÃÒ¿¿¡) ¤×Íà¤Ã×èͧÁ×Í㹡ÒÃÊ×èÍÊÒèѴ¡ÒâŒÍÁÙÅ·Õè«Ñº«ŒÍ¹ à¾×èÍãËŒ¼ÙŒÍ‹Ò¹à¢ŒÒ¶Ö§ÇÑμ¶Ø»ÃÐʧ¤ä´Œ¼‹Ò¹ÀÒ¾ Perus Saranurak 12 May 2015
  7. 7. ·´Êͺ¡ÒÃÊ×ÍÊÒü‹Ò¹ÊÒÂμÒ Prepare for Eye Exercise 3s3s Perus Saranurak 12 May 201512 M
  8. 8. à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í ¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30 â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´ ¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ Perus Saranurak 12 May 2015
  9. 9. 3s3s Perus Saranurak 12 May 2015
  10. 10. source: https://www.facebook.com/pages/à¾ÃÒÐ໚¹à´ç¡¨Ö§à¨çº»Ç´ Ref#3 Perus Saranurak 12 May 2015
  11. 11. 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
  12. 12. à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í ¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30 â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´ ¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ Ref#3 Perus Saranurak 12 May 2015
  13. 13. text. Visuals ࢌÒã¨ä´ŒàÃçÇ¡Ç‹Ò 60,000 à·‹Ò source: http://www.billiondollargraphics.com/infographics.html Visual and Brain ¢ŒÍÁÙÅ 90% ·ÕèÊ‹§ä»ÊÁͧ¤×ÍÃÙ»ÀÒ¾ 90%90% Perus Saranurak 12 May 2015
  14. 14. Ê‹§μ‹Íä´Œ¡ÇŒÒ§ ࢌҶ֧¼ÙŒªÁáÅÐʹء äÃŒ¢ŒÍ¨Ó¡Ñ´´ŒÒ¹ÀÒÉÒ Ê‹§μ‹Í¤Ø³¤‹ÒËÃ×ͤÇÒÁÃÙŒÊÖ¡ â´´à´‹¹ ¤ÇÒÁÃÙŒÊÖ¡ ´Ö§¤ÇÒÁʹ㨠¤ÇÒÁ¤Ô´ÊÌҧÊÃä source: http://www.billiondollargraphics.com/infographics.html Emotional Perus Saranurak 12 May 2015
  15. 15. Data Visual Perus Saranurak 12 May 2015
  16. 16. INFOGRAPHIC visual language is still a language Data Visual Perus Saranurak 12 May 2015
  17. 17. à¡ÕèÂÇ¢ŒÍ§ »ÃзѺã¨/ÊÐà·×͹㨠¡ÃÐμØŒ¹¼ÅÑ¡´Ñ¹ Story Data Visual INFOGRAPHIC Perus Saranurak 12 May 2015
  18. 18. Story Data Visual INFOGRAPHIC Perus Saranurak 12 May 2015
  19. 19. Exercise(5 minutes) Perus Saranurak 12 May 2015
  20. 20. ⨷ ¤Ø³¡ØŽÂ¡ØŽÂ¢Ò¢ͧã¹μÅÒ´ Áբͧ¢Ò´ѧ¹Õé: ÊŒÁ 4 ÅÙ¡ ÊÑ»»Ðô 2 ÅÙ¡ ¡ÅŒÇ 5 ËÇÕ ¡Ò§à¡§ 3 μÑÇ àÊ×éÍ 1 μÑÇ Perus Saranurak 12 May 2015
  21. 21. Time’s up!! Perus Saranurak 12 May 2015
  22. 22. ¡ÅŒÇ 5ËÇÕ ¡ÅŒÇ 5ËÇÕ àÊ×éÍ 1μÑÇ àÊ×éÍ 1μÑÇ ÊŒÁ 4ÅÙ¡ ÊŒÁ 4ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ¡Ò§à¡§ 3μÑÇ ¡Ò§à¡§ 3μÑÇ ¡ÅŒÇ 5 4 32 1 àÊ×éÍ ÊŒÁ ÊÑ»»Ðô ¡Ò§à¡§ àÊ×éÍ 1μÑÇ ¡ÅŒÇ 5ËÇÕ ÊŒÁ 4ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ¡Ò§à¡§ 3μÑÇ Perus Saranurak 12 May 2015
  23. 23. ¡ØŽÂ¡ØŽÂ¡ÅŒÇ 5ËÇÕ àÊ×éÍ 1μÑÇ ÊŒÁ 4ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ¡Ò§à¡§ 3μÑÇ Perus Saranurak 12 May 2015ak
  24. 24. Brake nextHow to create infographic ?
  25. 25. 1010100100101001010100101 010100101000101010010100101 0101001001010101010 1010100100101001010100101 010100101000101010010100101 010100100101010101010101101 010010010100101010010101010 010100010101001010010101010 0100101010101010101 0010100010101001010010101 010010010101010101010110101 001001010010101001010101001 INFOGRAPHIC Thinking àÅ×Í¡¢ŒÍÁÙÅ ¨Ñ´¢ŒÍÁÙÅ ÊÑÞÅѡɳ ËҧẺ ÀÒ¾¨ÃÔ§ Ê×èÍÊÒÃËÒ¢ŒÍÁÙÅ Perus Saranurak 12 May 2015
  26. 26. Graphic parts Ref#4 Perus Saranurak 12 May 2015
  27. 27. 1.àÊŒ¹ 3.ÊÕ 2.ÃٻËҧ ¢¹Ò´ 4.μÑÇÍÑ¡Éà μÑÇÍÑ¡Éà ตัวอักษร μÑÇÍÑ¡Éà ตัวอักษร Understanding Graphic Perus Saranurak 12 May 2015
  28. 28. DATA SELECTED ¢ŒÍÁÙÅ»ÃÔÁÒ³àÂÍÐ ¢ŒÍÁÙÅ·ÕèμŒÍ§¡ÒÃÊ‹§μ‹ÍÍ‹ҧÃÇ´àÃçÇ (ÃÙŒÊÙŒ flood) Ê×èÍÊÒâŒÍÁÙÅ੾Òзҧ¡Ñº¤¹·ÑèÇä» ¢ŒÍÁÙÅ»ÃÐàÀ· how-to ¢Ñé¹μ͹ ÇÔ¸Õ¡Òà ¢ŒÍÁÙÅ·ÕèÁÕ¡ÒÃàª×èÍÁ⧫Ѻ«ŒÍ¹ ¢ŒÍÁÙÅ·Õèà¡ÕèÂǡѺàÇÅÒ ËÃ×Í ¾×é¹·Õè ¢ŒÍÁÙÅ·ÕèμŒÍ§¡ÒÃãˌʋ§¼Åμ‹Í¨Ôμ㨠¢ŒÍÁÙÅ·ÕèàËÁÒСѺ¡ÒÃ·Ó infographic Perus Saranurak 12 May 2015
  29. 29. Tips : à»ÅÕèºà·Õº¢ŒÍÁÙÅãˌࢌÒ㨧‹Ò¢Öé¹´ŒÇ»ÃÐʺ¡Òó·Õèã¡ÅŒμÑÇ Perus Saranurak 12 May 2015
  30. 30. Í‹Ò㪌ÊÕÁÒ¡à¡Ô¹ä» Í‹Ò㪌μÑÇ˹ѧÊ×ÍÁÒ¡à¡Ô¹ä» Í‹ÒμÑ´μÑÇ˹ѧÊ×ͨ¹äÁ‹ÊÒÁÒö͸ԺÒ¢ŒÍÁÙÅä´Œ¤Ãº¶ŒÇ¹ Í‹ҹÓàʹÍËÅÒ»ÃÐà´ç¹ 㪌¢ŒÍÁÙÅÁÒ¡à¡Ô¹ä» ¨¹´Ù«Ñº«ŒÍ¹ Í‹ÒÅ×Á¨Ø´»ÃÐʧ¤ËÅÑ¡¢Í§¢ŒÍÁÙÅ·Õè¨Ð¹ÓàÊ¹Í ¢ŒÍÁÙżԴ ºÔ´àº×͹¢ŒÍà·ç¨¨ÃÔ§ ªÇ¹à¢ŒÒ㨼Դ Should not
  31. 31. Information from‘The Power of Visual Communication’ http://www.billiondollargraphics.com/infographics.html C R A 3 Hearts of Infographic Appeal - ʹ㨠Comprehension - ࢌÒ㨠Retention - ¢Öé¹ã¨ Perus Saranurak 12 May 2015
  32. 32. ¾Ù´¤ØÂINFOGRAPHIC Discuss Perus Saranurak 12 May 2015
  33. 33. Location and Relationship Ref#5
  34. 34. TDRI- stratigy and economy howdesign.com-from earth to the moon https://www.youtube.com/watch?v=U3qDBbLEmDY Familiarizing Data Ref#6 Ref#7 Perus Saranurak 12 May 2015
  35. 35. CPR Process Ref#8 Ref#9 ÃÙŒÊÙŒ flood https://www.youtube.com/watch?v=bivD0TscGnA Emergency Data Perus Saranurak 12 May 2015
  36. 36. ໚¹ä·ÂÊØ´¢Õ´-ThaiPBS https://youtu.be/QArRFqVLu6I ¨ÑºμÒàμ×͹ÀÑÂ-ä·ÂÃÑ° TV Mass Media https://youtu.be/vH4jYMa8kSA Ref#10 Ref#11 Perus Saranurak 12 May 2015
  37. 37. Time and Process Ref#12 Ref#13 Perus Saranurak 12 May 2015
  38. 38. Story of Stuff Project https://youtu.be/cpkRvc-sOKk Ken Robinson - TED https://www.youtube.com/watch?v=zDZFcDGpL4U Awaring the Story of Change Ref#14 Ref#15 Perus Saranurak 12 May 2015
  39. 39. Comparing Massive Data Ref#16 Ref#17 Perus Saranurak 12 May 2015
  40. 40. 60 Seconds of Salary Comparing Massive Data https://www.youtube.com/watch?v=K7VHEocbBRQ Ref#18 Perus Saranurak 12 May 2015
  41. 41. Comparing Massive DataCreative Routines Ref#19 Perus Saranurak 12 May 2015
  42. 42. Ref#20 Ref#21
  43. 43. ⨷ »ÃÐà´ç¹ÊÓ¤ÑÞ·ÕèÊ‹§¼Åμ‹Íà´ç¡áÅÐàÂÒǪ¹ ´ŒÒ¹ºÇ¡ /´ŒÒ¹Åº Exercise 2Afternoon Session nd Perus Saranurak 12 May 2015
  44. 44. ¾Ñ²¹Ò¢Õ´¤ÇÒÁÊÒÁÒö¡ÒÃÇԨѠâ´Â¡ÒÃá»Å§¢ŒÍÁÙÅ¢¹Ò´ãËދ໚¹ÀÒ¾ Data Visualization Data Visualization Infographic Perus Saranurak 12 May 2015
  45. 45. ÍÒÂØà©ÅÕè–¢¹Ò´¤Ãͺ¤ÃÑÇ–»‚ TED http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen Ref#22 Perus Saranurak 12 May 2015
  46. 46. http://researcher.watson.ibm.com/researcher/view_group.php?id=5992 http://www.katefarrahi.com/research.html Epidemic analysis Ref#23 Ref#24
  47. 47. Mapping social learning Ref#25 Perus Saranurak 12 May 2015
  48. 48. Data is soil Perus Saranurak 12 May 2015
  49. 49. Data is soilDavid McCandless: The beauty of data visualization
  50. 50. 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
  51. 51. 1010100100101001010100101 010100101000101010010100101 0101001001010101010 1010100100101001010100101 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 seen http://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 à¾×èÍ¡ÒâѺà¤Å×è͹Êѧ¤Á Ê×èͨش»ÃÐʧ¤+¤ÇÒÁÃÙŒÊÖ¡ Å´¤ÇÒÁ«Ñº«ŒÍ¹ ¤Ô´¶Ö§¼ÙŒ¿˜§
  52. 52. »ÃÐà´ç¹: ¡ÅØ‹Á: 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

×