Printing TTC Schedules, The Better Way
Last week I printed out the timetable of a TTC bus stop near me and was disappointed with the results. It took three pages and, shudder, was overloaded with white space. Here’s what it looks like:

Ideally the TTC can move to a vastly more efficient printed layout, but in the meantime a little CSS hack will do. Today I spent a few minutes looking at Greenwood Station – 31 Greenwood and have coded some CSS that can be appended to their print stylesheet.
My suggestions:
- Removed the route diagram from the printed version. It consumes vertical space and is not readable as a thumbnail.
- Removed the “Next 3 scheduled buses” block. The full timetable is below, and once printed it’s obsolete.
- Removed inactive tabs (e.g. Saturday, Sunday, Monday) to avoid confusion.
- Set width of time containers to automatic to prevent wrapping
Here’s what it looks like:

And here’s the CSS code (please comment improvements!):
- Published:
- 8.18.09 / 4pm
- Category:
- TTC, User Experience
-
8.19.09 /
7pm
Ordinarily we print only in black and white save for photographs. But yes, it’s better.
Have your say
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
I get my kicks designing and testing the users’ experience of software. Notable projects include search interface designs for:
1 Comment
comments rss | trackback uri