Tag Archive for 'User Experience'

The importance of Exuberance in User Experience

Published
by
Nathan Zeldes
on August 18, 2008
in Design principles and Good design
. 1 Comment

Photoshop rules, and gets more powerful and more useful with every new release… but it will never recreate the joy of using Deluxe Paint.

Now, Electronic Arts’ Deluxe Paint was a raster graphics paint program released for the Commodore Amiga in 1985,King Tut, the iconic image of DeluxePaint which fast became the standard on that venerable 16-bit platform. It would typically handle 32-color images at up to 640×400 resolution. Sure, you could do things in it that no other personal computer could do at the time – like the King Tut image that became the hallmark of this program – yet in today’s terms it was utterly weak and primitive. So what’s the big deal?

The big deal, IMHO, was the Exuberant feel of its usage, the kind of joy one might feel when grounding the gas pedal in a powerful sports car… In DPaint you could mark a rectangle anywhere on your image, cut it (with one click) to become a brush, then drag and spray it across the screen in wide sweeps to create swatches of colorful shapes, in real time, under your immediate command. The village below was created in seconds from the single house at top left… And then you could set the program for mirror or tile modes that would reflect this action in a kaleidoscopic riot of visual joy. You could create colorful abstract images fast – click! click! click!…

Brush effects in Deluxe Paint

You may still say, what’s the big deal? You can do all that in Photoshop! Well, yes and no. You can achieve the same results (and lots more that was unthinkable in 1985) but you do this by going through a long sequence of steps, as if you’re performing delicate brain surgery. I mean, in DPaint you drew a circle by clicking a button and drawing the circle with one mouse motion. In Photoshop, the instructions for drawing a circle have 7 steps, and step 5 says “In the Stroke dialog box, type a value for Width, and then click the color swatch to display the Adobe Color Picker“. This certainly works, but it does not bring the words joy, or Real time, or Immediate to mind…

The same difference can be seen in comparing an iPhone to a Nokia. The iPhone’s UI is definitely exuberant; the joy of dragging stuff around with your finger and having it respond is very real. On a Nokia, you have to cope with all those teeny buttons… it works, but it just isn’t fun!

Hear that, designers? We need more products with an Exuberant user experience!

A crash on the U-bahn: Windows and Non-PC applications

Published
by
Nathan Zeldes
on August 4, 2008
in Bad design and Improvement
. 0 Comments

I was in Berlin, where they have a subway system that, though it dates back to 1902, is as effective as it is pleasant (part of this last may have to do with the fact that the tunnels are close to the surface, so there is less of the “going down to the bowels of the earth” feeling you get in systems like that in London; you descend a few steps down – or, in some cases, up, as some areas have the train above street level – and you are ready to travel).

Berlin U-bahn Monitor

Anyway, on the carriages they have ceiling-mounted screens that show a variety of local news and entertainment. Good idea. And then, one day, I look at the screen and I see that most recognizable of computer entities: the Windows error message dialog box. It stayed there for the entire trip, informing the fascinated travelers that it was “Unable to locate DLL”.

This of course elicited a few sniggers from the crowd, but there is a Berlin U-bahn Monitor with Windows error messagemore serious lesson here. If they figured Windows was the best tool to use on a public transport system, they’re welcome to use it; though Windows is, by definition, a system for the PC, and that stands for Personal Computer, not for Public Conveyance. However, when a dialog like this appears on my Personal Computer, as it does on occasion, I can take action, if only to hit the Vulcan Nerve Pinch key combination. But on a train there is no keyboard with Ctrl-Alt-Del, nor a Reset button. So why show us this useless gobbledygook? The system in this case ought NOT to show the dialog about the DLL; it should instead erase the screen and display a humorous image related to the situation and a message such as “We’re sorry, there is a malfunction. This is being addressed. Thank you for your patience”. Alternatively, the screen might simply switch itself off on program malfunction. Anything but the incongruous error message box.

