UsableMarkets

markets, design, usability, research

UsableMarkets header image 1

You know it’s working when …

February 6th, 2011 · Information Design

… everyone copies the bejeezus out of it.

Take the periodic table of elements. It’s not unusual to see variations on this tabular format seemingly everywhere. If you doubt me check out the work of bloggers more patient than I who have collected samples from across the internet here and here and here. Everything from periodic tables of desert, to pokemon characters, to search operators (yeah, I don’t get it either).

What is it about this tabular chart that works so well?

Here’s perhaps the best version I could find on the internet.


click to increase the atomic mass

The chart, while somewhat impenetrable to the layman (like me!), is actually organized by some very simple principles. The rows are organized by the number of electron shells for each type of atom. The columns by the properties that those atoms exhibit (alkali metals, alkaline earth metals, halogens, etc.) Overall, going from left to right, and then down, the atoms are arranged by the overall number electrons it has. And finally there are larger groupings organized by color (metals, noble gases, etc.).

These are four variables nicely displayed in a two-dimensional table. Is this the only way to display this information? No, but it is the best known, and ubiquitous in high school chemistry labs everywhere. Hence, people feel the need to do things like this to it.


click to get to the bottom of the glass

Of all the periodic charts of xyz, this is probably the one that tries the hardest to incorporate multiple, meaningful variables to its organization. However, while it’s clear that the columns are beer styles, and families of beer (ale, lager, etc.) are collected into larger groups, it’s hard to figure out the how the rest of the table is organized. But no matter, its got the right spirit. Drink up!

Thanks for reading.
~alex

Comments OffTags:

How to make your map not chart junk

February 5th, 2011 · Information Design

It’s really frustrating to see the number of data visualizations that use maps stupidly. For example, take this crap map from the FT.

It only allows the user to look at one variable at a time. Surely there must be a better way than clicking back and forth between the offered variables to see if there’s some correlation between them. Say, a little dynamite icon () to indicate recent protests, or something like that. Better still, perhaps some other type of chart, not a map, that allows the user to see all four variables at once. It’s not hard to do. Really. But instead we get the map.

Why? I can only guess it’s because designers think maps are visually interesting, and therefore should get a free ride on the chart junk train. And the FT is not the only one. Mint, among many others, has opted for using a map visualization when none was required.

Seriously, is it important for me to view the cities geographically here? No, the important comparison is not state by state, but rather the change in discretionary spending over time, and compared to each other. The map adds nothing of value. It doesn’t even help you compare the cities easily.

But instead of spending this whole blog post ranting about negatives, lets look at positive examples and what makes them work.

From Radical Cartography we have this example.

The story is pretty clear, eh?

Here the map does three things quite well. It encodes rich, non-binary, data — in this case value of land per square foot; it organizes the data in a meaningful way (i.e. the data points listed independently are less meaningful than when listed together); and it works in a labeling capacity (i.e. how tedious would it be to see labels on this chart?).

The real test, of course, is if you tried to chart this data without using the map. If you don’t know the answer, let me tell you: it would be dreadful.

Here is another excellent example, this time from NPR, of how to use a map to present data.


Again, the data itself is geo-specific (and I mean here related to features of geography, like coasts, not arbitrary state lines and such). And again there is rich data (wind speed), and multiple layers of data that work together to tell a story. In this case, to rely on wind power, we’ll need to build more power lines from places where wind speed is in abundance, to places where it is not.

In summary, to make your map based chart not chart junk, make sure:
- the geography is actually meaningful to the data
- the data is rich (i.e. multivariate)
- the presence of the map also labels the data

Thanks for reading.
~alex

→ 3 CommentsTags:

My most popular post (and most useful?) on UM …

January 22nd, 2011 · About This Site, Rating & Review Systems

… has been this one: Lessons from selling books on Amazon.

I wrote this back in 2007. It’s gotten 15 comments (that’s a lot for UM, so no laughing), and I think the comments, not what I wrote, are what make the post so valuable. People sharing their experiences, and perhaps giving a bit of insight.

What’s interesting is that the comments keep dribbling in over time. People are finding the post, and finding it valuable, so it makes me wonder: is there a community out there, not sponsored by Amazon, for people selling books on Amazon?

~alex

Comments OffTags:

Top baseball players of all time, WAR-wise

January 15th, 2011 · Baseball, Information Design

I discovered this nifty little calculator / infographic generator today, which allows the user to create lists of baseball players based on their WAR scores (wins above replacement, defined here).

So, in case you were wondering, these are the top 50 baseball players of all time. The numbers across the top are the player’s age, and the darker the green the higher the WAR for that season. A sum of all seasonal WAR scores are in the column to the right of the players’ names.
click to home-run-er-ize

Ruth really was the best of all time. He also had a 22 year career.

~alex

→ 1 CommentTags:

If you haven’t noticed, I have favorites

January 12th, 2011 · About This Site

