Archive for January, 2010
Jan
The X-Effect
Our second exercise in my Type in Motion course asked us to take the sentence “The X-Effect by (First + Last Name)” and animated it. We were allowed to do whatever we pleased in order to explore the different effects and filters that were possible in After Effects.
My first exploration yielded one that was quite interesting, but I felt it to be a bit too random and slightly tacky, which bothered me.
I took the experimentation from my first attempt and learned to use them in more subtle ways to animate the text. In this clip I explored lighting, depth, glow effect, lens flare (Slightly tacky, I know, I know, but when am I ever going to be allowed to use lens flare ever again??), subtlety in movement, pacing, an over-exposure effect, scale, and colour. I also had my first attempt in pairing typography in motion to a sound file (most important less learned from that was that AE really doesn’t do well with mp3s! Something to do with how mp3′s compress the audio information?)
Anyway, let me know what you think!
Jan
GO Transit Website Redesign
GO Transit, Ontario’s only inter-regional transit system, launched the redesign of their website. Their previous design, shown in the thumbnail above, had more or less been the same since September 2007, and even then it was just a step behind.
My first impression of the redesign was quite positive. I was happy to see that the site was visually much more pleasing and that someone had taken the time to give it a fresh look. It makes excellent use of the space that is offered by modern resolution sizes and very great use of white space. A grid was now set up, where there wasn’t one before, and they ditched the table-based coding for the box model. Big plus.
The home page is much more organized now. There is a definite sense of hierarchy has been established and certain elements are given prominence. A carousel has been created using jQuery to cycle information that GO wants its users to see and buttons have been created for the three things riders care most about: service status, fares, and schedules. Below this, is secondary information that the user may or may nor care about.
The global navigation utilizes an unordered list, but I wish each link had a specified height and width so that functionality would be better. The secondary navigation pulls out in a drop down on hover then proceeds to animate to the next item as your mouse moves from one link to another. Now I’m not a huge fan of drop-down sub navigation to begin with, but if done correctly I don’t mind it. The animation on this one annoyed me quite a bit and I found it to be very unnecessary.
A large number of the static content pages make use of an accordion effect to relay the information. I like that this helps to break down the information-heavy content, making it more inviting. It would have been nicer to have the functionality to close each accordion by clicking the title again, rather than having to scroll my way to the next section (kind of defeats the point doesn’t it?)
One aspect that I am greatly disappointed in is the schedule system that is available to the riders. This is the same organization that had been available on the previous version of the site. Ever since I began my classes at Sheridan, I became an infrequent GO rider. Being infrequent meant I was constantly checking the schedules to make sure of the arrival times of my bus. I remember the very first time I came across this system, I was so puzzled by it. It took quite some time to navigate and figure out how to find the schedule for the right bus.
The first option is to choose from a list of GO schedules. This displays a list of schedules, but these schedules are not by bus route number, as most transit systems will do. This, on the other hand, displays a list of schedules that they have come up with based on destination (Buses often pass through same locations, but have different routes). Clicking on a schedule will bring you to another list, asking you to choose the day that you are riding and the direction you are traveling. This will then pull up a schedule (with several bus routes all in one). Also, for some reason, this schedule breaks the layout (it did this in the previous version as well).
The second option available is to choose from the weekday quick tables. There are four locations that are most frequented by the GO buses: Square One, Union Station, York University, and Pearson International Airport. Clicking one of these will bring you to a page where you can view PDF versions of the quick tables (which are business-card sized tables with arrival/departure times).
The last option, the one I use most, is the schedule finder. This had taken me ages to figure out on my own, which was not a pleasant experience. If you’ve never used it, try it out and tell me what your experience was. I’d be very interested to hear about it! There are several drop down options that you have to select through (these fields change depending on previous answers, so I realized you have to answer them in order for the finder to operate at its best). After finally figuring out how to answer all the fields, you get the aforementioned schedule from the first option.
I really wish they would have taken the time to rethink the information architecture of their schedules. Not only are they difficult to understand for a first-time rider, it creates a frustration that they do not need. (GO has a reputation for having too many delays and late bus/trains)
That’s my take on the redesign, your thoughts?
Jan
Dabbling in Stop Motion
This term, I’m taking a course on Type in Motion, which deals with looking at typography from a more dynamic perspective. My first exercise for this course was to take a word (earth, wind, fire, or water) and illustrate it in motion using that element through stop motion photography.
I wrote out “fire” using raw sugar, then burnt it using a creme brulee torch. Enjoy!
Jan
Design Work Life
I recently discovered, and fell in love with, Design Work Life. Lately I’ve been more and more drawn to crafty DIY kinds of designs/projects and I’m absolutely inspired by the works that they showcase.