Transit Map Typefaces: Grotesque Sans (Part 1 of 4)

Leave a comment
Filed Under:
Tutorials

This series of posts is inspired by an anonymous poster, who requested some information on typography in transit map design.

Almost without exception*, modern transit maps use sans serif typefaces for their labelling. Sans serif literally translates to English as “without [a] serif”, and denotes that the typeface does not have serifs: those little nubs at the top and bottom of characters that can help the eye follow large amounts of text.

The practice of using sans serif typefaces in transit maps dates right back to Harry Beck’s first London Underground diagram (Johnston Sans) and even earlier. Today, a transit map that uses anything other than a sans serif typeface would just look “wrong” to our eyes, although there is still a huge and ever-increasing variety of fonts from which to choose.

Within the general category of sans serif typefaces, typographical designers define smaller subsets. Generally speaking, sans serif typefaces can be split into one of three categories: Grotesque (and the Neo-Grotesque fonts based on these early designs), Geometrical and Humanist. We’ll cover each of these in the first three parts of this series.

Of these, the “Grotesque” typefaces are the oldest, with some designs dating back to c. 1816. At the time, many thought the style of type extremely ugly and strange – the disparaging moniker “grotesque” stuck, right up to the present day.

The most famous of the (neo) grotesque typefaces is, of course, Helvetica. This almost ubiquitous font is – unsurprisingly – heavily used by transit maps, including those of Washington, DC and Boston. New York’s current subway map uses Helvetica Condensed.

Other Grotesque typefaces that I’ve seen commonly used for transit maps include Univers (Montreal and Stuttgart) and DIN (Los Angeles, Oslo and Prague).

Grotesque fonts are a good, safe choice for transit map design. The letterforms are clear and the x-height of the lower case letters is generally large, which aids legibility, even at smaller point sizes. The main problem is that they can sometimes feel a bit sterile: their simple, unstressed letter forms can make it hard for them to project any sort of personality onto the map. Helvetica suffers somewhat from overuse, but it is undoubtedly powerful when coupled with that clean, minimalist “Swiss” style of design that was so prevalent in the late 1960s/early 1970s.

Next: Geometric sans serif typefaces

* Of course, there’s always exceptions to rules, and we’ll cover those in Part 4!

Photo: Vignelli NYC Subway Map – Street Grid

Leave a comment
Filed Under:
Miscellany

An image from Massimo Vignelli’s recent talk at the New York Transit Museum about the development of his (in)famous diagram. The chance to hear Vignelli talk about his work really makes me wish that I lived in New York.

Anyway, I find this image particularly interesting because it shows the underlying grid of streets and avenues that was used to place the route lines accurately. Although the map we see here appears to be the 2008 revision (which then evolved into “Weekender” map), you can be certain that the original 1970s version was based on a similarly exacting grid: order and structure in design is what Massimo Vignelli is famous for, after all.

Source: *Bitch Cakes*/Flickr

Photo: (Back in) Time Tunnel

Leave a comment
Filed Under:
Historical Maps

I love it when people find old transit maps still in situ at stations. This Northern Line map at Embankment dates from sometime prior to 1999 (the year that the Jubilee Line platforms at Charing Cross closed), but is still in place today – this photo was taken on February 21, 2013.

Note also the beautiful 1914 green glazed tiles next to the map.

Source: stavioni/Flickr

Photo: Brussels Metro Line Map and Next Train Countdown

Leave a comment
Filed Under:
Official Maps

A companion piece to the official map (Dec. 2012, 3 stars) on the platform at Rogier station. The look of this map marries with the official map quite well, showing an admirable consistency in application.

Rogier station itself is clearly shown with a nice big arrow and stations before it on the lines are clearly indicated against greyed-out route lines. There’s also a nicely legible countdown for the next two trains, indicating their route number (2 or 6), final destination and estimated time in minutes to arrival. It even looks like the position of all the trains on the line headed in the same direction are shown on the strip map as bright red lights. Now you can see where that train you just missed has got to without you!

The only thing this map fails to show is the circular nature of the routes that the station serves. Routes 2 and 6 form Brussels’ “circle line”, and the two terminus stations for Route 2 – Simonis (Elisabeth) and Simonis (Leopold II) – are really just two different levels of the same Metro station.

Source: Ian YVR/Flickr

Photo: Red Line L Train

Leave a comment
Filed Under:
Official Maps

Rather lovely strip map for the Red Line at Lake station. The Cubs logo in place of the station dot at Addison station is a very deft touch – providing useful information without detracting from the simplicity of the map.

Source: Taekwonweirdo/Flickr

Official Map: CTrain, Calgary, Canada, 2013

Leave a comment
Filed Under:
Official Maps

Lots of people have requested this map, but I’ve held off for a while as some extensions to the system and amendments to the map itself have been made. Calgary Transit actually released a preliminary version of this map last year and asked for public input on it via an on-line survey, which is good to see. However, it’s not the most thrilling map, and there’s still one quirk with it that could cause some confusion.

Have we been there? No.

What we like: Clean, minimal, easy-to-follow design. No extraneous bells and whistles to get in the way of a relatively simple system.

What we don’t like: I really don’t see the need to alternate the station labels between the left and right hand side of the route lines when they run vertically. The names would be much easier to quickly read if they just ran underneath each other to the right of the route line, much like a bulleted list. It looks particularly odd on the southern part of the Red Line, where Victoria Park/Stampede and Erlton/Stampede are both to the right, and then the rest alternate.