Lest you think I do nothing but poke fun and cast aspersions from my elevated, blogotronic soap box, I’m keeping a running list of some favorite information graphics that I’ve come across.

If you’re looking for ideas for your own information graphic, come check them out.

If you think there’s something I should include, email me at ideas at usable markets dot com.

The list is small at the moment, but growing. Check it out.

~alex

Comments OffTags:

Crap can be beautiful, but it’s still crap … or maybe craptastic …?

January 11th, 2011 · Information Design, Other Markets

I’m sorry, did I use the word crap? I apologize. I especially apologize to the people who designed and coded the amazing information confection displaying multiple Top-100-albums-of-the-year lists, mixing them together into some sort of kaleidoscopic jigsaw puzzle. It is amazing.

But I defy anyone to make heads or tails of it in less than 2 minutes (or at all). And if you do, you win the coveted “I want you to be in my target audience” award.

But, despite the un-usability of the graphic, I still applaud the people who built this. They tried, and god knows I’ve tried and failed many times (thank you user testing).

What is harder to forgive is the knee jerk, glowing responses of people who should know what they talking about.

Gives new meaning to the phrase color blind.

~alex

→ 3 CommentsTags:

Work that information a little harder, please

January 10th, 2011 · Financial Markets, Information Design

I like the FT, I really do, but their information graphics leave something to be desired. Take this one.

What is this information graphic trying to illustrate?

One imagines, at the most basic, they are trying to show how much of each bank’s total revenue is used to pay their employees, and then compare this among the banks. To illustrate this they’ve used a bubble style chart, one bubble embedded in this other, which is rather weak.

Why? Comparison is hard. Not only comparison of a bank’s revenue to total compensation of their employees, but also comparison between the banks. Much better would have been something like this, quickly and somewhat erratically whipped up in MS Excel, where I show average compensation per employee first, and then total compensation over total revenue.

Here the bar chart allows for much easier comparison across the banks, and looking at a ratio instead of the two raw numbers also makes it easier to understand the main story lines. Wow, working at Goldman is really lucrative, in an industry which is already pretty lucrative! Wow, Morgan Stanley paid out 60% of its revenue to employees in 2009!

Adding multiple years would be the next challenge, but one could either animate this, use small multiples, or multiple bars per bank.

~alex

Comments OffTags:

Quantitative Easing (QE) explained, and then some

December 29th, 2010 · Financial Markets, Market Definitions

Do a Google video search for quantitative easing explained (something you would typically do, right?) and there are some interesting results.

First, there is the way boring FT QE explainer, which looks like it belongs in a powerpoint deck from 1995.

Please gentlemen, take a look at the types of info graphics that NYTimes is known for, and be ashamed.

But speaking of the NYTimes, they don’t have an explainer of QE, but instead this rather lame timeline of Fed activism.

Next is my favorite explainer, Paddy Hirsch from Marketplace.org

But then things get weird, if more fun.

There’s this humorous one about “the quantitative easing” which talks about “the Ben Bernake.”

It’s definitely a bit slanted, but what the hell, some of the shots hit the target.

And finally this one, with Hitler somehow playing the role of furious dollar holder. I just don’t get it, but it does show you there are some, um, very interesting people out there. These folks appear to want to introduce their own currency. As we say in the ‘hood. Good luck with that!

~alex

→ 2 CommentsTags:

Dueling charts

December 29th, 2010 · Financial Markets, Information Design

Both the NYTimes and The Economist have sets of charts outlining the year that was, from an economic data point of view.

They both focus on:
- Unemployment
- Inflation
- Housing

In addition the NYTimes looks at:
- Corporate profits and PE ratios
- Price of health care

While the Economist chooses to focus on
- Currency exchange rates
- Government budgets and GDP
- Government bond prices
- Stock market performance
- Commodities

While it’s clear the NYTimes has a US focus and the Economist has a more worldly view, it is still interesting to think about what the charts they selected say about their editorial viewpoints.

If I might hazard a wild guess, it would have to be that the NYTimes seems to focus more on how changes to the economy might impact an individual (e.g. change in health care prices), while the Economist focuses more on how they might impact a company or investor (e.g. exchange rates and commodity prices).

~alex

Comments OffTags:

Google vs. Apple

October 18th, 2010 · Product Markets

The NYTimes has a nice run down, and also nicely puts to rest, the idea that Google vs. Apple is really Apple vs. Microsoft Part Deux.

In addition to the reasons mentioned in the story, one also has to acknowledge that Apple now has a very robust brand (and stock price to go with it), which it did not have way back in the prehistoric days when Microsoft was able to crush it with price.

That’s not to say that Apple doesn’t have its work cut out for it, and that it will automatically enjoy benefits until the end of time for creating not one, not two, but three new markets (music, smartphone, and now tablet). But the number of people drawn to these markets are numerous, and sooner or later Apple will just be one of the many — which will be a good thing for the consumer.

~alex

→ 1 CommentTags: