Sunday, November 18, 2007

User Interface (UI) vs. User Experience (UX)

Examples of UI vs. UX ...

"I often get asked the difference between User Interface (UI) and User Experience (UX). Although the original intent and definition of UI started out in the right direction, too many times I've heard it used to explain just the visual aspects (or cool factor) of an interface. To give you a non-technology related example, let me show you the hotel room that I recently stayed at in Dublin. The hotel is one of the more boutique, modern style ones that we see in large cities (imagine Morcheeba playing in the lobby, contrasting black and white furniture etc. - you get the idea).

As I got to my room late at night, I of course wanted to switch on the lights. In front of me (in semi-darkness) I found the panel for the lights:

Light Switch - Usability, User Interface Design

Light Switch

As you can see, on first glance, a relatively nice looking "interface" (stainless steel finish, clean, elegant etc.). The experience however was a different story. Firstly, there is no indication of what each switch does. After playing around for a minute, I was able to work out that the left dial is for the main lights, the right dial is for the bathroom lights, the main switch seems to be like a master switch for both. Seems simple enough, however you can also push the dials to turn them on/off individually, with no feedback or indication of what state they are in. To add more confusion, there is a 3 second delay after pushing the dial before the lights come on. Of course, what happens is the following: Hit the master switch - nothing happens. Turn the dial - nothing happens. Push the dial, nothing happens. Push the dial again (within 3 seconds of pushing the dial last time). Nothing happens. Hit the master switch again - nothing happens. Sigh. Repeat.

Once I did get the lights working in the bathroom, I came across the following sink:

Sink without Handle - Usability, User Interface Design

Sink without Handle

Again, very nice looking - a modern, open design with elegant lines and faucets. Question for you: How do I release the water in the bowl? Looking around the basin, there is no stopper for the plug, no chain, no indication of how to release the plug. Also, notice how the plug is flat to the surface of the bowl - there is no affordance indicating that it might be possible to push or pull the plug in any way to release the water. The answer?

Ah, of course - who wouldn't have thought about tipping the plug 45' to the left and having it swivel in the middle? Sigh (again)."    (Continued via SimonSays)    [Usability Resources]

Drain - Usability, User Interface Design



Post a Comment

<< Home

<< Home