Visual Communication through Infographics
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Visual Communication through Infographics

on

  • 19,464 views

Talk held at RoCHI 2008, Iasi, 18-19 September 2008

Talk held at RoCHI 2008, Iasi, 18-19 September 2008

Statistics

Views

Total Views
19,464
Views on SlideShare
14,750
Embed Views
4,714

Actions

Likes
18
Downloads
574
Comments
1

54 Embeds 4,714

http://theasideblog.blogspot.com 2483
http://scottmansfieldais.com 457
http://theasideblog.blogspot.co.uk 267
http://theasideblog.blogspot.ca 213
http://theasideblog.blogspot.com.au 188
http://theasideblog.blogspot.in 167
http://theasideblog.blogspot.sg 133
http://theasideblog.blogspot.fr 66
http://theasideblog.blogspot.de 52
http://theasideblog.blogspot.mx 46
http://theasideblog.blogspot.com.es 45
http://theasideblog.blogspot.co.nz 43
http://theasideblog.blogspot.com.br 41
http://theasideblog.blogspot.nl 39
http://theasideblog.blogspot.co.il 36
http://www.slideshare.net 34
http://theasideblog.blogspot.it 28
http://theasideblog.blogspot.se 27
http://theasideblog.blogspot.kr 27
http://theasideblog.blogspot.ro 26
http://theasideblog.blogspot.pt 23
http://theasideblog.blogspot.hk 23
http://theasideblog.blogspot.fi 22
http://theasideblog.blogspot.gr 20
http://lifeinovation.blogspot.com 20
http://theasideblog.blogspot.ch 19
http://theasideblog.blogspot.ie 19
http://theasideblog.blogspot.be 17
http://theasideblog.blogspot.dk 17
http://theasideblog.blogspot.ru 16
http://theasideblog.blogspot.co.at 14
http://theasideblog.blogspot.ae 14
http://multimedialearning.posterous.com 10
http://theasideblog.blogspot.hu 9
http://theasideblog.blogspot.no 9
http://theasideblog.blogspot.com.ar 7
http://theasideblog.blogspot.jp 6
http://theasideblog.blogspot.tw 5
http://kimmareedavies.blogspot.in 4
http://kimmareedavies.blogspot.com 3
http://theasideblog.blogspot.cz 3
http://theasideblog.blogspot.sk 2
http://lifeinovation.blogspot.fr 2
http://theasideblog.blogspot.com.tr 2
http://lifeinovation.blogspot.com.au 1
http://www.theasideblog.blogspot.com 1
http://www.linkedin.com 1
http://kimmareedavies.blogspot.ca 1
http://translate.googleusercontent.com 1
http://blog.multimedialearning.it 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Visual Communication through Infographics Presentation Transcript

  • 1. Visual Communication  through Infographics Ecaterina Valicã http://students.info.uaic.ro/~evalica “A. I. Cuza” University of Iaşi, Romania  Faculty of Computer Science Visual Communication through Infographics
  • 2. Information Design ●  Ubiquitous ●  Where do we see information design?  ● roadway signage when you're driving; ● the map you use to plan your journey; ● the simplest brochure for a product or  service; ● instructions on your prescription bottle; ● new product assembly and usage guides for  toys, furniture, etc; Visual Communication through Infographics
  • 3. Information Design ● Uses pictures, symbols, colors, and words to  communicate ideas, illustrate information or  express relationships visually ● It implies: – filtering the information,  – establishing relationships,  – discerning patterns and representing them in a manner  that enables a consumer of that information construct  meaningful knowledge. Visual Communication through Infographics
  • 4. Infographic ●  Initially used in newspaper ●  Provides a summarized, colorful and quick  overview to everyday news ●  Condenses big amounts of information in a small  space ● USA Today, the paradigm of “visual newspaper” ● Weather page, designed by George Rorick Visual Communication through Infographics
  • 5. Visual Communication through Infographics
  • 6. Infographic ●  It's a visual explanation that helps you more  easily understand, find or do something. ●  It's visual, and when necessary, integrates  words and pictures in a fluid, dynamic way. ●  It stands alone and is completely self­ explanatory. ●  It reveals information that was formerly hidden  or submerged. Visual Communication through Infographics
  • 7. Infographic ● There is no better way to display large sets of data  than with a good statistical chart, or to provide  geographical context to a story with a map  Charts and graphs can communicate data ●  Infographics turn data into information ● Visual Communication through Infographics
  • 8. Infographic ● We’ll use hybrid to describe a single visual that  incorporates two or more visualization types  (rather than subjects) ● Whereas a hybrid combines multiple graphic  types within a single visualization, an  infographic combines multiple visualizations,  (often including text blocks), within a singly  viewed narrative composition. Visual Communication through Infographics
  • 9. Infographic ● People understand pictures faster and more  easily than words ● You can communicate complex ideas instantly ● Words need to be translated, while pictures are a  universal form of communication ● The main purpose is to show facts that would not  be tellable otherwise Visual Communication through Infographics
  • 10. Infographic ●  Representation provides the basis for all  communication  ● We can convey ideas about things that are not  materially in our presence only by calling forth  an appropriate mental representation ● While words and sentences are part of the verbal  communication system, images and graphical  representations form the visual communication  system. Visual Communication through Infographics
  • 11. Infographic ● The visual­verbal dichotomy [nothing can belong  simultaneously to both parts]  “This is a square”  ● Images make identification easy ● When word and image collide, as in this case, the  image dominates perception and it is impossible  to read the caption (“this is a square”) without  first recognizing the circle. Visual Communication through Infographics
  • 12. Infographic ● Pictorial representations cross social and  linguistic boundaries with ease ● However they are dependant upon the culture in  which their meaning is established ● Graphics and texts are complements, not  exclusive ● Because infographics use a combination of  images, words, and numbers, operate in a  hybrid system of both the verbal and the visual.  Visual Communication through Infographics
  • 13. Wordless Diagrams ● Nigel Holmes:  quot;explanation graphicsquot; ● Display knowledge ­  how to do things Visual Communication through Infographics
  • 14. Visual Communication through Infographics
  • 15. Visual Communication through Infographics
  • 16. Visual Communication through Infographics
  • 17. Visual Communication through Infographics
  • 18. Visual Communication through Infographics
  • 19. Visual Communication through Infographics
  • 20. Visual Communication through Infographics
  • 21. Visual Communication through Infographics
  • 22. ● Google Chrome  (September 2008)  used infographics to  explain the complex  inner workings Visual Communication through Infographics
  • 23. Visual Communication through Infographics
  • 24. Visual Communication through Infographics
  • 25. Google Insights for Search – You can compare search volume patterns across  specific regions, categories, and time frames. – A more advanced extension to Google Trends ● Potential business uses:  ● examining seasonality,  ● comparing synonyms,  ● finding regions that are interested in a certain  product. Visual Communication through Infographics
  • 26. Google Insights for Search Answers to questions: ● what are the most  popular cars  in the  US this year?  ● what are the  top searches  in  France for the past  30 days? Visual Communication through Infographics
  • 27. Google Finance ● Information for Google Inc Visual Communication through Infographics
  • 28. Visual Communication through Infographics
  • 29. Google Chart Sparklines  Map charts Radar charts  Visual Communication through Infographics
  • 30. Google Chart http://chart.apis.google.com/ Chs ­ size in pixels chart? Chd ­ chart's data chs=250x100 Cht ­ chart's type &chd=t:60,40 Chl ­ chart's label &cht=p3 &chl=Hello|World Visual Communication through Infographics
  • 31. Google Visualization  Motion chart Gadget Gallery Eureka Gadget Time Series Chart Visual Communication through Infographics
  • 32. Google Visualization  ● Integrate in Google Spreadsheets  Visual Communication through Infographics
  • 33. Geographical Distribution ● The best infographics  department in the world:  The New York Times ● Map with infographic  artist around the world Visual Communication through Infographics
  • 34. Thank you Visual Communication through Infographics
  • 35. Links ● http://www.visualcomplexity.com ● http://www.flickr.com/groups/856209@N23/ ● http://infographicsnews.blogspot.com ● http://www.meryl.net/2008/01/175­data­and­informatio ● http://www.tom­carden.co.uk/2008/04/16/data­visualis ● http://the.taoofmac.com/space/Visualization Visual Communication through Infographics