top of page
central 2 screens.jpg

Decreasing congestion by optimising a digital wayfinding system on London's public transport


A 6 month project to deliver an improved digital wayfinding system at Canning Town station for London’s public transport provider, Transport for London - TFL. 

User Research
Experience Design
Visual Design

The problem

Customers at Canning Town station were confused by the complex multi level station layout, and the fact that two destinations were served from two different platforms on different levels. On-screen information was limited and hard to read.

Step 1 - Discovery

Pedestrian mapping revealed congestion was a significant issue at the station, especially at the centre of platforms 5 and 6, where passengers were changing mode between underground and rail services.

  • Work out which train called at the station they wanted, by checking printed network maps

  • Find a screen to discover the next departure and platform number

  • Return to static signage to try to work out where the stated platform is located

To find their way, customers had to:

Step 2 - Define use cases

Primary users were commuters and tourists changing between underground and overground rail services at Canning Town. I identified 10 journey types and 4 use cases that would test the hypothetical problem statement.


Step 3 - Workshops

8 interactive remote workshops in Miro with 12 key stakeholders, helped me identify customer pain points and user experience problems. Participants were asked to plot their journeys through the station on a floorplan, whilst explaining their decision making, whilst refering to images of existing digital wayfinding.


I created floorplans of the station in Illustrator, then brought them in to Miro, alongside numbered photographs showing the wayfinding information at each point to help participants orientate themselves.

Step 4 - Information mapping

Insights from the workshops enabled me to build a detailed information map on to station floorplans in Miro. I was able to highlight key decision making points and showed what information customers required when.

workshop_visualv1 copy.jpg

Participants behaviours, pain points and responses were captured on stickies in Miro as they plotted their routes

This enabled me to establish where the key decision making points were and what information was needed at each point

Step 5 - Design

User research helped me identify 4 categories of required screen module:
i) departures, ii) platform overview, iii) specific platform finder and iv) continuing your journey. I designed 3 concepts for these 4 modules and performed 2 rounds of iterations following feedback.

Before - existing screens

Before daisy.jpg
  • Small type size is hard to read

  • Only Docklands Light Railway (DLR) mode is shown - no Underground - despite both being available from the station

  • Design doesnt reflect TFL brand guidelines

Departures screen concept - first iteration

  • 3 destination lines per screen allows larger type sizes, increases visibility, quicker to scan, therefore reducing dwell time

  • Both London Underground and Docklands Light Railways departures displayed

  • TFL digital display brand standards reflected

Departures module final iteration

Depts 1.jpg
  • Colour coded bands added to identify mode, instead of modal roundel on each line to reduce clutter and place emphasis on platform number

  • Scrolling calling points added to enable customers to find their destination as well as the platform number on the same screen

  • Scrolling footer added to provide customers with additional realtime event related information

Platform finder - Station overview module (click to play animation)

PF overview.jpg
  • An axonometric station map helps customers understand the station’s multi level architecture

  • Animation was used to highlight the 2 main lifts - addressing a key pain point for customers who required help to locate step-free access

  • Animation added more clarity to the infographic, and can be used in station management, such as changing pedestrian flows at peak times and highlighting maintenance issues 

Platform finder - Ticket hall  module

PF tickethall.jpg
  • The ticket hall level shows the main interchange level helping customers easily identify their location and how to reach their desired platform

Platform finder - Platform specific module (platforms 1 and 2 DLR line)

PF plat 1 and 2.jpg
  • Simplified platform diagrams and uncluttered layout is quick to  interpret - reducing dwell time at screens, preventing congestion

  • Colour coding used on the edge of each platform helps to emphasize the modal service from each platform ( in this case the teal colour of the DLR is shown)

  • Animation was used to highlight passenger location with a pulsing red dot. 

Platform finder - Platform specific module (platforms 5 and 6 Jubilee line)

  • Prominent arrows guide pedestrian flow and assist in station orientation

Ticket hall at Canning Town station - visualisation of proposed 3 new screens showing departures module, platform finder module and continuing your journey module

ticket hall mockupCroppedv5.jpg

Delivery and Outcomes

To enable the review board to remotely experience a realistic vision of the solution I created a virtual 360 walk through of the station using panoramic video with digital screens superimposed on to it, so they could view it using Google Cardboard for final approval.

The concept was approved and funding agreed for production. The new approach to digital wayfinding is expected to ease congestion, and to improve the overall customer experience.

A 360 station walkthrough was filmed, then new screen designs superimposed within it to help bring the proposed solution to life for review board.

bottom of page