Using Windows for non-PC applications may or may not be a good move, but it is happening in many places; at least there should be a version of Windows optimized for such non-interactive situations!

Great service for a CardScan!

Published
by
Nathan Zeldes
on August 1, 2008
in Odds and Ends
. 3 Comments

The day I left New York to fly back to Israel I bought, on an impulse, a CardScan business card scanner at Best Buy. I’d received all these cards from colleagues at the IORG conference, and the thought of typing all the details into my computer was depressing…

Anyway, I got home, installed the software, and the scanner wouldn’t work right. Yikes! I mean, I build electronic gear, so I know this can happen… but I was thousands of miles from the nearest Best Buy. I’d just transported a paperweight halfway across the planet!

So I called CardScan’s tech support number, and a nice gentleman there took me patiently through some troubleshooting and concluded that the hardware was at fault. The guy told me he’d get someone in touch about a replacement and I went to sleep. Next day I get an email from a Mr. John Phillips in Canada, who is with OptiProc, a CardScan reseller. He told me to send him a scan of my receipt, my address, a description of the fault, and so on; and he’ll ship me a replacement as soon as I did. Not after considering my reply, mind you; nor after I send back the unit. Immediately when he gets my address. And he did; in fact he FedEx’d the new unit, for added speed. Only when this tested OK – which it did – was I to post the old unit back to Canada.

Good customer support is a key part of the user experience, and this is as good as it gets – so, kudos to CardScan, to OptiProc, and to John!

CardScab business Card scanner

The scanner, by the way, turned out to be a cute little gadget – you place a card in its input end and seconds later it’s scanned, OCR’d and parsed into your contacts database. A truly useful device if you venture often outside your cubicle and actually meet other people!

A brush with Ford’s Human Machine Interface (HMI)

Published
by
Nathan Zeldes
on July 30, 2008
in Bad design
. 5 Comments

We rented a Ford Galaxy minivan for a day. Nice car, if you need the space. And such sophisticated controls… way too sophisticated for its own good, or for its users’, if you ask me.

Ford is very proud of its latest Human Machine Interface:

Human Machine Interface (HMI) -An upgraded instrument cluster plus a new steering wheel including toggle switches … take vehicle ergonomics to a new level. …
HMI is standard on all Ford S-MAX and Galaxy models. It is simple and intuitive to operate. It follows strict, straightforward and logical rules and combines critical areas of ergonomic development to optimize the interaction of the driver with the comfort and entertainment systems. …
The system enables a controlled dialogue between the driver and various support systems – radio, navigation system, Adaptive Cruise Control, and mobile phone.

Ford Galaxy minivan

So, my experience as a new user (remember, “intuitive” means a new user can figure it out without recourse to a manual): I wanted to zero the trip kilometer counter readout. After looking in vain for the standard push-rod near the odometer, I tried the 5-button toggle pad on the steering wheel hub, which turned out to control a multi-level menu system that eventually – after drilling maybe 3 levels down – let me clear the readout (not before forcing me through an ‘are you sure?’ confirmation). Pushing a standard button while driving is one thing; operating a complex multi-step interface, one which is different from car to car, is as silly as it is unsafe. I haven’t located the cruise control submenu, but the standard buttons on the wheel would certainly have been faster to use…

I suspect I may have figured it out wrong, and maybe there is a faster way to achieve this result via a different sub-menu. But then, I’m an experienced technologist; if I couldn’t do better at first try, your average driver would likely have done worse.

Another case in point: in this car, if you switch on the turn signal and change your mind, clicking the lever back to the center position will leave the signal on for 2-3 extra cycles. Not sure whether this is due to some ill-conceived “strict, straightforward and logical rule” the Ford designers applied, or whether the car’s computer is so busy doing other feats (polling the trip counter reset action?…) to respond faster. Either way, we were better off when the lever simply actuated a switch that directly controlled the blinking lamp.

