Information design fail

[kpreid]

I thought I knew better, but it took someone else to point out what was wrong with this display of times available for appointments:

If it happens not to leap out at you: which color indicates available, and which indicates unavailable? I knew perfectly well, of course: I drew shaded boxes to indicate the times of interest, i.e. the available ones — but the interpretation that the unavailable times are blocked off is equally plausible.

This could be solved by a legend, but that is less readable at a glance and unaesthetic. What I did — after printing several copies and then having the problem pointed out — was hand-draw arrows-to-bars (⇤⇥) vertically over the available spans. But what would have been a good clean solution to start with? What comes to mind is to eliminate the grid lines in the unavailable areas, so that only the gray-is-available interpretation provides definite start and end times.

What would you do?

Comments

[wrog]

there's also the small matter that red-green colorblindness is fairly common.

[kpreid.livejournal.com]

I wonder whether there's some biological connection between those two facts (that saturated red and green abutting are garish and that the commonest form of colorblindness is red-green). That is, assuming the ‘garish’ part isn't just me.

[wrog]

My guess is it has a lot more to do with the green part of the visible spectrum being extremely narrow (as compared with red and blue) and therefore really easy to "get wrong" as it were...