Sofa's blog about design, code Ampersand everything else.

« Previous Sofa Icon Friday the 3rd of July, 2009 Writing for The Web Next »

Stopped at Every Turn 

by Jonathan Dann

The touch-screens at Gare du Nord don't like me, but for a long time my girlfriend didn't know what I was complaining about. It took me a while to work out why: parallax.

I was recently speaking with @koenbok about the possibility of redesigning something that we use every day but could be infinitely better. I came up with 2 major contenders: the cash-point (I'm English, ATM for those or you across the Pond) and the train-ticket machine. The train-ticket machine is the one which appears to vary most wildly, and the ones I've had the pleasure of using end up being the most temperamental.

I frequently take trains from both Amsterdam to Paris and Paris to London. Surprisingly, for each, I do the return journey exactly the same number of times. As a man of the 21st Century I book my tickets online and expect to be able to collect them at the station. In doing so, I've found many stages in obtaining said tickets that are so common, we often don't even realise that there's a problem there.

Finding My Booking Reference

I'm an iCal user. Calendaring is a pain on any platform, however the integration of iCal and my iPhone, and the CalDav standard means that I've got a system that works. When I've booked my tickets online I get an email with all the information about my travels, including the all-important reference number. The problem is I have to find the information amongst reams of text and misplaces images (some companies make this harder than others) and manually enter it into iCal. Depending on the email, Apple's Data Detectors help very little.

So I arrive at the station and I need to enter my reference into the machine. The problem is I've forgotten to enter my travel details into iCal. I have to go into Mail on my iPhone and hope that the email is still on the phone (I'm cheap so I book my tickets way in advance). I'll concede that iPhone OS 3.0 has made this a whole lot less painful by allowing me to search for mail on the server, but signal can be a problem.

The really simple solution is for each of these companies to generate an .ics file and attach it to the email. The reference itself can be placed into the "Notes" field, and even the time zone can be correctly set. If Mail doesn't add the event automatically to my calendar then at most I have one click.

Parallax

So I've gone through the rigmarole of finding my reference and I need to enter it into the machine. The touch-screens at Gare du Nord don't like me, but for a long time my girlfriend didn't know what I was complaining about. It took me a while to work out why: parallax.

I'm not a tall man, but it seems that the person (I'm not really sure why I ascribe this to a single individual, perhaps a faceless group is harder to direct my frustrations at) who designed these units was likely short. The first time I used the machine none of the buttons I pressed would respond to me. My initial thought was that I've been spoiled by the iPhone's exquisitely-engineered input method, but this wasn't an entirely accurate assessment. It turns out that if I crouched such that the top of the screen was at eye-level (as all health and safety manuals will tell you is the optimal position when seated) the unit would respond properly. The angle of my finger hitting the screen had changed. As these screens are detecting your touches, they are calibrated to localise the touch along a line perpendicular to the plane of the display.

Consider for a second that the finger is not a 2-dimensional mouse-pointer, it is a long 3-d pointing device. When humans point at anything in the real world, our eyes trace a line along our finger, perhaps even the arm depending on the distance, to the intended target. When using a mouse-pointer this alignment method is turned through 90-degrees and the target along the length of the pointer to a UI element in the same plane.

When I attempt to hit a button one on of these screens my finger comes in directed from above, and is angled away from the normal to the screen. This causes the system to register a hit above the UI element; my touch isn't registered and I can't type correctly. Contrast this with the iPhone, which has been designed to localise touches based on the assumption that it is held in one's hand at an angle. Touches generally impact the screen with your finger angled less than 90-degrees to the plane of the screen, directed from below. To experience the problem lay the phone flat on a table, turn it with the home button facing away from you and try typing. It's not bad, but its certainly not as responsive as it normally is.

I envisage a terminal that uses cameras to determine the angle of incidence of the user's finger, allowing the software to continually re-calibrate its method of touch localisation. An even simpler solution is to design a UI such that each of the controls has hit area larger than their graphical representations, giving user some leniency. Humans are fallible, and as software developers we should account for that.

Keyboards

This is a pretty simple gripe, but still one that gets me every time when I travel in the UK. When entering a reference, or a booking reference, many of the ticket machines don't have a QWERTY keyboard. The stupidity of this truly fascinates me. The assumption is that by arranging the keyboard UI in alphabetical order, it will be easy-to-use for all people, even those who aren't computer-literate (I'm sure the discussion of such features focusses on the elderly). Bravo to those who identify that ease-of-use should be of primary concern, but the solution is completely backwards. Nearly all of us, including my grandmother (who is a far superior typist to me) have grown up with a QWERTY keyboard (AZERTY for those Francophones amongst us), it actually pre-dates the computer. I spend a surprising amount of my time trying to find letters on these alphanumeric keyboards, and I'm not the only one. When I select the language of the UI, the unit should present me with a suitable keyboard.

Where do I have to go?

The final feature I'd love to see implemented on these units would undoubtedly give them a more "humane" interface. After my tickets are printed, invariably the next thing I do is to find the departure boards and work out which platform its leaving from; if I'm already late, this can mean the difference between seeing the train leave the platform and hopping on.

As the machine is printing the tickets is should display on screen the platform the next two trains are leaving from and the time they're going. More importantly, the time of departure should read "In 5 minutes" rather than a time written as "17:56" which would require me to look at the clock and calculate the time difference.

Be Smarter

Every object you use in your daily life has been designed. Some with more care than others. A well-constructed interface should fade into the background as you attempt to complete a given task; it is in this that the majority of interfaces fail. At every stage of trying to catch my train I've found a point where either the workflow can be improved, or where the interface causes me to stop and think about how to complete my task: developers can be smarter and use standards to provide me with important information, hardware can be smarter in how it responds to changing input scenarios, designers can be smarter in testing their assumptions and software can be smarter in how information is presented to me. I might use an analogy in which I describe a chain that, if broken at any stage, renders the object useless; in reality, I'm trying to think of a material with small constituents which appears as a contiguous whole to our eyes: as a user I'd like to see a workflow where stages blend into one single, seamless, experience.

 

This is an archived version of the Sofa site