Infographic Thinking Workshop
8 likes2,091 views
The document discusses the principles of data visualization, emphasizing the importance of communicating information effectively through infographics. It presents tips for creating impactful graphics and the psychological effects of visual language on comprehension and retention. Additionally, it references various sources on visual communication and data analysis techniques.
Infographic Thinking Workshop
- 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. Overview Infographic is ? 3 keys Thinking Tip Exercise Data Visualization Brake Exercise Perus Saranurak 12 May 2015
- 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. Communication to digital ageFrom prehistory Ref#1 Ref#2 Perus Saranurak 12 May 2015
- 5. Data overload Less Attention 8 ÇÔ¹Ò·Õ 9 ÇÔ¹Ò·Õ 2012 Perus Saranurak 12 May 2015s Saranurak 1
- 7. ·´Êͺ¡ÒÃÊ×ÍÊÒü‹Ò¹ÊÒÂμÒ Prepare for Eye Exercise 3s3s Perus Saranurak 12 May 201512 M
- 8. à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í ¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30 â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´ ¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ Perus Saranurak 12 May 2015
- 9. 3s3s Perus Saranurak 12 May 2015
- 10. source: https://www.facebook.com/pages/à¾ÃÒÐ໚¹à´ç¡¨Ö§à¨çº»Ç´ Ref#3 Perus Saranurak 12 May 2015
- 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. à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í ¹Í¹äÁ‹ËÅѺã¹Ãͺ 1 »‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30 â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´ ¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ Ref#3 Perus Saranurak 12 May 2015
- 13. text. Visuals ࢌÒã¨ä´ŒàÃçÇ¡Ç‹Ò 60,000 à·‹Ò source: http://www.billiondollargraphics.com/infographics.html Visual and Brain ¢ŒÍÁÙÅ 90% ·ÕèÊ‹§ä»ÊÁͧ¤×ÍÃÙ»ÀÒ¾ 90%90% Perus Saranurak 12 May 2015
- 15. Data Visual Perus Saranurak 12 May 2015
- 16. INFOGRAPHIC visual language is still a language Data Visual Perus Saranurak 12 May 2015
- 17. à¡ÕèÂÇ¢ŒÍ§ »ÃзѺã¨/ÊÐà·×͹㨠¡ÃÐμØŒ¹¼ÅÑ¡´Ñ¹ Story Data Visual INFOGRAPHIC Perus Saranurak 12 May 2015
- 18. Story Data Visual INFOGRAPHIC Perus Saranurak 12 May 2015
- 19. Exercise(5 minutes) Perus Saranurak 12 May 2015
- 20. ⨷ ¤Ø³¡ØŽÂ¡ØŽÂ¢Ò¢ͧã¹μÅÒ´ Áբͧ¢Ò´ѧ¹Õé: ÊŒÁ 4 ÅÙ¡ ÊÑ»»Ðô 2 ÅÙ¡ ¡ÅŒÇ 5 ËÇÕ ¡Ò§à¡§ 3 μÑÇ àÊ×éÍ 1 μÑÇ Perus Saranurak 12 May 2015
- 21. Time’s up!! Perus Saranurak 12 May 2015
- 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
- 24. Brake nextHow to create infographic ?
- 25. 1010100100101001010100101 010100101000101010010100101 0101001001010101010 1010100100101001010100101 010100101000101010010100101 010100100101010101010101101 010010010100101010010101010 010100010101001010010101010 0100101010101010101 0010100010101001010010101 010010010101010101010110101 001001010010101001010101001 INFOGRAPHIC Thinking àÅ×Í¡¢ŒÍÁÙÅ ¨Ñ´¢ŒÍÁÙÅ ÊÑÞÅѡɳ ËҧẺ ÀÒ¾¨ÃÔ§ Ê×èÍÊÒÃËÒ¢ŒÍÁÙÅ Perus Saranurak 12 May 2015
- 26. Graphic parts Ref#4 Perus Saranurak 12 May 2015
- 27. 1.àÊŒ¹ 3.ÊÕ 2.ÃٻËҧ ¢¹Ò´ 4.μÑÇÍÑ¡Éà μÑÇÍÑ¡Éà ตัวอักษร μÑÇÍÑ¡Éà ตัวอักษร Understanding Graphic Perus Saranurak 12 May 2015
- 28. DATA SELECTED ¢ŒÍÁÙÅ»ÃÔÁÒ³àÂÍÐ ¢ŒÍÁÙÅ·ÕèμŒÍ§¡ÒÃÊ‹§μ‹ÍÍ‹ҧÃÇ´àÃçÇ (ÃÙŒÊÙŒ flood) Ê×èÍÊÒâŒÍÁÙÅ੾Òзҧ¡Ñº¤¹·ÑèÇä» ¢ŒÍÁÙÅ»ÃÐàÀ· how-to ¢Ñé¹μ͹ ÇÔ¸Õ¡Òà ¢ŒÍÁÙÅ·ÕèÁÕ¡ÒÃàª×èÍÁ⧫Ѻ«ŒÍ¹ ¢ŒÍÁÙÅ·Õèà¡ÕèÂǡѺàÇÅÒ ËÃ×Í ¾×é¹·Õè ¢ŒÍÁÙÅ·ÕèμŒÍ§¡ÒÃãˌʋ§¼Åμ‹Í¨Ôμ㨠¢ŒÍÁÙÅ·ÕèàËÁÒСѺ¡ÒÃ·Ó infographic Perus Saranurak 12 May 2015
- 30. Í‹Ò㪌ÊÕÁÒ¡à¡Ô¹ä» Í‹Ò㪌μÑÇ˹ѧÊ×ÍÁÒ¡à¡Ô¹ä» Í‹ÒμÑ´μÑÇ˹ѧÊ×ͨ¹äÁ‹ÊÒÁÒö͸ԺÒ¢ŒÍÁÙÅä´Œ¤Ãº¶ŒÇ¹ Í‹ҹÓàʹÍËÅÒ»ÃÐà´ç¹ 㪌¢ŒÍÁÙÅÁÒ¡à¡Ô¹ä» ¨¹´Ù«Ñº«ŒÍ¹ Í‹ÒÅ×Á¨Ø´»ÃÐʧ¤ËÅÑ¡¢Í§¢ŒÍÁÙÅ·Õè¨Ð¹ÓàÊ¹Í ¢ŒÍÁÙżԴ ºÔ´àº×͹¢ŒÍà·ç¨¨ÃÔ§ ªÇ¹à¢ŒÒ㨼Դ Should not
- 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. ¾Ù´¤ØÂINFOGRAPHIC Discuss Perus Saranurak 12 May 2015
- 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. CPR Process Ref#8 Ref#9 ÃÙŒÊÙŒ flood https://www.youtube.com/watch?v=bivD0TscGnA Emergency Data Perus Saranurak 12 May 2015
- 36. ໚¹ä·ÂÊØ´¢Õ´-ThaiPBS https://youtu.be/QArRFqVLu6I ¨ÑºμÒàμ×͹ÀÑÂ-ä·ÂÃÑ° TV Mass Media https://youtu.be/vH4jYMa8kSA Ref#10 Ref#11 Perus Saranurak 12 May 2015
- 37. Time and Process Ref#12 Ref#13 Perus Saranurak 12 May 2015
- 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. Comparing Massive Data Ref#16 Ref#17 Perus Saranurak 12 May 2015
- 40. 60 Seconds of Salary Comparing Massive Data https://www.youtube.com/watch?v=K7VHEocbBRQ Ref#18 Perus Saranurak 12 May 2015
- 41. Comparing Massive DataCreative Routines Ref#19 Perus Saranurak 12 May 2015
- 42. Ref#20 Ref#21
- 43. ⨷ »ÃÐà´ç¹ÊÓ¤ÑÞ·ÕèÊ‹§¼Åμ‹Íà´ç¡áÅÐàÂÒǪ¹ ´ŒÒ¹ºÇ¡ /´ŒÒ¹Åº Exercise 2Afternoon Session nd Perus Saranurak 12 May 2015
- 44. ¾Ñ²¹Ò¢Õ´¤ÇÒÁÊÒÁÒö¡ÒÃÇԨѠâ´Â¡ÒÃá»Å§¢ŒÍÁÙÅ¢¹Ò´ãËދ໚¹ÀÒ¾ Data Visualization Data Visualization Infographic Perus Saranurak 12 May 2015
- 47. Mapping social learning Ref#25 Perus Saranurak 12 May 2015
- 48. Data is soil Perus Saranurak 12 May 2015
- 49. Data is soilDavid McCandless: The beauty of data visualization
- 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. 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. »ÃÐà´ç¹: ¡ÅØ‹Á: 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