you're reading...
Graphics Examples

[Interactive Graphic] Simple and Easy Information Selection

I have seen a lot of interactive graphics online, and I am really impressed by some of the interactive maps with tremendous information and data behind it. But sometimes, it’s easy to get lost when you can just hover over each county, or each small region and get some information for each one of them. So I really like the interactive graphics with some emphasized information (the graphic designer has selected for me) and a better hierarchy of organizing.

This timeline of Michael Jackson’s hot songs is an example of a simple interactive graphic with limited choices for audience. I can only click on the seven time period/album. It’s very easy to select the information that I want because I don’t have a whole lot of choices.

Michael Jackson's hot songs timeline

It worked well with the organizing of the songs and albums. Before I click on one album, the small icon below the timeline has a rough curve of what’s it will look like (Very useful). If I click on one album, then all the songs that were in the hot 100 showed up with a more precise curve that illustrates its hotness. It’s pretty clear in terms of what songs are in the hot list, and how did it change over time (A lot of information actually).

The transparency effect of the albums at the bottom and the non-transparency of the album clicked on make it easy for audiences to understand which album they are currently staying on. The image on the left upper corner showed up after clicking also help audiences match the information for each album.

Another thing that needs mentioning is the “previous” and “next” bottom right under the headline. It’s very handy when audiences want to go over every album quickly, or when they don’t want to select each one of the album but just want to go over each one chronically to find out the overall trend.

Good interactive graphic should be easy to understand and very simple for audiences to find the information they need. I think this graphic did great in presenting information in an organized way.

There are a couple of additional features I wish this graphic would have that would make it even better. First of all, I hope to hear the music at some point. Maybe when we click on one album it automatically runs the hottest song of the album, and, maybe keep playing his best songs/most famous songs on the homepage. Secondly, I hope the shift from one album to another can be less abrupt than it is right now. I think this effect is a deliberate choice of the graphic designer, but I feel a little uncomfortable with the quick shift because it’s kind of distracting.



2 thoughts on “[Interactive Graphic] Simple and Easy Information Selection

  1. I can’t agree more! I used to marvel at graphics that encompass a wide variety of data, because they speak for the complexity and sophistication of the graphics, as well as the artists’ competence in collecting and interpreting data. Then I begin to wonder, would every viewer have the patience to scroll down and down until they see the last part of the graphic? I doubt. I still vote for graphics that convey much information, as ones that are too simple may be not worth reading at all. But I really like those that already have the most important information highlighted, so that the whole information distribution process could be facilitated. That’s actually in line with Mike’s lecture on centerpiece graphics. Many examples he showed us are like bundles of information, without any organization or highlights. So, you raised a very good point here, Maoling!

    Posted by qianruisha | October 30, 2012, 12:40 am
  2. You’re totally right! Music is definitely needed on this infographic – that was the first thing I thought, before I even read through the rest of your blog post. The whole point of this visual is to discuss Michael Jackson’s music and though I realize the actual graphs were quite interesting to look at and easy to understand, I just felt like something was missing…and so I’ll end with some advice for whoever made this interactive infographic…”Don’t stop till you get enough!” http://bit.ly/5HzVw1

    Posted by Samantha Kubota | October 30, 2012, 12:58 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: