{"id":8383,"date":"2015-06-03T09:31:54","date_gmt":"2015-06-03T09:31:54","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=8383"},"modified":"2015-06-03T09:31:54","modified_gmt":"2015-06-03T09:31:54","slug":"what-you-can-learn-about-ux-from-the-london-underground","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/","title":{"rendered":"What you can learn about UX from the London Underground"},"content":{"rendered":"<p>The main aim of the London Underground is to get people where they want to go as quickly as possible. Everything is geared towards efficiency, from the font sizes used on signage to the different colours of the tube lines. Although people are quick to complain about delays and closures, in and of itself it\u2019s an incredible feat that <a href=\"https:\/\/www.bbc.co.uk\/news\/uk-england-london-19137030\" target=\"_blank\">up to 4.4 million people\u00a0per day<\/a> can travel across 250 miles of London (<a href=\"https:\/\/en.wikipedia.org\/wiki\/London_Underground\" target=\"_blank\">source<\/a>) with a minimal amount of effort to understand where they need to go and how they\u2019re going to get there.<\/p>\n<p>But how can the world\u2019s oldest metro system help you improve your website? Read on to find out more\u2026<\/p>\n<hr \/>\n<h3>Signs and symbols<\/h3>\n<p>Similarly to roads and public areas generally, the Underground uses universally recognised signs and symbols to visually guide people. They take up less space than words and are instantly processed without needing to read or think, as well as being universally understood regardless of age or nationality.<\/p>\n<p>But it\u2019s not just about the signs themselves. Their placement is incredibly specific, too. In the Underground, you\u2019re only ever presented with signs at the point you need to act and make a decision about where to go. This is designed specifically to stop bottlenecks of hesitation from <a href=\"https:\/\/en.wikipedia.org\/wiki\/Information_overload\" target=\"_blank\">information overload<\/a>,\u00a0where people stop dead in order to think and make a decision. This reduces crowding and queues and ensures a near-constant flow of people.<\/p>\n<p>When it comes to your website, the same is true. It\u2019s not just about the icons you use, but where you place them and what they help users achieve. With web design, there\u2019s always a risk that icons and symbols will be used to fill a space or purely for aesthetic reasons rather than having a functional use of improving user experience. Another common pitfall is using too many icons and links in a small area. To improve this, imagine a single page as a single underground journey with potential directions to take. If you\u2019re faced with a lot of information and\/or decision-making in less than a second, think about how you can simplify what you\u2019re offering your users and how you can help them achieve their aims more efficiently whilst minimising frustration and anxiety.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8386\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/uxlondon.jpg\" alt=\"uxlondon\" width=\"600\" height=\"378\" \/><\/p>\n<p>Where signs at the Underground do include text, they are clear instructions such as \u201cStand on the right\u201d, which are quick to read and have no universally common symbol to denote. Do the same for your website through calls to action such as \u201cBuy now\u201d and \u201cLearn more\u201d. If you use any icons or symbols that could be interpreted as having multiple meanings or instructions, remove them and replace with text where possible. If someone wouldn\u2019t understand your icon in isolation without any other hints, consider if it\u2019s right for your page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8388\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/uxlondon2.jpg\" alt=\"uxlondon2\" width=\"600\" height=\"266\" \/><\/p>\n<hr \/>\n<h3>Journey to the centre of the earth<\/h3>\n<p>Your visitors progress through your website similarly to how passengers progress through the underground. In both situations, people depend on instructions and benefit from guidance about which direction to take. But unlike the tube, your website signposts go far beyond images and written text thanks to links. Consider:<\/p>\n<p><strong>Breadcrumbs<\/strong> \u2013 Does your website utilise breadcrumbs effectively? Can visitors easily understand where they are and go backwards as well as forwards?<\/p>\n<p><strong>Tracking experiences<\/strong> \u2013 Do you actively use heatmapping to see how users behave? Have you set up goals and funnels in your analytics software? Do you encourage feedback from visitors? Can visitors achieve what they (and you) expect them to (e.g. place an order, sign up to a newsletter, send you an email)?<\/p>\n<p><strong>Clarity<\/strong> &#8211; Are there any points on your website where your visitors may be confused about what to do next? Does every page include a clear primary call to action? Are users ever pulled in too many potential directions?<\/p>\n<p>Having an overall clear goal for your website\/business helps you focus your site around what\u2019s important and guides you into creating effective paths to guide visitors.<\/p>\n<hr \/>\n<h3>The Tube map<\/h3>\n<p>A global icon of British culture, the underground map is extremely simple for the wealth of information it presents to users. Aside from the key, the only words are station names, and universal icons (disabled facilities, railway stations etc.) are utilised effectively to provide additional information without distraction.<\/p>\n<p>Back in 1908, the Tube map was considerably more complex, and important elements \u2013 including the ends of some lines &#8211; had to be ignored altogether for spatial reasons:<\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Tube_map#\/media\/File:Tube_map_1908-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8390\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/uxlondon3.jpg\" alt=\"uxlondon3\" width=\"600\" height=\"478\" \/><\/a><\/p>\n<p>It wasn\u2019t until 1938 that Harry Beck designed a diagram version that eliminated everything but the important details: where stations were in relation to each other (rather than where they were in relation to particular parts of London), which eventually developed into the version we know today. Beck undertook the task as a side project, and the authorities were sceptical until it proved popular with the public. This is a great example of how listening to your customers and accommodating their preferences can change your approach for the better. User-driven user experience through analysing data and utilising feedback through forms and surveys can make a huge impact on how people use your services and their attitudes towards them. Help your visitors on an efficient journey through your website with clear, predictable routes. Establish common journeys (such as landing page through to order completion) and work on making them easier to improve user experience and sales.<\/p>\n<p>The line colours were originally chosen based on what would print well, but Transport for London (TfL) takes them very seriously and even has a <a href=\"https:\/\/www.tfl.gov.uk\/cdn\/static\/cms\/documents\/tfl-colour-standard.pdf\" target=\"_blank\">Colour Standard PDF<\/a>. It states, \u201cConsistent use of colour across journey planners, signage and livery etc, also helps guide passengers to their destinations,\u201d showing that their principles and approach are consistent across their print and digital information as well as their real-world practices.<\/p>\n<p>When it comes to branding, creating a document or folder of information outlining everything from logos to heading styles really helps create a foundation for consistency. Even if it\u2019s only you working on the website, it\u2019s always handy to have details of fonts, colours and other style choices as they are usually the first things forgotten when you move on to a new project.<\/p>\n<p>For on-page site maps, headings, and order processes, consider differentiation to denote importance. For example, the Underground map uses a circle to represent main stations whilst minor stations have a line. You could take a similar approach using different bullet points and heading styles to denote hierarchy, for example for distinguishing between categories and products.<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/tompagenet\/303823774\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8395\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/303823774_ec8078f99a_z.jpg\" alt=\"303823774_ec8078f99a_z\" width=\"640\" height=\"357\" \/><\/a><\/p>\n<p>There are actually\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/Tube_map#Official_versions_of_the_Tube_map\" target=\"_blank\">ten different official versions of the Tube map<\/a>. This caters for minority needs, for example there is a Bicycle map which shows sections of the network that allow bikes. For your website, look at adaptions you can make for accessibility or specific needs, for example having an integrated currency switcher or the ability to expand\/open additional information. You may also want to look at creating different site maps for your visitors and the search engines to accommodate both sets of needs, or create landing pages focused around key links and common processes.<\/p>\n<hr \/>\n<h3>Typography<\/h3>\n<p>With roots going back a century, \u201cJohnston\u201d has become the instantly recognisable typeface of London transport. Despite various different forms and minor changes over the years, it\u2019s one of the longest-running examples of corporate branding in history.<\/p>\n<p>The font\u2019s use has been extended beyond transport thanks to Olympics and Westfield London shopping centre signage as well as its use in TV programmes such as Sherlock. Nevertheless, TfL keeps firm control over it; it is not commercially available and licenses must be requested and allocated on an individual basis.<\/p>\n<p>Having a particular font family for your business can really help make it instantly identifiable whether someone is visiting your website, reading your business card, or looking at your flyer. Try to keep the number of fonts you use to a minimum, and go for practicality over style to ensure it stays timeless and is easy to read. \u201cJohnston\u201d and its other derivatives were all originally developed and used based on legibility, particularly at small sizes and at a distance.<\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Johnston_%28typeface%29#\/media\/File:LU_Leytonstone_sign.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8398\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/uxlondon4-300x225.jpg\" alt=\"uxlondon4\" width=\"300\" height=\"225\" \/><\/a><\/p>\n<p>If you\u2019re interested in reading more about the history and development of Johnston, check out A Typeface for the Underground\u00a0and the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Johnston_%28typeface%29\" target=\"_blank\">Johnston type article on Wikipedia<\/a>.<\/p>\n<p>TfL has very strict guidelines, and their <a href=\"https:\/\/tfl.gov.uk\/info-for\/suppliers-and-contractors\/design-standards\" target=\"_blank\">Design Standards<\/a>\u00a0and <a href=\"https:\/\/tfl.gov.uk\/info-for\/suppliers-and-contractors\/digital-toolkit\" target=\"_blank\">Digital Toolkits<\/a>\u00a0are well worth a look too if you love branding and design.<\/p>\n<hr \/>\n<h3>Guidance through processes<\/h3>\n<p>The final part of this post looks at how the London Underground optimises user experience through process guidance, specifically buying and using tickets. Just like everything else with the Underground, this is geared towards efficiency.<\/p>\n<p>The process of buying and using a ticket has four key UX elements:<\/p>\n<p><strong>Efficiency<\/strong> &#8211; Ticket machines have a clear, simple touch screen process that guides the user through choosing a ticket and method of payment. Users can also choose to prepare ahead of time by topping up an Oyster card or using a contactless bank card, avoiding the need to queue at all, reducing the number of people faffing with paper tickets, and helping the environment.<\/p>\n<p><strong>Simplicity<\/strong> \u2013 Users are encouraged to use Oyster cards and contactless cards, eliminating queues at both the \u2018buying\u2019 and \u2018using\u2019 ticket stages. Touch screen machines are optimised so that users only need to make one decision at a time and aren\u2019t overloaded with options and information. Symbols and signage are utilised effectively.<\/p>\n<p><strong>Choice<\/strong> &#8211; Users have the ability to buy tickets in different ways (from humans, machines, prior to arriving at the station), different types of tickets (e.g. travel cards for particular zones\/time periods, Oyster cards, group tickets, contactless cards), and different methods of payment (cash, card, online). Although this is a complex element for a system designed to be as simple as possible, it caters to users\u2019 needs. It\u2019s also simplified to some degree by the separation of processes: there is a flow of Buy Ticket &gt; Pass Through Barrier &gt; Get on Train; regardless of how many different choices at the Buy Ticket phase, it doesn\u2019t lengthen the stages of the overall process any further as only one action needs to be taken.<\/p>\n<p><strong>Familiarity<\/strong> \u2013 Each Underground station has consistencies in terms of the methods of buying and using tickets, passing through barriers, entering and existing, and directional signage. The user has a clear understanding of what they need to do regardless of which station they are at.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8399\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/uxlondon5.jpg\" alt=\"uxlondon5\" width=\"600\" height=\"480\" \/><\/p>\n<p>In many ways, the process of a user buying and using an Underground ticket is very similar to the process of a user completing one of your website goals (such as placing an order, registering for an account, or filling out a contact form). Focusing on optimising key user experience elements like efficiency, simplicity, choice, and familiarity not only makes it more likely a goal will be achieved, but also ensures customer satisfaction. Always view user experience and your website processes as works in progress, and track and review regularly to see where improvements can be made and new technologies utilised for ease of use.<\/p>\n<p><em>What changes have you made to your website that have improved user experience? Let us know in the comments!<\/em><\/p>\n<p><em>(<a href=\"https:\/\/www.flickr.com\/photos\/tompagenet\/9266195445\/\" target=\"_blank\">Header image credit<\/a>)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The main aim of the London Underground is to get people where they want to go as quickly as possible. Everything is geared towards efficiency, from the font sizes used on signage to the different colours of the tube lines. But how can the world\u2019s oldest metro system help you improve your website?<\/p>\n","protected":false},"author":2,"featured_media":8403,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":{"0":"post-8383","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-your-website"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What you can learn about UX from the London Underground - Heart Internet<\/title>\n<meta name=\"description\" content=\"How can the world\u2019s oldest metro system help you improve the UX on your website?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What you can learn about UX from the London Underground - Heart Internet\" \/>\n<meta property=\"og:description\" content=\"How can the world\u2019s oldest metro system help you improve the UX on your website?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\" \/>\n<meta property=\"og:site_name\" content=\"Heart Internet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/heartinternet\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-03T09:31:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1715\" \/>\n\t<meta property=\"og:image:height\" content=\"754\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eliot Chambers-Ostler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:site\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eliot Chambers-Ostler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\"},\"author\":{\"name\":\"Eliot Chambers-Ostler\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\"},\"headline\":\"What you can learn about UX from the London Underground\",\"datePublished\":\"2015-06-03T09:31:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\"},\"wordCount\":1886,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg\",\"articleSection\":[\"Your Website\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\",\"name\":\"What you can learn about UX from the London Underground - Heart Internet\",\"isPartOf\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg\",\"datePublished\":\"2015-06-03T09:31:54+00:00\",\"description\":\"How can the world\u2019s oldest metro system help you improve the UX on your website?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg\",\"width\":1715,\"height\":754},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.heartinternet.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What you can learn about UX from the London Underground\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heartblog.victory.digital\/#website\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"name\":\"Heart Internet\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heartblog.victory.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\",\"name\":\"Heart Internet\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"width\":992,\"height\":252,\"caption\":\"Heart Internet\"},\"image\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/heartinternet\/\",\"https:\/\/x.com\/heartinternet\",\"https:\/\/www.linkedin.com\/company\/heart-internet-ltd\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\",\"name\":\"Eliot Chambers-Ostler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"caption\":\"Eliot Chambers-Ostler\"},\"url\":\"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What you can learn about UX from the London Underground - Heart Internet","description":"How can the world\u2019s oldest metro system help you improve the UX on your website?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/","og_locale":"en_GB","og_type":"article","og_title":"What you can learn about UX from the London Underground - Heart Internet","og_description":"How can the world\u2019s oldest metro system help you improve the UX on your website?","og_url":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/","og_site_name":"Heart Internet","article_publisher":"https:\/\/www.facebook.com\/heartinternet\/","article_published_time":"2015-06-03T09:31:54+00:00","og_image":[{"width":1715,"height":754,"url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg","type":"image\/jpeg"}],"author":"Eliot Chambers-Ostler","twitter_card":"summary_large_image","twitter_creator":"@heartinternet","twitter_site":"@heartinternet","twitter_misc":{"Written by":"Eliot Chambers-Ostler","Estimated reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#article","isPartOf":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/"},"author":{"name":"Eliot Chambers-Ostler","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28"},"headline":"What you can learn about UX from the London Underground","datePublished":"2015-06-03T09:31:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/"},"wordCount":1886,"commentCount":2,"publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg","articleSection":["Your Website"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/","url":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/","name":"What you can learn about UX from the London Underground - Heart Internet","isPartOf":{"@id":"https:\/\/heartblog.victory.digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg","datePublished":"2015-06-03T09:31:54+00:00","description":"How can the world\u2019s oldest metro system help you improve the UX on your website?","breadcrumb":{"@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#primaryimage","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/ux-london2.jpg","width":1715,"height":754},{"@type":"BreadcrumbList","@id":"https:\/\/www.heartinternet.uk\/blog\/what-you-can-learn-about-ux-from-the-london-underground\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heartinternet.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"What you can learn about UX from the London Underground"}]},{"@type":"WebSite","@id":"https:\/\/heartblog.victory.digital\/#website","url":"https:\/\/heartblog.victory.digital\/","name":"Heart Internet","description":"","publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heartblog.victory.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/heartblog.victory.digital\/#organization","name":"Heart Internet","url":"https:\/\/heartblog.victory.digital\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","width":992,"height":252,"caption":"Heart Internet"},"image":{"@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/heartinternet\/","https:\/\/x.com\/heartinternet","https:\/\/www.linkedin.com\/company\/heart-internet-ltd"]},{"@type":"Person","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28","name":"Eliot Chambers-Ostler","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","caption":"Eliot Chambers-Ostler"},"url":"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/8383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=8383"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/8383\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/8403"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=8383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=8383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=8383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}