The quirk I mention above regards the handling of the stations along 7th Avenue in the “Downtown Area” of the map. City Hall is the only station in the section where both lines run that serves both directions of travel – the rest of the stations alternate directions. The 1st, 4th and 7th Street stops serve all westbound trains, and the 8th, 6th, 3rd and Centre Street stops serve all eastbound trains.

The designers have tried to show this by use of a directional arrow near each station. However, by placing these arrows within the coloured route lines, it could be interpreted that only Blue Line trains travel west and only Red Line trains travel east along this corridor. This ambiguity could have been averted by placing the arrows within the station dots or next to the station names themselves, where it would be almost impossible to misinterpret their intention.

However, the approach used here is still markedly better than the one used on the preliminary sample map, which placed the dots for all westbound trains in the Blue Line, and all eastbound dots in the Red Line! Now that would have been confusing!

Our rating: Workmanlike and honest, if a little dull. Two-and-a-half stars.

Source: Official Calgary Transit website

Photo: BART System Map

Leave a comment
Filed Under:
Official Maps

Lovely minimalist photo of the platform at North Berkeley BART station. But where is everbody?

Source: myelectricsheep/Flickr

Unofficial Map: Crosscut’s Seattle Link Light Rail Strip Map

Leave a comment
Filed Under:
Unofficial Maps

Crosscut, a non-profit news website centered on Washington State’s Puget Sound Region, has been talking about Link light rail’s signage for a while now. Their point about the minimal directional signage at SeaTac Airport to guide you to the train is valid, but their problem with Link’s own in-car strip map is less well founded.

They recently called for new designs as part of a competition, but unfortunately didn’t receive any. So they took it upon themselves to design one, and came up with the map at the bottom of the image above. They seem to think it successful, but I have to disagree in just about every respect.

The main problem with their redesign is that it doesn’t take into account where the map is to be used. It’s meant to sit above the door of a light rail carriage, which means it’s around six-and-a-half feet off the ground. Unless you’re very tall, you’re never going to get closer than about a foot to it. The train will often be crowded, and that means you may have to read it from even further away than that, while the train is moving. Simplicity, large type and ease of use are paramount.

I chose the image above because it simulates those typical viewing conditions. The top image shows the current strip map, the bottom one is a hastily composited version of the Crosscut map onto the same picture. At the same viewing distance, almost all of the extra information Crosscut has included is absolutely impossible to read, and even the station names are smaller. The huge lists of every bus route that connects with Link are useless, as are the points of interest listed at each station. If bus routes had to be included on a map like this, I would advocate that only frequent or rapid routes be shown.

The twists and turns in the route line on the Crosscut map make the one really vital piece of information that a traveller needs to know  – how many stops until I get off? – that much harder to find. It’s much easier to visually scan along a straight line than a bent one. A straight line also acts as a subtle guarantee of directness and speed, while a bent one implies a circuitous and longer trip. Yes, it’s propaganda (and sometimes close to a lie), but that’s one of the reasons that route lines are straightened out.

Crosscut also mention (but don’t show) the possibility of adding QR codes to the map for further information, but really – who’s going to hold their smart phone up to a map mounted above the door to scan a QR code?

The one part of the Crosscut map that I agree with – the deletion of the awful “Constellation” icons – may not even be possible. I seem to recall being told that their inclusion was mandatory as a visual aid for illiterate transit users.

Packing an in-car strip map with all this extraneous information is poor information design, and would be much better left to a unified system of system maps, locality maps, and wayfinding signage — which already exists at most Link stations.

Source for original “before” photo: Alex Abboud/Flickr

The Almost Official Map: Ilya Birman’s Moscow Metro Map

Leave a comment
Filed Under:
Unofficial Maps

I’ve seen a lot of tweets recently linking to the design process page for Art Lebedev’s new official Moscow Metro map (Transit Maps wrote about this page way back on February 4th).

However, I haven’t seen as much attention being paid to the second-place winning map, designed by Ilya Birman. He also has a design process page for his map, and it’s just as fascinating as the Lebedev one.

He discusses the difficulty of having to label the map in Cyrillic and Latin scripts, as well as the problems posed by stations having multiple names, depending which line they are on.

The map also employs an unusual station-finding technique that relates all stations to the Circle Line, rather than the more usual grid look-up. It seems a little quirky at first, but it’s actually surprisingly intuitive after a while.

The page also addresses important issues like colour-blindness (the map holds up fairly well) and what to do when a station named Aeroport no longer has an airport anywhere near it.

Well worth a look, if only to see the sheer amount of thought and effort that goes into making a transit map of this quality. For me, there’s very little between this map and the Lebedev map, and both would have been very worthy of being the public face of this venerable Metro system.

Submission – Official Map: Josephine County Transit Bus Map, Oregon

Leave a comment
Filed Under:
Official Maps

Submitted by Matthew Harris, who says:

This is the official transit map for Grants Pass, Oregon (Josephine County) and it will supersede your German map (February 2013, 0 stars) as the worst transit map.

Transit Maps says:

I knew it!!!

I knew as soon as I gave a score of zero, something else would appear that was even worse. A blurry, muddy, incomprehensible mess without any useful labeling at all. The inclusion of property boundaries on the background layer makes the main part of the map (the city of Grants Pass, Oregon) so dark that it’s impossible to tell where the black “transfer points” actually are.

Our rating: The only thing saving this map from a rating lower than zero is the fact that there’s a Google Maps transit planner link on the County website, which actually works rather well. It really should just act as the official map, because this is terrible.

Source: Official Josephine County website