Very Bad Information Design

This sign on Brighton’s seafront (click for a larger view) is one of the worst, if not the worst bit of information ‘design’ I have ever come across. I am a long-time resident of Brighton, and most of my time here has been spent living very close to the seafront. I am also very familiar with maps of the place (being obsessed with maps in general). When I first saw this sign, I had to look closer to see what it was about, as I hadn’t recognised that it was a map of Brighton seafront!

So what’s wrong with it? Let’s look at some properties of it in turn.

  • The orientation
    There are two usable ways to orient a map. The first is to place the ‘You Are Here’ point at the bottom of the map, and have everything that lies in front of the person looking at the map above that point. The further away it is, the closer to the top of the map it is. This is the most usable orientation for a map where you know the position and orientation of the person reading it. The second, and most usual, way is to honour the generally-accepted global convention of having north at the top, and south at the bottom. This is a good idea for maps that may end up being moved around, or duplicated and placed in different locations you don’t know or can’t control.This map does neither. It places south at the top of the map, and yet if you look at what you see when facing towards the map, south is to the left.
  • Landmarks
    A look at this map shows that it has various landmarks marked on it, most prominently the Brighton Pier and the West Pier. The problem here is that the broken south-at-the-top orientation of the map gives the impression of a skyline, rather than the top-down view of a map, and as you can see from the actual view below, for Brighton this represents a different idea. Brighton has two prominent tall buildings on the seafront - Sussex Heights and Chartwell Court. Showing the piers sticking up like that is more likely to evoke these two buildings, even for a local resident who is familiar with the two piers. For a visitor, they would look out from this position and see one pier, the West Pier having burned down and largely collapsed into the sea (I must point out that this happened long before these signs appeared) and two tall buildings. Despite the names on the map, it would be enough to trigger doubt in the reader regarding whether they were reading it correctly.
  • The typography
    While much of the type on the sign is perfectly readable and reasonably well-set, it is again the map that has the problems. The lettering on the labels for the Marina, the two piers and the other landmarks is pointlessly, and needlessly, excessively casual and hard to read. I wonder sometimes if the mantra to ‘make it look friendly’ doesn’t get so locked into people’s minds that they lose sight of what the purpose is of what they’re designing. After all, surely it is far friendlier to make signs informative and easy to read?
  • Drop shadows
    One of the pitfalls for a computer-based designer working for print is to be distracted by the benefits and limitations of screen display technologies. In other words, things look different on screen than they do in print. Colours on screen are made by generating light, colours in print are made by selectively absorbing and reflecting ambient light. Drop shadows are a boon to a screen designer, outlining and adding definition to otherwise indistinct or low-contrast images, whereas in print, a drop shadow will come out as incredibly dark and heavy. Quite often you don’t see this until the final print proof has been made, if you get one. Printing workflows are so quick and easy now that often a obtaining a proof is considered in the same the way that maintaining a effective and robust backup strategy for your hard drive is, i.e. a chore to be put off, if possible. Printing a copy out on an inkjet photo printer doesn’t make an effective proof either, as these printers tend to be a lot more forgiving. On this sign, the designer has fallen right into the trap. Almost all the graphical elements have drop shadows, and the label for ‘Hove Lawns’ is barely readable thanks to the great blob of black ink surrounding it. The label with the fish jumping over it… I can only guess that that says ‘Fishing Museum’, and only then because I know that it’s there. Any tourist looking at this wouldn’t have a clue!
  • The roads
    I’m at a bit of a loss over the choice of roads chosen as landmark routes. It shows ‘East Street’ just to the right of the roundabout, but the main road that any visitor could identify in Brighton (after the seafront) isn’t shown - The Steine. Just take a look at a real map of Brighton to get an idea of how strange the omission is. I wonder whether they thought that for a map promoting walking it shouldn’t show main roads, despite them being obvious and easy to identify? The other roads are a bit odd too - why Seafield Road? I’ve never actually heard of the place, and yet just two streets along is Hove Street, leading to Sackville Road, very much main roads and easy to identify. A poor map indeed.
  • The graphics
    This is more of a personal dislike. I detest ugly things, and the graphics on this sign are relentlessly hideous. Poorly drawn, garishly coloured, artless, unpleasant abominations mocking everything that is beautiful and graceful about the human form and the world in general, these little icons would be best left off this sign. It doesn’t help that they have strong drop shadows under them too - the blue blob under the ‘West Pier’ label is, I assume, a pool of water, and yet it has a shadow under it. Since when did a pool of water have a shadow? And one so dark?
  • The route itself
    Yes, the very point of this map, is in essence, wrong! It shows you having to cross the roundabout by the Brighton Pier, when in fact you pass around it. The colours of the background too, they imply that you’re nowhere near the beach on your walk, and yet in actuality, you’ll be right on the beach.
  • The logotype
    Last, but by no means least, what is going on with the italicised ‘walk’? Perhaps they thought they needed to add some ‘dynamism’ to the name, but this really is not the solution.

In short, I detest this sign. Whoever did it should be placed in remedial graphic design training.

The Ladies’ Tea

I just came across “The Ladies Tea” on Swissmiss just now. Like her, I smiled at the logo, which is rather lovely, but couldn’t help but notice the awful kerning on the type. Below I’ve got the original on the left, and a version where I simply retyped the name in Arno Pro on the right. My modified version isn’t perfect, but at least the D-I-E combo isn’t quite so munged.

Yes, I know there’s a missing apostrophe, but putting it in doesn’t help the logo one bit.

Five Left

This image has been knocking around the hard-drives of my last four computers since I scanned it in. I’ve always admired the typography of it since I found it on the pub table all those years ago. The joys of being type-obsessed, eh?

Shuttle Type

I always thought that the names of the shuttles was written in Helvetica, at the very least screened on in some regular manner. Looking at this image from airliners.net, I see that it looks hand-painted, and after all these years of patching and repainting, the lettering looks decidedly wonky.

Useful vs. Useful Space

Tufte discusses this a fair bit in his book Visual Explanations, but I thought I’d raise it for a site I’ve just come across; style.com. I’d seen a thumbnail of one of the images from this ‘feature’ on pearls, and clicked to have a closer look. Unfortunately, it turns out that the ‘thumbnail’ was the actual posted size. Look at the area of the screen devoted to stuff that isn’t the article you’re interested in. I’ve coloured the areas below. The grey area is the useless area, the black area supporting text for the useful area, and the white area is the focus of the article, the most useful area. Look how small it is. Style.com is clearly a site utterly devoted to selling ads. They’re perfectly entitled to, mind, but I won’t be visiting them again.

Lorem Ipsum Cuff

An old one, but recently discovered by me on my travels. The Lorem Ipsum Cuff, on Veer.

Of course, I have to include a chunk of Lorem Ipsum on a post such as this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur pretium. Vivamus nisi. Maecenas eget mauris eu mi lacinia molestie. Sed a dui. Nulla sem ante, iaculis at, volutpat eu, facilisis in, metus. In hac habitasse platea dictumst. Aliquam erat volutpat.

Mazes

I came across this nice little maze generator the other day. I’ve had a little play with it, and it’s incredibly relaxing to watch it solving the maze for you. I used to spend hours and hours drawing mazes as a youngster (detail at right), pages and pages of them. Whole notebooks full. I think mine has a certain organic charm, though I do love the cartesian regularity of the generated ones.