Question: Differentiating Local/Express Services
An anon asks:
What is the best way to display two different lines that share a section if one acts as a local service and the other as an express service? I wanted to use ticks to represent the stations on this map, is there any approach to this problem that allows me to use it?
Transit Maps says:
The solution here is best summed up by the words of the great Massimo Vignelli, who distilled the very essence of transit diagram design down to one little quote:
“A different color for each line, a dot for every station. No dot, no station. Very simple,”
And if you’re using dots as your station markers, it really is that easy, as shown by Vignelli’s own New York Subway map (the 2008 version is shown above), where the express patterns of the 2 and 3 compared to the 1, for example, are easily distinguishable.
Using ticks as station markers does make things a little trickier. You’ll note that the London Underground map separates routes that run along the same track but have different stopping patterns, so there’s absolutely no chance of confusion. I show the section of the Metropolitan Line and Jubilee Line above, but it also occurs on the Picadilly/District Lines west of Earl’s Court. If the route lines touched each other, a tick could be interpreted as belonging to all the lines at that station, so the London approach really is for the best, I feel.
Submission - Crowd-Sourced Colour #2: Stockholm Metro
Submitted by Henning, who says:
Similarly to Vienna’s open vote for the new subway line, Stockholm is doing the same thing. Although one could argue that it’s not really a new line (3 stations), what I find interesting is that this will be the fourth color on the subway map. So after R,G,B, what color do you pick!?
Here is the link: www.linjefarg.se (linjefarg basically means line color)
Thanks and keep up the great work!
Transit Maps says:
Looks like everyone wants to get in on the “vote for the new line colour” action! What I find interesting about the three colours that Stockholm has put up for review — pink, yellow and purple — is how shockingly bright they all are in comparison to the fairly subdued red, green and blue of the existing map. Because of that, I’d probably be a bit of a traditionalist and pick yellow.
Which colour would you pick?
Unofficial Map: KLM Airlines European Routes Map by Veenspace
Submitted by Veenspace, who says:
I made this map inspired by a recent CityLab post on airline maps. It posed that most maps are geographically accurate but hard to read, and that the maps that do go for minimalism lose any geographical component. There’s a balance between the two that I wanted to achieve: readable & geographical. I chose to design it like a circuit board, with KLM’s central hub as the CPU.
Transit Maps says:
The circuit board conceit is perhaps a little gimmicky, with limited applications in the real world (an ad in a computer magazine?), but there’s no doubt that this is nicely executed work. I haven’t always been the greatest fan of subway map-styled airline route maps, far preferring the grandeur of the great arcs used in traditional airline maps, but this strikes a better balance than most, and has a definite aesthetic appeal of its own. Whimsical fun!
Official Map: New Toronto Streetcar Network Being Rolled Out
Submitted by Rob, who says:
The TTC have decided to include a streetcar map inside the new streetcars when they start rolling out at the end of this month. What do you think of the map? With out any actual street grid information it doesn’t seem very helpful since it gives you zero context of where each route is in the street system.
Transit Maps says:
I think Rob is being a little unfair when he says that there’s no street grid information on the map: there’s actually quite a lot of reference points, but the map makes it harder to find than it should be. The east-west streets shown on the map – the ones that have streetcar or subway service – pretty much define the major horizontal elements of Toronto’s downtown grid, and the names of the stations on the Bloor-Danforth (or newly-christened “2”) Line help to define the verticals, as they’re mostly named after the north-south streets they intersect.
However, the type used on the map is so abysmally tiny that I feel it’s going to be difficult for anyone to actually be able to find and use this information. The map is 35” wide by 11” tall, and I’m presuming it’ll be mounted above the doors in the vehicles. The type used for station labels on the map is in the range of just 11 to 13 points, which isn’t that much bigger than what you might find used in a standard typeset novel. It’s certainly not legible from any further away than two feet or so, especially in a moving, crowded streetcar! At least the route numbers are nice and big.
Technically, there’s some pretty sloppy work with some of the curves in the route lines, particularly with the dashed Limited Service routes, and the eastern end of the 506 line. I also don’t see why the Bloor-Yonge subway station needs a little pointer from its label to the station: there’s no possible chance of confusing that label as belonging to anything else on the map!
Typographically, I feel that the Helvetica used for the map labels sits very uneasily with the Art Deco “TTC” typeface used at the top of the map: a definite clash of eras and styles there.
It’s also interesting to note that the map’s north pointer aligns with “street north”, rather than true north (Toronto’s street grid is angled about 17 degrees counter-clockwise from north). However, this probably just reflects common directional terminology in Toronto.
Our rating: Seems to be a bit of a missed opportunity for something truly useful, although I’d love some reports from the field to see if it really is as hard to read as my gut instinct tells me it is. At the moment, my instinct gives it two-and-a-half stars.
I’ve had a few queries about this lately, so hopefully this clears things up. While I gladly ship posters to pretty much anywhere in the world, there’s no doubt that it’s very expensive for me to do so, which probably deters a lot of overseas people from purchasing from me.
If you live in Europe, there may be a more cost-effective solution for you. Just as I make some prints available in the US through Society6, I also have some available on the German print-on-demand site, Artflakes. Because they’re based in Europe, shipping costs are substantially lower than I can offer (although their cost per print is higher). At the moment, I have prints for sale on Artflakes for my:
I’ve also updated the relevant product pages in my shop to make this clearer for people in Europe as they browse. If there’s enough interest from Europe in these prints, I’ll look at adding other maps as well in the future.
Crowd-Sourced Colours: Vienna turns to the people to decide what colour the new U5 line should be
Submitted by Joshua Davidowitz, who says:
Love your blog and always look forward to the next posting! Anyways, I read that in Vienna, the Wiener Linien are doing a vote of whether the new U5 metro line should be in turquoise or pink.
What do you think?
As for me, I would go for turquoise over pink. The pink I find most confusing where it terminates at Karlsplatz and there is the transfer to the U1. If it was somewhere else on the line network it might work, but here it seems to blend in to the red of the U1. If they wanted pink as a line color, I might switch it to the U6 (brown).
Transit Maps says:
Now this is the kind of crowd-sourcing that I like: allowing the people of Vienna to have a say and feel involved in the process of the building of a new U-Bahn line. That said, each colour has its pros and cons for me. As Joshua says, the pink could potentially cause some confusion at Karlsplatz where it meets the Red U1, but pink has much better visual contrast where the U5 runs alongside the green U4.
Interestingly, both colours have very similar values when previewed in Photoshop using colour-blindness proofing settings, so there’s not much of a difference either way there.
In the end, I’d probably opt for turquoise, simply because it helps keep a balance between warm and cool colours on the map.
What do you think (answers enabled)?
1914 Hoch und Untergrundbahn Map, Sophie-Charlotte-Platz, Berlin
One of 26 panels on the walls of the platforms of this U-Bahn station that show the history of the subway before the First World War.
Submission – Historical Map: Proposed Underground Mass Transit, Jakarta, Indonesia, c. 1993
Submitted by Josh Brandt, who says:
I used to work at a university, and one day while poking through some dumpsters I found a big hardbound book full of architectural drawings and tables and things, a final report on developing a mass transit system for Jakarta.
I don’t know if that sort of thing interests you, but here are some pictures of pages from it.
They planned for 2 lines, NS and EW, and mapped them out in detail— I only have pictures of 2 of the street plans since about 2/3 of the book is made up of drawings of the streets with the proposed rail lines overlaid. They came up with 3 or 4 potential plans, including one full-underground line and a couple of mixed underground and elevated rail lines. They also sketched out a couple of stations.
I haven’t gone through and compared in detail to what they’re building now, but it looks pretty similar at a quick glance…
Transit Maps says:
What an amazing find, Josh! This is a real old-school proposal document, with beautiful hand-drawn architectural renderings and plans. I’ll note here that one of the proposing companies is Parsons Brinckerhoff, the firm that I work for as a senior graphic designer – essentially producing the same type of proposal documents, but with the benefit of modern computer software and technology.
Josh has posted a great set on Flickr of pages from the proposal, but I’ve posted one of my favourites here: a plan view of what looks like the north-eastern quadrant of the two-line system, including landmarks and other proposed works along the way. The linework is simply beautiful, and I wish more proposals had hand-drawn maps in them these days.
By the way, the 1993 date comes solely from the artist’s signature on some of the other drawings, which are dated March 1993. More than 20 years later, construction on the Jakarta MRT has only just started…
Our rating: Super yummy old style architectural renderings and maps make me happy. Four stars!
Submission – Official Map: In-Car Map of Rome Tram Lines
Submission and photo by Chris Bastian.
Does a decent job of showing a large and disjointed network in a limited space, although it’s not exactly stylish. Notable for its interesting “circle” and “half-circle” terminus stations, as well as its use of double-headed arrow station markers to show that trams stop in both directions there.
As the tram network basically circumnavigates the historical centre of Rome, that part is basically compressed so much that it’s barely even present anymore – a factor of the limited space, more than anything else.
The map also cheats a bit, as the “3B” between Stazione Trastevere and Piramide is actually a bus line, not a tram, despite being represented identically on the map.
Our rating: Not bad for an above-the-door map that has to show the whole network, but not really memorable either. Two-and-a-half stars.
The Evolution of My Washington, DC Metro Map
Now that I’ve finally brought my DC Metro map fully up to date, I thought it would be interesting to compare all four versions – the first dating back to February 2010, way before the announcement that Lance Wyman would be redesigning the map to accommodate the Silver Line.
The first version is unique in that it includes commuter rail and Amtrak lines as well as the Metro lines, shown by a thinner light purple line, a la the Boston “T” map’s representation of its commuter rail. I was working on my Amtrak as Subway Map project at the time, so adding this type of detail was important to me. Feedback seemed to indicate that Washingtonians didn’t think that this was really necessary – knowing which stations allowed interchange between services was enough – so it was dropped from future versions.
Normal stations are indicated by a white “pill” shape that spans across the route lines. Originally, these were individual dots – one for each line at a given station – but many people seemed to find this confusing. You’ll see that the symbology for stations is the part of the map that changes the most across the different versions as I sought to find the best solution.
Innovations in this map compared to the official map at the time (and now similarly adopted into the new Silver Line map, coincidentally or not) include letter designations for each line (I use a single letter, the official map appends an “L” for “Line” to each letter) instead of the minuscule “<COLOR> LINE” text that used to run alongside each route; and the introduction of a dogleg in the southern part of the Green Line to place the Southern Avenue and Naylor Road stations more accurately in relation to the District/Prince George’s County border.
However, the type on this version is considerably smaller than any of my other maps, and the colour used for parkland is a bit too bright and overpowering. Note also that the Silver Line just runs dead straight once it diverges from the Orange Line, something I wasn’t entirely happy with at the time and would remedy in the next version.
Version 2 is my entry for the Greater Greater Washington “Design the Metro Map” contest back in May 2011. Although it won the “People’s Choice Award" and came second in the juried voting, I now think it’s definitely the weakest of the four maps. Quite frankly, I think I was trying to be just a little bit too clever with some of my design choices, and the map suffers because of it.
In a search for a way to visually depict the odd service patterns on the Red Line and the Peak Orange/Yellow Lines, I thought I would add separate route lines for these services so that a trip could be unambiguously traced from end to end. However, the explanation required in the legend was still confusing, and the additional lines on the map meant that all the route lines now became unacceptably thin and spindly. Spelling out the colour designations for each line in full was also not one of my finer ideas – “PEAK ORANGE” takes up a lot of space – and I reverted back to single letters in the next iteration. The station symbol – a white strip that cuts through the route lines – is the weakest solution used, and definitely made relating station labels to their symbols more difficult than it should have been.
On the plus side, the type for labels was now larger and the configuration of the Silver Line with its bend through Tysons Corner was something I was much happier with. I personally also prefer the 45-degree-angle configuration of the Orange/Silver lines from Rosslyn to Ballston over the previous horizontal one, although this still seems to be a bone of contention with some reviewers of my maps. In reality, the routes head in a direction somewhere between the two angles, so there’s no “perfect” solution in an octolinear map like this.
Version 3 is my response to both the draft Lance Wyman map and the other maps submitted to the GGW contest. I abandoned my extra “service pattern” route lines from Version 2 and thickened the route lines back up again, which makes the map graphically stronger. I eagerly embraced the single best idea to come out of the contest – subtitles for stations that had ridiculously long names – which helped a lot with reducing extraneous visual clutter. The single best feature that I introduced with this map was the simple but effective “walking” icon to show the free out-of-system transfer between Farragut West and Farragut North stations: a real “Eureka!” moment for me.
Station symbols are now “ticks” that point towards their labels: a big improvement over the previous devices, but perhaps a little short to be really useful.
Version 4 is the “final” product, based on the final configuration of Phase I of the Silver Line and feedback from Version 3. Station ticks are now much longer to definitively “point” at their label, which works excellently in my opinion. I’ve added parkland along the Anacostia River to match the new official map’s representation and made a bunch of other minor little tweaks and fixes.
Is it perfect? No, but that was never really the point. I always wanted to make a map that was decidedly different to the official one, to show that there are always alternate solutions to the same design problems. Thinner route lines versus thicker ones, ticks versus whiskered circles, horizontal labels versus angled labels, and so on. Each decision a designer makes affects the look and usability of the final product, and I wanted to make something that had its own unique look and feel while still serving the same purpose as the official map. And in that, I think I’ve succeeded.