Downloaded 87 times
Uploaded byPerus Saranurak
Infographic Thinking Workshop
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.
More Related Content
![[DSC Europe 25] Srdj Stanisic - Local and Private AI in UX.pdf](https://cdn.slidesharecdn.com/ss_thumbnails/vwmetykqmztgmokmmkfa-3-srdjan-stanisic-local-and-small-ai-in-ux-260120105855-55a31869-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DSC Europe 25] Tali Fulman - Guild Meetings, Then What? Building Data Commun...](https://cdn.slidesharecdn.com/ss_thumbnails/fgohhi33rwmhqdowdj5k-tali-fulman-guild-meetings-then-what-building-data-communities-that-actually-ch-260120105855-528492c3-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DSC Europe 25] Mikhail Rozhkov - AI Product Canvas: From Business Goals to T...](https://cdn.slidesharecdn.com/ss_thumbnails/d53doddtpgfqivmzqel6-mikhail-rozhkov-ai-product-canvas-v1-260121115910-9dd517a7-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DSC Europe 25] Milos Belcevic - Product Professional's Journey to Full-Stack...](https://cdn.slidesharecdn.com/ss_thumbnails/1zovd6fgsycdg4wvgvls-milos-belcevic-product-professionals-journey-to-full-stack-product-developer-260123083019-d993120d-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DSC Europe 25] Jovan Sumarac - Real-World Applications of Computer Vision in...](https://cdn.slidesharecdn.com/ss_thumbnails/fiksms22smcpopvvld03-jovan-sumarac-real-life-applications-of-computer-vision-in-automotive-systems-260120105855-de622abb-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DSC Europe 25] Borko Kozomora - Optimizing business workflows with advances ...](https://cdn.slidesharecdn.com/ss_thumbnails/hbgekyb0txw0xpo4yfml-borko-kozomora-leading-ai-transformation-260122103838-cc29ee38-thumbnail.jpg?width=640&height=640&fit=bounds)
Infographic Thinking Workshop
- 1. data 1 data 2 data3 data 4 data 5 data 6 data 7 INFOGRAPHIC 90%â´Â ¾ÕÃѪ ÉÃÒ¹ØÃÑ¡É May 2015 ¡ÒäԴà¾×è͹Óàʹ͢ŒÍÁÙÅÇÔ¨ÑÂàªÔ§ infographic à¾×èÍ¡ÒâѺà¤Å×è͹Êѧ¤Á Perus Saranurak 12 May 2015
- 2. Overview Infographic is ? 3keys 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 ageFromprehistory Ref#1 Ref#2 Perus Saranurak 12 May 2015
- 5. Data overload Less Attention 8ÇÔ¹Ò·Õ 9 ÇÔ¹Ò·Õ 2012 Perus Saranurak 12 May 2015s Saranurak 1
- 6.
- 7. ·´Êͺ¡ÒÃÊ×ÍÊÒü‹Ò¹ÊÒÂμÒ Prepare for Eye Exercise 3s3s PerusSaranurak 12 May 201512 M
- 8. à´ç¡·ÕèÁÕÍÒ¡ÒÃà¤ÃÕ´ ¨¹»Ç´·ŒÍ§ËÃ×Í ¹Í¹äÁ‹ËÅѺã¹Ãͺ 1»‚¡ÒÃÈÖ¡ÉÒ ·Õ輋ҹ ÁÒÁըӹǹà©ÅÕèÂÊÙ§¶Ö§ÃŒÍÂÅÐ 33 àÁ×èÍ à·Õº¡Ñº»‚ 2551 ·ÕèÁÕà¾Õ§ÌÍÂÅÐ 30 â´ÂÁÕá¹Ç⹌ÁÀÒÇÐà¤ÃÕ´ÊÙ§¢Öé¹μÒÁÃдѺ ¡ÒÃÈÖ¡ÉÒ¨Ò¡à´ç¡»ÃжÁ«Öè§ÁÕÀÒÇÐà¤ÃÕ´ ¶Ö§ÃŒÍÂÅÐ 26 仨¹¶Ö§¹ÔÊÔμ¹Ñ¡ÈÖ¡ÉÒ Perus Saranurak 12 May 2015
- 9. 3s3s Perus Saranurak 12May 2015
- 10.
- 11. What did youunderstand ?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
- 14.
- 15. Data Visual Perus Saranurak12 May 2015
- 16. INFOGRAPHIC visual language is stilla language Data Visual Perus Saranurak 12 May 2015
- 17. à¡ÕèÂÇ¢ŒÍ§ »ÃзѺã¨/ÊÐà·×͹㨠¡ÃÐμØŒ¹¼ÅÑ¡´Ñ¹ Story Data Visual INFOGRAPHIC PerusSaranurak 12 May 2015
- 18. Story Data Visual INFOGRAPHIC PerusSaranurak 12 May 2015
- 19. Exercise(5 minutes) Perus Saranurak12 May 2015
- 20. ⨷ ¤Ø³¡ØŽÂ¡ØŽÂ¢Ò¢ͧã¹μÅÒ´ Áբͧ¢Ò´ѧ¹Õé: ÊŒÁ 4 ÅÙ¡ ÊÑ»»Ðô2 ÅÙ¡ ¡ÅŒÇ 5 ËÇÕ ¡Ò§à¡§ 3 μÑÇ àÊ×éÍ 1 μÑÇ Perus Saranurak 12 May 2015
- 21. Time’s up!! Perus Saranurak12 May 2015
- 22. ¡ÅŒÇ 5ËÇÕ ¡ÅŒÇ 5ËÇÕ àÊ×éÍ 1μÑÇ àÊ×éÍ 1μÑÇ ÊŒÁ 4ÅÙ¡ ÊŒÁ 4ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ¡Ò§à¡§ 3μÑÇ ¡Ò§à¡§ 3μÑÇ ¡ÅŒÇ 5 4 321 àÊ×éÍ ÊŒÁ ÊÑ»»Ðô ¡Ò§à¡§ àÊ×éÍ 1μÑÇ ¡ÅŒÇ 5ËÇÕ ÊŒÁ 4ÅÙ¡ ÊÑ»»Ðô 2ÅÙ¡ ¡Ò§à¡§ 3μÑÇ Perus Saranurak 12 May 2015
- 23.
- 24. Brake nextHow to createinfographic ?
- 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 Saranurak12 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
- 29.
- 30.
- 31. Information from‘The Powerof Visual Communication’ http://www.billiondollargraphics.com/infographics.html C R A 3 Hearts of Infographic Appeal - ʹ㨠Comprehension - ࢌÒ㨠Retention - ¢Öé¹ã¨ Perus Saranurak 12 May 2015
- 32.
- 33.
- 34. TDRI- stratigy andeconomy 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#10Ref#11 Perus Saranurak 12 May 2015
- 37. Time and Process Ref#12Ref#13 Perus Saranurak 12 May 2015
- 38. Story of StuffProject 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#16Ref#17 Perus Saranurak 12 May 2015
- 40. 60 Seconds ofSalary Comparing Massive Data https://www.youtube.com/watch?v=K7VHEocbBRQ Ref#18 Perus Saranurak 12 May 2015
- 41. Comparing Massive DataCreativeRoutines Ref#19 Perus Saranurak 12 May 2015
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. Mapping social learning Ref#25 PerusSaranurak 12 May 2015
- 48. Data is soil PerusSaranurak 12 May 2015
- 49. Data is soilDavidMcCandless: The beauty of data visualization
- 50. ReferenceCave of ForgottenDreams (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