Unofficial Map: Washington DC Metro Map with Silver Line, 2014
Just because I don’t like leaving things unfinished, here’s a new version of my Washington DC Metro map with the final configuration of the Phase I Silver Line shown. For reference, here’s my previous version from 2011.
Like the official map, I’ve left the Phase II Silver Line stations unnamed, which is probably a wise choice, seeing all the variants that the Phase I stations went through! Flipping the Silver Line to the southern side of the Orange Line before East Falls Church was something else that the official map got right, and I’ve emulated that here as well. Only a few other minor tweaks: a couple of station name changes and a darkening of the Red Line colour to aid colour-blind users a little more. What do you think?
Edit – Morning, August 6, 2014: Thanks to Peter Dovak for a couple of tweaks: NoMa–Gallaudet U is now named correctly, and Phase II of the Silver Line’s completion date has been pushed out (unsurprisingly) to 2018. I’ve swapped in a new image above, and I’ve updated the version over on Flickr.
Evening, August 6, 2014: Further edits based on feedback today, especially from the comments left on this Greater Greater Washington post about the map. Changes include the addition of parkland along the Anacostia River as shown on the official map, lengthened “ticks” for stations so that they’re not so “nubby”, route letters in circles instead of squares so that they can’t be confused with the parking icon, proper designation of Wiehle-Reston East as the current western terminus of the Silver Line, and a few minor fixes and clean ups here and there.
Source: Cameron Booth/Flickr
Weird: The Maryland Transit Administration’s Version of the DC Metro Map
Not only is the map out of date (no Rush+, no indication of the Silver Line at all), but the MTA has simply encased the official DC map in their own branding shell and then covered it in hideous and distracting callout boxes denoting their own commuter bus services. Yes, it performs a service, but — dear God! — is it ever ugly.
There should be a law against this kind of thing.
(Source: Maryland Transit Administration’s transit maps web page)
Fantasy Map: New York Subway Map in the Style of Washington DC’s Metro Map by Chris Whong
Yes, it only shows Manhattan and The Bronx with small parts of Brooklyn and Queens, but this is still a pretty awesome mash-up. Aesthetically, it’s a dead ringer for the Washington, DC Metro map — big, fat route lines, the “double ring” interchange stations, green areas for parkland, etc. Nice work from Chris to mimic this style so closely!
While the map looks great, it really also shows how unsuited the bold, simplistic approach taken by the DC diagram is to a complex transit system like New York’s. Vital information that New Yorkers depend upon for daily travel is simply nowhere to be found: the distinction between local and express stations, for example, or any indication of those hugely important free transfers between certain stations.
A few little errors that I see on a quick scan: the “A” and “L” lines are missing their terminus letter designation markers, and 42nd St/Port Authority has no station marker at all.
In the end, Chris probably made this because it seemed like a fun thing to do, and it’s certainly that and more. But it’s also very interesting to see that what works for one city doesn’t always work for another!
(Source: Chris Whong’s website)
Unofficial Map: Washington DC Metro Map by Peter Dovak
An interesting approach to an alternative DC Metro map by Peter Dovak, who previously submitted this fantasy light rail map of Louisville, Kentucky.
There’s quite a bit to like here: I love the circular abstraction of the beltway highway around DC, which is then centred perfactly around the District diamond. Peter’s even made sure that the “square” formed by the three main interchange stations — Metro Center, Gallery Place and L’Enfant Plaza — sits at the exact centre of the diamond/circle, which is a nice design touch. He’s also worked hard to ensure that stations retain their correct position relative to all the boundaries (be they roadway or jurisdictional), which isn’t an easy thing to do.
Less successful, I feel, is the use of 30/60 degree angles for the route lines. While it gives more flexibility in layout, it just ends up looking a little too chaotic when overlaid on the 45-degree angles of the District boundary. Like it or not, this diamond is the shape that defines the District (and the map!): too many angles fights against that shape and dilutes its visual strength. The naturalistic approach taken to the rivers and parkland also creates even more angles that pull the eye different directions. The least successful result of this approach to route lines is the nasty acute angle formed on the southern branch of the Green Line as it turns to follow the District border through the Southern Avenue station.
I like the idea behind the station symbols acting as “ticks” pointing towards their labels, but I feel the white rounded rectangle needs to be brought in from the edge of the “non-tick” side just a little bit. The way it sits right on the edge of the route line at the moment breaks up the flow of the lines and could also cause some problems when printing the map.
Peter’s used the “subtitle” approach to station names that first appeared in a couple of the entries to the Greater Greater Washington map contest and has since migrated to the official map — a fantastic concept, and definitely the right approach. However, he’s also deleted parts of names in certain cases: U Street has lost its “African American Civil War Memorial/Cardozo” subtitle completely. While this definitely saves space and helps labels fit, it’s a huge no-no. Lobby groups have worked hard to give stations those ridiculously long names, and they’re not going to like it if you remove them!
While on the subject of labels, Peter always spells out “Street” and “Road” in station names, but uses “Ave”, “Blvd” or “Sq”. I’d prefer either all spelled out or all abbreviated, not a combination of both.
In the end, this is an interesting alternate take on the DC Metro map. Some ideas work really well, others less so, but the thought processes behind them are valid and considered. For me, this map is a step up in both concept and execution from Peter’s Louisville map.
want to temporarily decorate a big white wall? consider a tape mural! here’s a map of the dc metro system that i made out of electrical tape, painter’s tape, and paint chips on the wall of my dorm room last year.
Super sweet, low budget, awesome looking transit map-themed wall art. I especially like the use of paint chips to represent the rivers. Love it!
Update: Washington, DC Metro Map Final Draft Version
Yes, I post a lot about the DC Metro Map, but it’s not often we get to see the process of developing a transit map as publicly as this, or in such immense detail. I find it fascinating to see the decisions that are made, the different iterations the map goes through, and what is kept and what gets discarded.
Pretty much the only thing up for discussion on this final draft is the shape of the station indicators when there are three route lines present: “whiskers” or “capsule”. I’ve deftly added a “whisker” indicator into the detail part of the map above for easy comparison.
To my mind, the elongated capsule shape is more successful, and is a logical extension of the normal circle shape used to indicate a station. I’d like to see the capsule extend out a little further into the Blue and Orange lines: it barely grazes them at the moment, and isn’t consistent with the amount of overlap you can see when a circle station overlaps two lines, like at Pentagon City — half the circle is on blue, half is on yellow. Similarly, when the symbol is over three lines, half the circle should be on orange and half on blue, joined by the straight edges of the capsule over the Silver Line.
Speaking of the Silver Line, the decision to move it between the Blue and Orange lines is to be applauded. Previous drafts had it sitting above the Orange Line, which necessitated a very clumsy crossover between the Stadium-Armory and Benning Road stations. Having the crossover at East Falls Church instead is visually simpler and cleaner.
Apparently the route lines are now also “24% thinner” than before: looks like Lance Wyman is very grudgingly giving in to the fact that the playfully thick lines of the original map are no longer suitable for this modern version.
Also, there’s parkland shown along the Anacostia River… that’s a first!
Another step in the right direction, I think. Slowly and surely, this map is getting there…
(Source: Plan It Metro website)
Historical Map: “Opening Day” Washington, DC Metro Map, 1976
Directly related to yesterday’s post, here’s an even older map of the Washington, DC Metro — this one is from an informational pamphlet released for the March 29, 1976 opening of the first part of the system, and is clearly dated at he bottom right.
Inexplicably, the Red Line is a dark burgundy colour, while the Orange Line is shown as red, even though they’re both clearly labelled correctly in the legend. How a printing error of this magnitude occurred is beyond me: with four-colour printing, you’d have to add about 40 percent more magenta ink to turn orange into red, and turning red into burgundy requires the addition of a lot of black ink where absolutely none should exist. Totally bizarre!
In another difference from yesterday’s map, you can see that neither Dupont Circle or Gallery Place are open for business yet.
Finally, long time correspondent Matt Johnson — who knows more about the Washington Metro than I ever will — has sent in some interesting information regarding some of the alignments shown on these old maps. I noted yesterday that these old maps don’t have the distinctive kink in the Yellow/Green line near U Street — Matt tells me that’s because at this time there wasn’t planned to be one.
As shown, the plan was for the Green and Yellow Lines to continue directly north from 7th Street into Georgia Avenue (the northern extension of 7th Street) to Kansas Avenue and then on to the current alignment at Fort Totten. Later changes pushed the alignment across to 14th Street and then along New Hampshire Avenue to Fort Totten. And thus, a distinctive visual feature of the modern map was born (and here was I thinking that they put it in to accommodate the ridiculous length of U Street station’s current name!)
Matt also notes that the southern end of the Green Line was changed over time to something of a “hybrid” alignment. Originally, he says, the Green Line was to go to Rosecroft via Congress Heights. By the 1970s, that had changed, and the new plan was to send the line to Branch Avenue via Alabama Avenue, as shown on this map.
However, a lawsuit was brought that WMATA had not held public hearings in the DC area, and as a result a hybrid alignment was chosen. In DC, the line went via Congress Heights (as if it was going to Rosecroft). In Prince George’s the line headed for Branch Avenue. At the District Line, there’s a kink to connect the two different alignments.
Strangely, that kink only appeared on the official map with the recent Rush+ revision, even though it’s always physically been there!
(Source: later in the same Subchat.com thread from yesterday)
Future Map: Washington, DC “Silver Line” Draft Map
Long time readers will be aware of my low opinion of the Washington DC Metro Rail map — here’s a fairly scathing review of the "Rush+" map (March 2012, 2.5 stars) to refresh your memory.
It looks like WMATA is preparing for the opening of the Silver Line and has put a draft version of a new map up on MindMixer for comments. According to the blurb there, the route lines are now thinner and station names are now treated more consistently. The other obvious visual change is the introduction of a new station symbol (one with thin “whisker” extensions) to accommodate the three routes that will now run across the middle of the map. Let’s discuss all of these in turn.
The route lines may be thinner, but only barely. Probably not enough to make any useful difference to the map. While the playful thickness of the route lines are very much an identifying feauture of the WMATA map, it’s now becoming a liability to its usefulness. The extra space required to accommodate the Silver Line through Foggy Bottom and Farragut West means that the six stations on the northwest leg of the Red Line inside the District have to be crammed into a ridiculously tight space — far tighter than anywhere else on the map. I always feel that a diagrammatic map like this has to strive for even and harmonious spacing across the entire map… and this map simply doesn’t do that well any more.
The new treatment of station names includes “consistent street abbreviations across the map”, which should be a good thing: it’s always better to choose either “Avenue” or “Ave” and stick with that choice across the whole map. However, “Hgts” is a visually awful abbreviation for “Heights” and is included for the sole purpose of making “Columbia Hgts” fit on one line without conflicting with the “Van Ness-UDC” label. “Ctr” is an equally terrible abbreviation for “Center”, and doesn’t actually seem to bring any real space-saving benefits to the map.
The new “whiskered” station symbol just feels forced and unnecessary to me. It introduces a third station symbol, even though hierarchically, it means exactly the same as the plain station circle that already exists. An elongated “pill” symbol with the same cap radius as the normal circle would work a lot better in my opinion. Or — narrow down the route lines until the normal circle symbol can touch all three.
At the moment, this map is only a work in progress, but I’m not exactly impressed by any of the new design decisions.
Fully Playable Ms. Pacman Game Based on the Washington, DC Metro Map
This is what you get when you trawl the internet late at night…easily one of the strangest things I’ve come across on the Web lately. You can actually play this map as if it was a game of Ms. Pacman — note the bow in her hair and Cindy Crawford-like beauty spot, just like the original game. Instructions on how to play are here. (Hint: it’s much easier to use the R O Y G B keys to move between route lines than to try and navigate with the arrow keys.)
You can also check out the author’s time-scaled interactive map of the DC Metro while you’re there.
(Source: MV Jantzen website)
On Colour Blindness and Transit Map Design
Colour blindness affects a small but significant percentage of the population, mainly males. It is estimated that around 7 to 8 percent of men are red-green colour blind (the most common type of colour blindness), while less than one percent of women are. Strangely enough, I knew a girl in high school who was colour blind, but I digress…
Transit maps, as informational design, should pay attention to how colour blind users perceive them. Shown above are a few examples of transit maps which have been run through a Photoshop filter called Vischeck which simulates the effects of colour blindness. The left half of each image is a simulation of red-green colour blindness, while the right half is the standard map.
On a simple map with just a few lines, as shown in the Washington DC Metro, things aren’t usually a problem as the routes are easily distinguishable from each other.
The London Underground map does an excellent job of using contrast to differentiate between adjacent route lines, so usability is hardly impaired at all. Look at the northern Circle Line where pink, yellow and burgundy lines become grey (mid-dark), yellow (light) and black (dark) - all very distinct from each other.
The next step up in complexity is the Paris Metro map. Its subdued pastel tones actually hold up surprisingly well – again, by ensuring that adjacent route lines have plenty of contrast between them. Note also that the background colour doesn’t shift in tone at all, giving predictable results for the routes themselves.
Compare the official Paris Metro map to the unofficial one featured yesterday, and things are quite different. The low contrast colour palette used causes many of the routes to turn into very similar shades of yellow and blue, and the background colour shifts completely from green-black to blue-black. While it is certainly still possible to trace the routes, it’s definitely harder on the eye to do so. And as I said yesterday, the workaround solution of tiny “rune” markers on each line is way too small to be of any practicable use.
In the end, a diagrammatic map will almost always be usable by a color blind person, simply because the simplified form will make it easy to trace routes, but more care must be taken the more complex the system becomes. Labelling end points of lines with a letter or number may also help where there are many route colours. A simple plugin like Vischeck allows a designer to quickly gauge how their work may be perceived by those with colour blindness, allowing them to tweak their chosen colours for optimal usage by all.