Information Design

Tuesday, 13th May 2008

What happens if you produce a map of, say, the United States of America, only showing the streets? Will you be able to recognise non-man-made elements of the landscape, like mountains, or rivers? Well, it turns out yes, you can, as Ben Fry has done so. Interestingly, you can see how in the midwest there are counties that appear to have hardly any streets right in the middle of ones that are riddled with them — though this is apparently more due to how they identify a street than a lack of any thoroughfares. The difference between the east and the west of the continent is quite marked too — the west’s street patterns appear much more strongly influenced by the topography than the east, though given the scale and type of said topography, that’s hardly surprising. Here’s a scaled down image as a teaser, but definitely go and look at the originals.

Monday, 12th May 2008

OK. Rant time. I was sent this wonderful, wonderful link today. For many years now, I’ve been increasingly bothered by these little yellow flies buzzing around on my screen. They drive me to a level of distraction and rage that (in terms of interfaces) only Windows nag-bubbles can beat. Why developers think that these things are so helpful and vitally useful that they must pop up at almost every opportunity, and that the user must be given no obvious recourse to turn them off, I don’t know. They are the gnats of the typographic world — buzzing and darting in front of your eyes, imparting very little of use, and even then merely duplicating what the rest of the interface provides in a much more studied and calm manner.

The reasoning for them existing is often given (at least in the online world) as ‘accessibility’, assuming somehow that a user needing some kind of assistive technology would also be the kind of user always able to hold a mouse pointer steady over an arbitrary interface element for the requisite two seconds to see the damn thing. For the rest of us, just leaving the pointer somewhere ‘out of the way’ while typing, reading or (heaven forfend!) thinking, results in this pointless yellow box popping up. Perhaps ironically, it’s a situation made worse by using that finest of input tools, the wacom tablet, as removing the pen from the sensing region leaves the pointer static wherever it last was on screen; perfect prey for the predatory tooltip.

The actual accessibility modifications that lead to tooltips showing up everywhere are such things as adding title attributes to links and other elements, and the tooltip is merely an unpleasant symptom of this noble effort. That the browser shows a tooltip for these things is analogous to an overkeen child endlessly demonstrating how clever they’ve been: Look at me! Look at me! Look at me! In fact, the browser does not need to display tooltips for these things — they are there to provide additional information when the context of the item is removed, such as in an audio or text-only browser. If the interface relies on tooltips in, shall we say a conventional environment, then it’s a very poor interface indeed, or an experimental dotcom-boom-era ‘project’, which is I suppose the same thing.

I’ve done a fair bit of work designing interfaces, and I’m glad to say most of them are tooltip-free. I’d rather all of them were, but you can’t win every battle. My message to developers, marketers, designers, whatever, but more importantly OS developers, it’s quite simple: give us an option like this, please:

Saturday, 3rd May 2008

I was hunting for a link I’d omitted from a previous post and came across an old bookmark for these infographics (found originally via Chris Glass). I especially like the red tape one, and the map part of the tobacco one is great.



Monday, 14th April 2008

There’s a nice article on Cocoia Blog about the ‘pollution’ of various Mac OS X user interfaces by Helvetica. It’s worth a read, though I can’t resist excerpting this little bit, as it made me laugh:

Speaking of iCal, which proudly boasts Helvetica in miniature point sizes on the screen, it has the utterly mind boggling feature that it shows you calendar information on a computer screen with everyone’s favorite 1950 typeface for print, and prints these exact calendars on paper in Lucida Grande, a computer display font from this milennium. ‘Utterly backwards’ might be an apt term for such misfit typography.

Monday, 7th April 2008

There are some interesting-looking infographics here on NOTCOT, apparently providing some sort of analysis of various literary works. I’ve had a look through them, and while they’re certainly attractive, they don’t seem to provide any insight at all. The one immediately below, for example, might suggest how shorter sentences bunch up together in the narrative flow, but there’s no guarantee that several groups of small sentences, separated by (say) many long sentences, a short sentence and more long sentences might overlap, giving an illusion of a single bunch of terse, active prose. The rotation of the line by 90 degrees with each sentence is an arbitrary insertion in the ‘analysis’, and in itself provides no valuable meaning — it doesn’t even serve as a neutral carrier for information, rather it distracts the reader and confuses the data.

Some of the other illustrations provide a little more promise, but with having to refer to an (again) arbitrary key, any insight a graphical representation could provide is quickly lost. But, they’re beautiful. It’s as if the designer flipped through Tufte’s books without reading anything in them, and decided to create something that ‘looks like that’. OK, I’m being harsh; I’m sure that after a fair bit of reading and working out how the diagrams were made, there’s some vague possibility of gleaning some tiny hint of insight into the literary style of various authors, but you have to get past the fact that they seem to be primarily designed to be pretty* rather than useful. You can see more of the works on the designer’s site, apparently called “Untitled Document” (at the time of writing), here.

As for the ones attempting to depict sentence structure, they certainly leave a massive amount to be desired — in order to work out the difference between a colon and a parenthesis you’d have to get out your micrometer and be prepared to annotate like crazy. Or you could just read the original text. After all, there’s this amazing set of symbols and conventions that have been used for years to convey meaning and sentence structure. It’s called written language. Heard of it?

* And to appeal to people with more money than design sense, looking at the prices.

Sunday, 30th March 2008

An old one I’ve had around for a while, this poster (or invite?) for this year’s Gumball 3000.

Sunday, 9th March 2008

I love nonsense flowcharts. The one on this New York Times article by Sam Potts is nicely done, properly complicated in appearance and with some amusing possible answers (Fur Con being one). I answer “no” to the very first question (top left), but here I am, blogging about diagrams. OK, I’m not in the dark, I’m not in a basement, but since you can form intense relationships with science fiction and computers without knowing what D&D is, I am at least doubting the technical accuracy of the diagram.

I’m tempted to do one for typographers. First question bubble: “Exposed to Letraset early in life”

Page 1 of 3 pages  1 2 3 >