I’m just starting to get this blog up and running and have created a simple banner inspired by the London Underground Map. I grew up in London and have always had the underground map as my mental model of the city. It also has so many ‘connections’ with the kinds of topics I want to explore on this blog, particularly the somewhat amorphous but maturing area of User Experience.
I chose to focus in on Green Park station, a central part of the map where three lines join. The station is highlighted in orange to focus on the magic (or often the pain!) that can occur at the intersection of my three alternative lines of People, Design, and Technology!
If you are interested in the history of the design behind the London Underground map then carry on reading for some notes I’ve made on the subject. There are a few pictures so you could just see the quick 5 second graphical summary just by scrolling down quickly!
Design of the London Underground
Frank Pick was put in charge of publicity in 1907 and five years later became the commercial manager of the London Underground. He put in place many changes to the overall design and look of the system which in it’s early days was quite confusing with commercial advertising all over the place.
Frank wanted to create a modern, clean, consistent and purposeful system through the unity of design. He did so by coordinating all aspects of the design including the station architecture, interior design, fabrics, logos, typeface, posters, etc.
The Logo
The Roundel logo was used from 1908 and first consisted of a solid red disk with a blue bar across it. These signs were used consistently on all stations and gave them a clear identity, distinguishing the station from all the other competing advertising clutter.
Afterwards the typographer Edward Johnston adjusted the Roundel Logo to be the bullseye symbol that is used today a hundred years later and has become not just symbolic of the London Underground but of the city itself.
The Typeface
Edward Johnston designed this clean, easily legible, sans serif typeface in 1916 especially for the London Underground.
- The ‘O’ is a perfect circle like the logo
- The dot on the ‘i’ and ‘j’ are diagonal squares
(similar to the diamond station symbols first used on the tube map 20 years later!)
The Map
The tube map defines a shared mental model of London for the people that live here and for those that visit. It is often the first map used to plan journeys rather than a traditional physical map and so it is the User Interface to the city to aid planning.
The first maps were just normal maps with the position of the underground lines superimposed. As the underground system grew this became more difficult to represent in an understandable way. The example below is from 1908 and is one of the earliest maps to show how the various services connect.
Harry Beck
Harry Beck had been working as an electrical draughtsman for the London Underground and was out of work when he produced the first sketches of the map that we are familiar with today. He was only 29 and worked in his own time on his own initiative. When he first offered it to the management it was rejected as being too radical, but he persevered!
Harry understood that the order of the stations and the connections were the most important things and that the actual geography and distance between stations is less important when you are travelling underground.
Harry was used to drawing circuit diagrams like the one below.
It is no surprise then that when Harry applied his working knowledge of circuit diagrams to the tube map that he came up with the wonderfully elegant schematic map. Below is a picture of Harry Beck with his map.
Here is a closer view of his breakthrough map in 1933
A Design Classic
The map has managed to evolve and adapt to change as needed and is still used relatively unchanged over 75 years later. It was recently celebrated as part of the Royal Mail – British Design Classics stamp collection in it’s modern form.
BBC Design Classics Documentary
The following BBC documentary tells the story behind the London Underground Map.
Influence on other underground maps
Nearly every underground map in the world has taken inspiration from the ideas in Harry Beck’s 1933 design and can also be seen in other transportation maps, such as trains, boats, planes, etc.
Inspiration for representing knowledge
The Great Bear
The artist Simon Patterson created the rather playful work of art called The Great Bear in 1992. The title refers to the constellation Ursa Major while the map has his own arrangement of “stars”. The lines represent different kinds of people such as Philosophers, Actors, Artists, Politicians, Footballers, etc. The fun really happens when you look at some of the people that exist at the interconnection of the lines.
Web Trends 2009
iA Japan have for the last four years produced a map of Web Trends. Their latest map for 2009 can be downloaded from here.
Guardian Map of Music
The Guardian Newspaper produced a similar map for musicians. The full map can be downloaded here.
Inspiration for art
Animals on the Underground
Paul Middlewick first started to spot Animals On The Underground in 1988 and the number is always growing.
Poster for The Tate Gallery
In 1986 David Booth created this poster for The Tate Gallery depicting the map as paint being squeezed out of tubes.
The art world has also taken Harry Beck’s tube map as a source for inspiration and taken it in many abstract directions. They are often used on the cover of the free paper pocket version of the tube map available at all stations. Here are a couple of examples.
Cornelia Parker
Cornelia Parker produced Underground Abstract which took as a starting point the poster above and then imagined it folded in the style of Rorschach Inkblots.
David Shrigley
One of my favourite bits of art based on the tube map is this spaghetti version by David Shrigley.
Connections
Well that’s some of the connections that come to mind when I think about the London Underground Map. There must be many others.
What are your favourites?
Tags: edward johnston, great bear, harry beck, london underground, maps, patterson
March 8, 2011 at 5:30 am |
I really find this is a great interesting subject. Never looked at this subject in this manner. If you are going to write some more articles relating to this subject, I definitely will be back in the near future!
March 13, 2010 at 8:09 pm |
The human body as a subway map…
http://infosthetics.com/archives/2010/03/the_human_body_as_a_subway_map.html
February 2, 2010 at 6:41 am |
[…] the “Stars” on Simon Patterson’s Great Bear (via Brian Kerr) Click to […]
January 24, 2010 at 7:07 pm |
A map of the galaxy based on the London Tube Map… http://www.mailonsunday.co.uk/sciencetech/article-1244706/Mind-gap-Scientist-creates-intergalactic-tube-map-Milky-Way.html
January 6, 2010 at 12:30 am |
A tube map showing trends in many different categories – as you travel outwards each zone takes you further into the future up to 2050…
http://www.fastcompany.com/blog/ben-paynter/ben-paynter/visionary-cheat-sheet-get-ahead-now-roadmap-future
January 5, 2010 at 10:35 pm |
Hey Brian,
Thanks for a brilliant, to-the-point history of the Ldn Underground!
Undergrounds fascinate me too, to add to your research, here’s a temporal, interactive map of the Paris Métro, by Gautier Boucher:
http://gautierboucher.free.fr/
Cheers
November 13, 2009 at 5:59 am |
[…] File this one under “E” for “EPIC WIN”! Cameron Booth created this idealized map of the United States Interstate Highway System, after the style of H. C. Beck’s original London Underground maps. […]
October 18, 2009 at 2:01 pm |
London 2012 Olympic Games pictograms inspired by the tube map…
http://www.london2012.com/about/our-brand/london-2012-olympic-pictograms.php
October 2, 2009 at 4:53 pm |
The Best Movies of All Time map by David Honnorat…
September 19, 2009 at 12:32 am |
The latest simplified September 2009 tube map can be downloaded here. Cleaner look but controversy as they take away the Thames!!! Shock, horror… It’ll be back.
http://news.bbc.co.uk/1/hi/england/london/8260943.stm
September 7, 2009 at 2:51 pm |
Another graphic in tube map style to depict eBay acquisitions…
http://www.meettheboss.com/ebay-acquisitions-and-investments.html
September 7, 2009 at 2:50 pm |
Here is a graphic based on the tube map to explain the acquisitions of Amazon…
http://www.meettheboss.com/amazon-acquisitions-and-investments-zappos.html
August 27, 2009 at 9:28 pm |
A reworked London Tube Map where each station name is replaced with an anagram…
August 24, 2009 at 9:49 am |
The Times newspaper had an article about mapping the temperature of the various parts of the London Underground.
http://www.timesonline.co.uk/tol/travel/news/article6807167.ece
Here is the heat map…
Click to access undergroundhotspots.pdf
August 19, 2009 at 12:04 pm |
If you are intro metro maps, my friend Mark collected loads of them from all over the world and wrote a really nice book about them (including loads of illustrations of the maps of course):
August 21, 2009 at 3:36 pm |
Thanks for the recommendation Eva-Lotta, it looks a great book.
August 12, 2009 at 11:39 pm |
A 3D view with a few key landmarks shown…
http://www.casa.ucl.ac.uk/googlemaps/tubebuildings.html
August 12, 2009 at 11:34 pm |
The way things are ‘connected’ is sometimes more important than where they actually are 🙂
August 10, 2009 at 4:02 pm |
Came across this tube map representing the words, personality types and relationships from the Myers-Briggs Type Indicator test…
http://design.ajou.ac.kr/~thembtimap/
August 10, 2009 at 3:57 pm |
Saw this version of the London Tube Map with pub names instead of stations…
http://xo.typepad.com/blog/2009/08/london-underground-pub-map.html