Complex Diagrams

This is the slideshow and audio from my Infocamp 2008 presentation on User-Centered Information Design.

The audio synchronization seems to work when played straight through, but not when you manually advance the slides.

The Takeaway has a clever interactive graph, showing the summary from a different poll or tracking web site on each row, and the states as columns. Column width reflects the number of electoral votes for that state. It’s a good way to get an aggregate view of what’s going on, as each source is a little different.

They’ve done a great job with this; it’s a great presentation of a ton of information abstracted in a constructive manner. The key issues (weight and inclination of each state) are present, with very little else to get in the way.

There are a few changes I’d make. The mouseover key is a little awkward, as it obstructs a lot of the image. I probably would have gotten rid of it altogether, and put the state info in the footer, as they’ve done with the poll name and score. I probably also would have put the score for each row in the row, either at the left, near the icon, or in a rightmost column, rather than forcing you to mouseover each column.