work-sf-transit-history.php

San Francisco Transit History

Telling local history with interactive visualization

The history of San Francisco’s transit system can be traced back as far as 1873, when the first Cable Car began service. This visualization tell its history through an exploratory map that highlights important events as well as the diverse fleets in the system. The visualization borrows the design language from existing transit maps and splits the story into multiple “routes” to reflect how each part of the transit system has its own story. As the story moves through time, there are also points where the routes intersect, which illustrate major events in the history.

In this project, I took on the role of lead designer. I created the user interaction flows and visual prototypes (both low- and high-fidelity mockups). In addition, I supported data cleanup, content creation, as well as engineering tasks as needed.

The project has been featured on Huffington Post and thisbigcity.


Concept sketches
Concept sketches
Early design with parallel timelines
Early design with parallel timelines
Intro screen
Intro screen
Showing one storyline from past to present
Showing one storyline from past to present
Showing two storylines with an overlapping event
Showing two storylines with an overlapping event
Showing all storylines, which altogether forms a system map
Showing all storylines, which altogether forms a “system map”
The user can click on any dot and read about the historical event that happen during that point in time
The user can click on any dot and read about the historical event that happen during that point in time
Each event is accompanied by an image that illustrates and contextualizes it
Each event is accompanied by an image that illustrates and contextualizes it
The last dot closes the storyline and talks about future vision
The last dot closes the storyline and talks about future vision