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

Visual Communication through Infographics

on

  • 19,309 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,309
Views on SlideShare
14,675
Embed Views
4,634

Actions

Likes
18
Downloads
574
Comments
1

54 Embeds 4,634

http://theasideblog.blogspot.com 2426
http://scottmansfieldais.com 457
http://theasideblog.blogspot.co.uk 265
http://theasideblog.blogspot.ca 210
http://theasideblog.blogspot.com.au 187
http://theasideblog.blogspot.in 163
http://theasideblog.blogspot.sg 133
http://theasideblog.blogspot.fr 64
http://theasideblog.blogspot.de 52
http://theasideblog.blogspot.com.es 44
http://theasideblog.blogspot.mx 44
http://theasideblog.blogspot.co.nz 43
http://theasideblog.blogspot.com.br 41
http://theasideblog.blogspot.nl 36
http://theasideblog.blogspot.co.il 35
http://www.slideshare.net 34
http://theasideblog.blogspot.it 28
http://theasideblog.blogspot.kr 27
http://theasideblog.blogspot.ro 26
http://theasideblog.blogspot.se 25
http://theasideblog.blogspot.hk 23
http://theasideblog.blogspot.fi 22
http://theasideblog.blogspot.pt 22
http://lifeinovation.blogspot.com 20
http://theasideblog.blogspot.gr 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.no 9
http://theasideblog.blogspot.hu 8
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://theasideblog.blogspot.com.tr 2
http://lifeinovation.blogspot.fr 2
http://lifeinovation.blogspot.com.au 1
http://www.linkedin.com 1
http://kimmareedavies.blogspot.ca 1
http://www.theasideblog.blogspot.com 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 Visual Communication through Infographics Presentation Transcript

  • 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
  • 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
  • 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
  • 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
  • Visual Communication through Infographics
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Wordless Diagrams ● Nigel Holmes:  quot;explanation graphicsquot; ● Display knowledge ­  how to do things Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • ● Google Chrome  (September 2008)  used infographics to  explain the complex  inner workings Visual Communication through Infographics
  • Visual Communication through Infographics
  • Visual Communication through Infographics
  • 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
  • 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
  • Google Finance ● Information for Google Inc Visual Communication through Infographics
  • Visual Communication through Infographics
  • Google Chart Sparklines  Map charts Radar charts  Visual Communication through Infographics
  • 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
  • Google Visualization  Motion chart Gadget Gallery Eureka Gadget Time Series Chart Visual Communication through Infographics
  • Google Visualization  ● Integrate in Google Spreadsheets  Visual Communication through Infographics
  • Geographical Distribution ● The best infographics  department in the world:  The New York Times ● Map with infographic  artist around the world Visual Communication through Infographics
  • Thank you Visual Communication through Infographics
  • 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