Take note, Ford: you make excellent cars – please keep them simple to use!

Photo source: Wikimedia commons

Backlit cellphone keys – not such a good idea!

Published
by
Nathan Zeldes
on July 14, 2008
in Bad design
. 0 Comments

Have you had the experience, as a child, of discovering the optical properties of oiled paper?

I remember it well… I was an avid reader as a kid, and when a smudge of oil from some snack would get onto my books I’d notice that the translucent oily spot that looked darker than the paper would become lighter when you held the page up to the light. Before long it occurred to me that if the shade of oiled paper can go from darker to lighter as you raised the page, there must exist an intermediate position where the spot would become invisible as its shade became identical to the dry paper’s. Sure enough, so there was!

We met the hard to read keyboard on my Nokia 6230i before. Well, apparently the keyboard designers at Nokia were also trying to emulate the oil/paper experiment from my childhood…

Nokia 6230i keys in daylight

Like many handheld devices these days, the keyboard on this phone is backlit. The numbers are translucent, and a strong white light can shine through. Seemingly a great idea, for night time use. Now in bright daylight this works fairly well. The backlight gets washed out in the sunlight and although the transparent digits are of a lower contrast than a black ink would have provided, you can see them well in dark gray on silver (since the keys are silver and reflect ambient light in unpredictable ways, the contrast admittedly varies, as seen in the photos; I’ve already commented on the advisability of plain black on white for optimal viewing). But once evening starts to fall…

Nokia 6230i backlit keys in low ambient lightThe third photo shows what happens in lower ambient light. There is an intermediate light level when the transition from dark numerals on bright silver to white backlit numerals on dark silver just evens out, and the numbers become almost invisible. In fact, since the backlight source is localized, different keys reach this point at different light levels; in the photo the “7″ is in day mode, the “0″ is in night mode, and the 5 is barely visible – just like the oil spot on those old books.

Now imagine trying to distinguish these keys while driving, with the phone in a hands-free cradle, where you can’t touch-type and you need your attention on the road.

So, what can we do about this? Well, we could prefer black keys with white digits – then the day and night contrast would be the same so there would be no crossover point of invisibility. Another good idea (which I recall seeing on some devices) is to make the backlight come on only in truly low light conditions. And of course, we should test the devices we buy in all situations, not just in the bright showroom where we normally make buying decisions…

If you need to speak to someone, live…

Published
by
Nathan Zeldes
on June 4, 2008
in Odds and Ends
. 2 Comments

I’m getting to like the Lenovo blogs more and more. Consider this sentence, from an early version of an About page they had:

Finally, if you need to speak to someone, live, give David Churbuck, Lenovo’s Global VP of Marketing a call, his cell phone is 508 360 6147.

This was regrettably removed later from their main About page, but it’s still accessible in the archives, so we can see this Mirabile Dictu: a VP in a large corporation who shares his cellphone with his customers – us – on the blogosphere. Definitely wayda go!

A lesson from a blue hairdryer

Published
by
Nathan Zeldes
on April 2, 2008
in Design principles
. 0 Comments

One day the ladies in the household decided they’ve had it with our handheld hairdryer, which was indeed weak and ailing. So I went to buy a new one, and decided to follow my first principle for tool acquisition: always buy the most professional, high-quality tool you can afford – it will repay the expense many times over!

I asked the appliance store guy for his best tool, and he offered me a sturdy blue unit that, he said, was what professional hairdressers (sorry, hair styling artists) use. The wattage on the label was indeed higher than any I’ve seen before. I brought it home proudly, only to discover the next day that it was no good to anyone there.

This was a new one for me: how can a tool that professionals prefer be useless to an amateur? In my world of engineering and DIY projects, this would be unthinkable. What difference can it make? A hairdryer is a hairdryer, after all.

