Archive for March 2006

Having a design vision is essential

A couple of independent articles published today make essentially the same point: developing a clear design vision and understanding of requirements is absolutely critical to the success of a software development project.

In the first, Pabini Gabriel-Petit argues Why UX Should Matter to Software Companies. She quotes Walker Royce, VP of IBM Rational Worldwide Brand Services:

In the software marketplace, …three out of four projects don’t succeed. … Real-world project experience has shown time and again that it is the early phases that make or break a project.

In the second, a researcher in Amsterdam found that 50% of people couldn’t use consumer products because they were too complicated. Furthermore:

Most of the flaws found their origin in the first phase of the design process: product definition.

[via Signal vs Noise and Yahoo! News]

Dotty domains

First there was del.icio.us. Then came ma.gnolia. Now there’s lib.rario.us. Maybe it’s because I can never spell the damn things, but am I the only one who thinks that these dotty domain names are just a little lu.dicro.us?

Update 01-Apr-06. It’s good to see that I’m not the only one!

Seeing the error of your ways

Some nice, clear and obvious error handling from Direct Line Insurance. There’s no confusion as to where the errors are here!

Clear error handling from Direct Line Insurance

The site also adopts a similar model for presenting additional explanatory information about each field, but uses a blue background instead of red. This is a great example of how the Gestalt principle of continuity can be successfully applied to interface design.

Scrolling groans

Several times over the past few weeks I’ve found myself becoming frustrated with gratuitous or poorly-implemented scrolling in Desktop apps and websites. Here are some of my experiences.

Picasa problems

It all started when I tried out Google’s Picasa. It’s just the sort of application I need to manage all my images, and I had really high hopes for it. But I just can’t cope with the way that Picasa’s scrollbars work. There seems to be an enormous lag in the scrolling mechanism as Picasa tries to display every single thumbnail on its scrolling journey. So if you drag the scroll bar to a different location, you have to wait aeons for the scrolling to catch up. And if you stop dragging before it catches up, the scroll bar pings back to wherever Picasa has got to in its tedious journey through every thumbnail. The upshot is that the scrolling never seems to be where you want it to be. The more images you have, the worse it seems to get. I’ve got several thousand pictures on my PC, and I find it virtually impossible to use Picasa.

What the Flock?!

Picasa was the starting point, but I’ve also discovered scrolling shenanigans with Flock (which I think has has the potential to be a great browser). One of the potentially cool things you can do with Flock is have your Flickr photostream viewable in a bar at the top of the browser and use it to pull images directly into posts as you write blog entries. The problem is that you navigate through the photostream using left and right arrows, with a scrolling transition effect between each “page” of images. Unfortunately, you can’t actually focus on any of the images while they’re scrolling. Instead, you have to wait for the scrolling to stop, check to see if the photo you want is there, then scroll again if it’s not. And so on. All you really want to do is click-check-click-check-etc. As far as I can tell, the scrolling appears to be pointless, inefficient and not a little disconcerting.

Flock's photo scroller

Ambient annoyability

Next on the spots-before-the-eyes offenders list is Shop Composition, which is a bit of a departure from your average, common-or-garden e-commerce site. It is, in many ways, very impressive: it’s 100% Flash; it has a lovely, clean style; it makes the most of the great-looking products it sells; it has a very slick shopping basket and checkout system. It’s even been suggested that it’s the best interactive shopping experience ever. It turns out that it also has fantastically annoying scrolling effects.

Screengrab of the Shop Compostion wesbite

After selecting an initial category (“for work”, for example) and sitting through some pointless animated transitions, you get a big button that says “View full product line”. At this point 77 product images whizz past past your nose in about 4 seconds, before settling down to show just 5 of them with a draggable horizontal scrollbar. It’s like the conveyor belt from the Generation Game on acid.

You can then scroll horizontally through the products with the draggable bar, or use your mouse wheel (which is a nice touch). But visually, it’s still a little disturbing. There’s a ‘bounciness’ to the scrolling, whereby products are still decelerating and animating across the screen even after you’ve stopped trying to scroll.

Having said all that, I should point put that it’s been suggested that the initial scrolling, rather than being exceptionally annoying, might actually be a brilliant example of ambient discoverability. I’m not convinced, though. I reckon it’s too fast to actually see anything useful. Furthermore, lots of the products are variations on a theme, so it’s kind of overkill to attempt to show every single one of them.

River dance

The new River Island site also has horizontally scrolling product pagination. The implementation follows a more traditional model, and has a more positive and responsive feel about it. Ultimately, though, it still boils down to vertigo-inducing eye-candy.

Screengrab from the River Island website

Wacky physics.

Why am I not impressed with these scrolling mechanisms? I don’t have problem with scrolling per se – I use scrollbars every day on loads of Desktop apps without even thinking about it. The problem I have is, I think, to do with what I can only describe as scrolling implementations based on wacky physics. Scrollbars work well in standard Desktop apps because they they follow a very simple physical model. If I move the scrollbar, the page moves. If I stop, the page stops immediately at the point I’ve chosen. If I drag the scrollbar I have total control over the movement of the page in terms of speed and position. It’s a very simple, natural model, with a clear mapping between user input and the control and movement of the scrollbar. The scrolling problems I’ve described above don’t follow this model; the developers have gone to great lengths (a great cost!) to add in extra motion effects. This motion is applied to something I’m trying to control, but has nothing to do with my user input, so it feels like I’m not fully in control of the interface.

The bottom line is that it all boils down to that most fundamental of usability principles – User Control and Freedom. Ignore it at your peril.

← Previous Page

About

I'm Stuart Church, a user experience consultant with Pure Usability in Bristol, UK. Sensorydrive is my personal blog and covers user experience design, information architecture, product design, psychology, research methods, perception and pretty much anything else that takes my fancy! You can find out a bit more about me if you want...