Archive for June, 2008

Designs on Public Transportation Directions

Google public transportation directions is a great tool. With it you can easily know how to get to an specific place using the best combination of buses, trains and other kinds of public transportation. This could be a great success in Europe, where people are used to go everywhere by public transportation.

 

The Power of Design

This kind of websites already exist in Europe but it is usually offered by local companies, like the city-specific Transport for London website. Unfortunately, most of these were not very successful adapting for the web great design developed previously for paper. Last weekend I stopped by the Munich central station to get a paper timetable, old style but easy to understand, even if you don’t speak German language. This is the German Trains timetable for the Berlin - Munich connection:

(click to enlarge)

German Trains Timetable For Berlin - Munich

 

The Copenhagen city transport website has a less lucky approach, as you can see in the picture below, reading is not that easy. (I use Copenhagen as an example but this is actually happening in several European cities like Munich, London and others).

(click to enlarge)

Copenhagen City Transport Journey Plan

 

The Google Design

The Google Maps approach is by far the best I have found. It is clear, fast and has a printer friendly version. It is also highly interactive, something that others don’t have: e.g. the Munich website displays maps only in PDF format (horrible.)

If you are not familiar with the Google public transportation service, have a look at the following video for a quick introduction. 

 

Some Problems

Although I love the public transit directions on Google Maps I have some worries:

1. Every time I use Google Maps a new button is placed on the map,

2. Why can I edit origin and destination from several places?

3. Some little things (like the bar at the top of the page) make me think that the whole thing could soon become cluttered. 

(click to enlarge)

Google Maps Public Transit Screenshot

 

More Info

If you are interested on maps and timetable designs I recommend Edward Tufte’s book, "Envisioning Information" for a great inside on the topic.

Tufte’s Website

 

Popularity: 37% [?]

A Guide to Perfect Pagination

Pagination is a way to organize information into several web pages, it simply consists in dividing information into numbered pages. This technique comes from the system that has been used to organize information in books since the 16th century.

Traditional Pagination

Book Showing Pagination

 

Pagination today

Google Pagination Example

The Google approach works perfect, no doubt. It is also an example of how branding and usability could be mixed. Take care with too creative solutions.

I was thinking in writing an article about this topic but there is already a lot of information about it on the web. Looking for some hints for a new design I’m working on I have found the following nice references:

Great article on pagination usability, by Jesper Rønn-Jensen.

Webmaster World Forum: find here an interesting discussion about pagination usability.

Pagination gallery at the Smashing Magazine. Nice article but keep in mind that some alternative solutions are risky from the usability point of view.

Example on how bad pagination could ruin a good website (Blockbuster.com example)

Would you like to propose more links? Comments open :)

Popularity: 100% [?]

« Previous Page