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.