Tags // Infographics
Fantastic Information Architecture and Data Visualization Resources
From Noupe. Good starting points to get more on IA and infographics. (via Infodesign)
GOOD magazine infographic archives
Here is a Flickr archive of their infographics.
Infographics: being and doing
Catching upI've been quite stressed out for the last few weeks. First, I got together with LogicalSteps, a new media design company, and organized a seminar on Infographics here in Singapore. We flew down Alberto Cairo of the elmundo.es fame. The seminar was a big success, so much so that we are already planning on organizing an Infographics Festival mid next year. In the meanwhile I am preparing a detailed blog entry to cover Cairo's talk. Second, my iBook crashed on me again. This is the second time in 4 months that the hard disk has given way. Luckily, I took a backup just before the crash, when I noticed a slowdown in operations (I remembered the same happening the last time around -- guess the slowdown-before-crash signal is going to be with me for a long time). I just wish NetNewsWire, the aggregator I use, had a facility to upload all my feeds into Bloglines so that I wouldn
Infographics Seminar (04 August, Singapore)
Pebble Road (my company) is co-hosting a 1-day seminar on Infographics on the 4th of August in Singapore. We are flying down Alberto Cairo, editor of the Interactive Graphics Department at El Mundo, which is Spain's leading newspaper and a global leader in infographics.
Infographics are visual stories. They are designed to reduce information clutter and bring out insightful patterns that can be easily understood and built upon.
The seminar agenda and registration details can be found here.
Infographics in the Internet Era
More tsunami infographics
Interactive Narratives has a list of tsunami infographics and multimedia specials.
Infographics that will rock your world
"We have a special treat for you this issue: 7 beautiful, easy-to-understand, and jaw-dropping graphics by the Princeton INA. See a whole new perspective on our world."
I'm no tsunami expert, but I think that some infographics designed to help readers understand how the Asia tsunami was formed are giving the wrong picture. Take this one from India Today magazine. It shows a nuclear-size mushroom wave at the source (notice the ship on the wave). Experts, however, say that the height of the wave at the source is almost imperceptible. Guess that's why we need special equipment to pick up the initial waves at the source (these detect changes in sea pressure and not vertical lift). Ironically, the magazine shows the height of the wave near the source as being around 1 m. Compare this with Time Magazine's infographic, which shows it a bit better (no mushroom wave at least), although I'm still not at ease with the disproportionately large vertical height at the source.
The problem here I think is that there are three important causal factors at play: earthquake at sea --> huge displacement of water at source --> height and speed of waves at shore. But these graphics are following the development of the one factor that they think their readers are interested in: height of waves at shore. But then instead of explaining how the waves gain height when the approach shore, they take the easy way out and show it using folk-physics - massive explosion gives rise to giant waves and these then move to shore.
The missing link here is the depiction of the huge displacement of water due to the violent rupture which was 1,000 km long and 10 m in height. Both the above infographics don't show the extent of this displacement.
The best infographic thus far, in my opinion, is from the BBC. They quite simply separate the depiction of the earthquake and the formation of the waves: they use multiple graphics to show how the waves were created. The NY Times goes even further and focuses on just the height of the waves in different parts of SE Asia.
Have you come across other visual explanations of how the Asian tsunami's were created? Use this space to voice your opinions.
SafetyProcedureVery interesting infographics related video on safety instruction cards found in planes. [thanks interactive narratives]
Massacre in MadridThis issue of Infovis analyzes the power of infographics to inform and explain the Madrid massacre.
Digital Web Magazine: The Information Design approach to Web developmentDigital Web Magazine: The Information Design approach to Web development
"Information Design is dedicated to making information as effective as possible. Effective is a carefully chosen word here. In order to be as effective as possible, information must carefully balance a variety of factors, including, but not limited to clarity, relevance, timeliness, amplitude, volume, and differentiation."
Information Architecture will come to play an important role in the design of effective e-learning too. Not so much in the full Flash-based variety, but the regular hybrid variety -- text in structured markup (XHTML or XML) mixed with useful learning additives (smart Flash usage--infographics or interactives) and served for online discussion.
Here are some examples of smart Flash learning additives:
MSNBC: How tornadoes formMSNBC: How tornadoes form
Another cool infographic from MSNBC. My observation on infographics is that there are certain types of content--complex concepts, procedures, or experiential stuff--that lead to good infographics. This means that the quality of the infographic--the ah-ha factor-- is related to the type of content that it represents --A case against the use of Flash to show org charts and the like.
NixLog: Columbia Disaster InfographicsNixLog: Columbia Disaster Infographics
Elmundo: Multimedia GalleryElmundo: Multimedia Gallery
Elmundo's collection of interactive graphics.
These Spanish sites create some really inspiring infographics, check out Malofiej-awards 2002 for more.
The Malofiej-awards 2002: Award CategoriesThe Malofiej-awards 2002 (Spain): Award Categories
For all you infographic fans out there, this is a treat you don't want to miss. Although the infographics are in Spanish, a lot can be learnt about the art of conveying complex information visually. Visual instructional design?
Boxes and Arrows: You Are Here: Maps 101Boxes and Arrows: You Are Here: Maps 101
Maps are one of the most basic (and informative) infographics. The simple map. A rectangle with a few lines, some labels, and an X can impart what it would take hundreds of words to describe. Lee McCormack offers an insightful look into how to create a simple but informative infographic
Page 1 of 2 pages