Developing the timeline

After researching the ways to structure the given information we developed two ways of displaying the content. Besides the theoretical milestones, given by Caroline Bos in her lecture, the project is supported by an extensive timeline.

The unusual part about the timeline is that it starts in the late 19th century, and describes not only the development of a current project, but all the progress since the first station was built.

Caroline talks about the social and cultural changes, which created and facilitated the current way we travel, and the timeline illustrates it in a condensed, but saturated format.


First proposal:



Working on the content of a timeline requires a lot of decisions: An intuitive and informative navigation is an example. To give the feeling of a steady flow, the content is displayed in a horizontal scroll. When the page loads, the user sees a particular point on the timeline: the date UNStudio started work on Arnhem central station (1996). Then the content can be scrolled to the right to explore the development of the project and to the left to go to the historical overview part.
Initial load page:

Screen Shot 2015-11-17 at 10.20.52

One of the challenges is the display of various types of images in a coherent flow: The images vary from the 19th century engravings and early 20th century photos to the high resolution 3D models and contemporary digital photography. This can be done in two ways: by using guidelines or through CSS. First, creating guidelines for image editing and working on every image, according to the guideline. The second way is to unify the images be styling them in CSS, by assigning specific filters to each type of images (sorted by time period, type of event etc).

Sketch of a saturation mode:



Another challenge is to create a navigation bar, which allows the user to jump to the specific moment in time and also to get to the beginning or an end without the need to scroll all the way. The difficult part of this part is that the each part of the bar needs to respond to touch, and to be small enough to fit in the entire sequence on an IPad screen


Intermediate version of the timeline:


Updates: Unified style, more efficient navigation, typographic refinement, captions moved on top of the image.


One of the decisions PublishingLab has come up with is to include in the timeline the documentation of the opening of the station. Also we thought of including of some speculative visuals about the years to come. Finishing the timeline with the future milestone highlights the idea that after the job of the architect is done the visitor of the building is the one who continues creating the space.


Opening of Arnhem Central Station on 19th of November 2015:

During the last meeting with UNStudio we agreed on making the timeline more saturated with facts and figures and interaction.


Challenges for the current sprint

  1. Give the user more opportunities to explore by adding layers of information onto each image. This requires working with captions and pop-up windows.
  2. Develop a menu, which gives the most accurate and precise navigation within years. It has to deal with variety of saturation with content. For example, during the 90’s the timeline is very linear, with one event per year, or less. But if we look at the development of the project in the past ten years, the number of events in a year increases, so the interface should hint at the varied amount of content in each time period in the navigation bar.
  3. Sort different time periods by applying CSS styles, and to work on the appearance, in order to connect it with other chapters not only by content but through a consistent visual style.

We are in sprint 4, and aim to have dealt with these challenges and incorporated new material by December 11.