Here’s the difference: the hairdryer is a hairdryer, but the hairdresser uses it to dry hair that is on someone else’s head! When you dry your own hair, the dryer must be short enough to fit between your hand and your skull; when you dry someone else you can just step back. The professional tool was longer, not much but just enough to make it awkward to use on oneself.

So, a lesson: always keep an open mind and challenge your own assumptions on the way a design fits its intended use. These errors seem obvious in retrospect – always in retrospect…

Don’t forget the Remote Control’s usability!

Published
by
Nathan Zeldes
on March 5, 2008
in Bad design and Good design
. 3 Comments

When you see an ad for a piece of consumer electronics, you seldom see a close up of its remote control. In fact, most people ignore the lowly R/C when making a buying decision. Yet this little item is the main way we interact with our TVs, VCRs, and so on; and a its usability, or lack thereof, is going to impact our user experience many times every day.

Remote control usability comparison
Look at these two R/C units, from two similarly priced DVD players, one mine, one my parents’. See the difference? In the one at the top the important buttons – play, FF, Rew and Stop – are prominent, visible, obvious… in the other, they are hidden among a confusing jumble of similar small buttons. And this means slower operation and frequent errors when you hit the wrong button by accident. We can assume the two arrangements cost exactly the same to manufacture; this is not about cost, it’s about attention to usability in the design stage.

So, of course, the better one is mine, because I always check this when making a buying decision? Well… err…

Mighty Mouse: the best XY input device out there!

Published
by
Nathan Zeldes
on March 4, 2008
in Design history and Good design
. 0 Comments

So many XY pointing devices have been developed over the years… I’ve used light pens, graphic tablets, trackballs, touch screens, joysticks, touch pads, trackpoints, even that weird HP desktop machine, the HP-150 from 1983, where you pointed at the screen and your finger intercepted IR beams crisscrossing the raised screen bezel (this last failed miserably – how could they ignore fatigue from repeatedly raising the arm to touch the screen?!)

But the king of all XY input devices is without question one of the earliest: the Mouse. Only the QWERTY keyboard has greater tenacity (unfortunately, in this case). Invented in 1963 by Doug Engelbart and later commercialized by Xerox PARC, the mouse remains the most popular device in the family, and this is (IMHO) because it is simply the best – it maps extremely well to the brain-hand-screen-eye-brain closed loop, making its action so intuitive as to be transparent. It just doesn’t get any better than that. And interestingly, the exact shape of the mouse is unimportant: almost like cars, they went from blocky to streamlined as time went by, but are just as good in any shape. It’s the basic “movable box with buttons under the fingertips” that is the winning factor; the rest is window dressing.

Here’s kudos to a great design!

Mice (computer and porcelain)

Invisible buttonware

Published
by
Nathan Zeldes
on March 1, 2008
in Bad design and Improvement
. 2 Comments

One evening a neighbor knocks on my door. She just got a new cellular phone, and she has a basic question: which key does she press to accept an incoming call?

Now this lady is not a youngster, but she’s used cellphones before; surely she must know that you press the key with the green handset image? Well, yes, she knows, but she can’t figure out which key that is. I think, Huh??? … But then I look at her instrument, and I see what she means. What used to be an image of a handset has degenerated into a tiny thin squiggle, similar to other tiny thin squiggles on some other keys. And yes, perhaps she could discern that this squiggle is a bit greenish, especially if she had a magnifier…

Cellular phone key comparison

The problem is all too visible in the left photo, which is of my own Nokia 6230i: the four keys at the top have identical looking thin marks, and the colors of the bottom two, though red and green, are very hard to discern at a glance (which is the way they should be discerned; especially when you’re driving with the phone in a hands-free cradle). Compare this to the other photo, from a different model. That’s what good human engineering should provide!

So, what can we do about this? If you work at a cellphone manufacturer, by all means have a word or two with your design department… I don’t, so all I could do was fix my own problem. Here is what I did to my Nokia. Problem solved.

Nokia cellphone with stickers