narrative: union station keynote + stuffs

I'm partners with Mercedes, see her post here:



This is a rough storyboard of what the timeline will look like/what the user will do to in the timeline. The idea is centered around the half-circle, where the dates will occupy the rim of the shape, and each section will be enlargeable. See details in annotations. After doing this storyboard, I realized that Mercedes and I have to think more about how it can be more user-friendly, where the comfort of the user is the highest priority. 


The user path above focuses on the three different tabs the user could click: home, about and history. We may add Amtrak routes as well, however we just focused on these three for now. The user path on the right has three different organizational styles. The first, "search", is for those who have something specific they want to know. The "explore" tab is for those who are more experimental and want to learn something new. "Discover" is when the person just wants to stumble upon a fun fact. 

The first screen shows a grid of circles that emulate the floor pattern.
Three circles in the middle have each tab, "about" and "history."
The other blue circles could be other pages, however, we are not sure
what it could be yet. Perhaps they could just be images.

When the user clicks on "history," the screen will zoom up to the circle, only showing half of it. The user can turn the circle to show the other side. Each geometric shape links to another page. After clicking on "dates," the decades will fan out from the right side. When the user clicks on one date, this is what the screen will look like. After enlarging the section, and after the images and text have fully separated (refer to storyboard), the text will follow the side of the section.


In a paper context, the user did not understand that the words in the second wireframe were buttons. The user found the words and the arrows confusing in terms of which button to press to navigate to the next screen. The first and third panel were, however, were clear in terms of how to navigate throughout. Color changes and the usage of buttons can clarify the confusion in the second panel.


narrative: more research

More Research:

  • 1878 - The New Depot
    • A new rail station is created near the stockyards, nearby where Kansas and Missouri Rivers merge.
    • Quote: Headlines called “Handsomest and largest depot of New York” 
      • Symbolized the remarkable growth of the young Kansas City
  • 1900 - The Flood
    • West Bottoms becomes submerged in water
    • Quote: “The flood’s peak the waiting room was filled to a depth of 6 feet 7 inches while outside only the black humps on top of locomotives were visible. The depot was closed for a week.”
  • 1910 - The Opening
    • 12 railroad companies united to create KCTR and a newly designed station under architect Jarvis Hunt. The railway company increases to gain popularity. Construction begins in 1911 and opens to the public in 1914.
    • Quote: slogan for the construction of Union Station: “Make a Monument”
  • 1920 - Liberty Memorial
    • Local leaders bring together commanders of the armies in World War I to built a national monument in their honor. On New Year’s Eve, when the prohibition began, a few hundred people gathered to celebrate.
    • Quote: For one night Union Station was the center of the city’s wide open, party till-dawn swinging culture.”
      • called Union Station “the Heart of America”
      • was the largest Union Station in the country aside from New York
  • 1930 - The Union Station Massacre
    • On June 1933, a shootout occurred at Union Station where Frank-Nash, bank-robber, escaped the penitentiary in Leavenworth, Kansas. Five people were murdered.
    • Quote: “Put ‘em up. Up! Up!”
  • 1940 - World War II
    • Ridership continues to increase as World War II finally ceases in 1945. Soldiers pass through the station to get home after the war.
  • 1950 - The Long Decline
    • During this time, passenger numbers decrease as air travel becomes more popular.
    • Quote: “Failure to modernize will be accompanied by the risk of gradual deterioration of the remarkably high prestige which Fred Harvey enjoys in Kansas City.”
  • 1960 - Continual Deterioration
    • The style of Union Station became outdated. In 1961, 35,000 tickets were handled, however, it dropped in 1969 to 13,000.  
    • Quote: “There just isn’t any future or need for passenger trains.”
  • 1970 - A Historic Site
    • The federal government designates Union Station as a protected structure and is placed on the National Register of Historic Places. The space was used as an exhibition space from displaying vintage automobiles to cat shows. Later, Amtrak takes over the company as ridership continues to decrease.
    • Quote: Union Station was “...no longer justified by its use.
  • 1980 - A Time of Failure
    • Amtrak and The Lobster Pot restaurant hold out despite Union Station’s state. Kansas City initiates legal action against the redevelopment company for failing to develop the station. In 1983, the station closes. In failing to refurbish the building, the station continues to deteriorate.     
    • Quote: “Nobody knows what to do about it.”
      • “I could see a train wreck coming.”
  • 1990 - Lawsuits and Restoration
    • The Trizec settlement allowed them to cut ties with Union Station. At this, the restoration effort began with the formation of Union Station Assistance Corporation. Kansas City then creates a tax to restore and redevelop the building which consisted of $118 out of the needed $250 million project. The building also housed Science City as a main attraction.
    • Quote: “He wanted designers to think of “adventure and immersion.”
      • The importance of immersion
  • 2000 - The Upward Climb
    • Amtrak partners with Union Station once more

Union Station Kansas City by Jeffrey Spivak
http://www.kchistory.org/cgi-bin/showfile.exe CISOROOT=/Building_Pr&CISOPTR=23&filename=24.pdf



hcd: edited promos

I liked this version much better than the other simpler version with four bands of instruments. I'm wondering if the text could be placed in a different place...For this design, I wanted to focus on Earl Klugh. In emphasizing the guitar in the center and also overlapping with the text, the yellow draws the viewer's eye right to it. As if looking through a window, the black shapes frame the image and create a rippling effect. 


narrative: wireframes

Mercedes and I are in a group together, and we've been thinking about how the user will approach the interactive piece. Here are different ways the user will do to get to the timeline: