Mary Lim

Sunday, October 19, 2014

narrative: union station keynote + stuffs

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

KEYNOTE


ONE POSSIBLE STORYBOARD

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. 

USER PATHS

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. 

WIREFRAMES TO SCALE
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.


WIREFRAMES IN CONTEXT:




FEEDBACK FROM "USER" 
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.

No comments:

Post a Comment