LearnGreat UX tip

Avatar

Ryan Carson
writes on February 9, 2009

I was booking a train ticket yesterday on TheTrainline.com and was impressed by a nice little detail. When you’re choosing your train time, there’s this huge grid of potential tickets and it’s pretty overwhelming. To help you, they highlight the row and column where your mouse is hovering.

Paying attention to details like that are what make using a sight really easy. Well done TrainLine!

Screenshot of the TrainLine user interface

0 Responses to “Great UX tip”

  1. Okay, that bit of the site is nice!

    But the system which drives all those train ticket websites is a nightmare, for example try booking tickets at 3am. It doesn’t work, why! Ek!!!

    So much potential, just interested to see how things pan out with it over the next 6 months…

    I hear things are planned! 😉

  2. blablabla on February 13, 2009 at 8:52 pm said:

    you fucking hypocrite and idiot

  3. Very nice! And I appreciate the Tablecloth link too, Richard. Thanks!

  4. I think the journey selection on National Express is dreadful, it is far too busy with pop ups flying everywhere and trying to see the price of a particular journey is so time consuming. Instead of being all flash and bam with the technology side of it, make it simple to understand how much im going to pay. thetrainline may be over simplified but I’d take that any day over the mock wizardry which is the National Express site.

  5. @Richard

    Tablecloth looks great. Thanks for the link.

  6. Small adds makes a huge difference .

  7. I’ve noticed this before and Richard is right, the National Express East Coast site is superb – much better than the other train booking sites.

  8. Paul seys on February 9, 2009 at 9:15 pm said:

    I think the guys responsible for the improved UI aren’t a million miles away from the carsonified office. The changes were made a few months ago after thetrainline consulted the Bristol based consultancy cx partners.

  9. If you’re impressed by that; check out the booking UI at http://www.nationalexpresseastcoast.com/. They have really one-upped The Trainline. It’s so much easier to use, and snappier. No pagination.

    Richard

  10. theTrainline has improved, but I still love the URL querying of traintimes.org.uk, for example – to find the next train from Leeds to London, just type their URL followed by /leeds/london, simple but effective use of sensible URL’s.

  11. Which does make a nice change, because thetrainline used to be dreadful (almost with a capital D).

  12. It is a nice trick – we use Tablecloth to create a similar effect where needed.

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more