Posts Tagged ‘Usability Review’

Google Chrome: A User Interface Review

Wednesday, September 3rd, 2008

When Google’s Chrome was announced, I made some comments based on the information we had to hand at the time.  To summarise, I thought the layout of Chrome was badly considered when assessing it based on Fitts’s Law.  Now that Chrome is actually out (for Windows, at least), we can take a closer look at it, put it to the test as it were.  But unlike some other sources, who seem really caught up on whether Chrome is actually the fastest browser out there (Chrome on Windows XP through a VM doesn’t feel as fast as Safari on OSX, but that’s neither here nor there), I wanted to look at it from a user’s point of view.  After all, if Google wants to be a success in the Browser Wars II (this time it’s personal?), they’re going to have to win the hearts and minds of ordinary users, and that isn’t done by rendering a JavaScript heavy page x milliseconds faster than FireFox.  It’s done by being easy to use, and friendly.  So let’s look at Chrome from a Use Experience and Usability point of view.

Disclaimer

Before I get any further, I want to point two things out.  Firstly, Google Chrome is a very early beta product.  It’s not ready for your Gran to use yet, it may not be ready for you to use yet, depending on your disposition. So tread carefully.  And let’s take this as an IR beta, and not a Google beta.  I don’t expect it to be flawless, neither should you.

Secondly, I’m an OSX user (you’ll find that many people in the field of user experience favor Macs).  As such I’m testing Chrome on an iMac through Parallels Desktop which is running a Win XP Pro Virtual Machine.  Results are indicative of this setup.

Breaking Conventions

Google seem intent on breaking some well established conventions with Chrome.  We’ve seen with the iPhone that breaking established conventions can be a liberating thing, something that frees designers from the shackles of the past and allows them to come up with something truly great.  There is, of course, a downside. Unless your new interface is truly intuitive, which is very difficult to do in an IT system, there’s going to be a steeper learning curve than usual.  There’s also going to be mistakes and failures.  And when you knowingly introduce failures and mistakes, you run the risk of user abandonment.  Sometimes this will be abandonment of a task, but in cases like Chrome, and the iPhone, it will be abandonment of the tool.

Interface Differences between Chrome and FireFox 3

Interface Differences between Chrome and FireFox 3

The image to the right highlights some of the differences you will notice between Chrome and a more conventional browser, in this case I’ve used FireFox version 3 on Windows XP in vanilla form.

I’ll be addressing each of these differences in turn.

Standard OS Interface Elements

Something that’s been a pet peeve of mine over the years has been where applications choose to change some interface elements that are intended to be common throughout the Operating System’s interface.

Unfortunately, this is something Google has chosen to do with Chrome.  You’ll notice in the top right hand corner of the Chrome window that it appears to be using Windows Vista interface elements, even though it was running on Windows XP. Is this important? Yes.  The problem here is not that it is using Vista’s icons, but more that it is not obeying any customisations made by the user.  For example, I know users who have poor eyesight, they tend to increase the size of these controls so they can easily minimise windows without accidentally closing them.

Window Controls in Chrome and FireFox

Window Controls in Chrome and FireFox

If you enlarge these controls through Windows XP, the controls on Chrome do not change.  It’s also worth noting that the buttons don’t have the characteristic coloration that controls on other windows do, this is also likely to confuse less experienced users.

To some users, the large red button that closes the window has now become the small blue button, but only for Google Chrome.  And that last point really is key.  Google Chrome performs differently to the rest of the OS.  It’s the one car in the showroom with the steering wheel on the roof.

State-Sensitive Objects

You’ll see on the screenshot earlier in this post that I’ve highlighted the status bar and the tab bar in Chrome.  The reason I’ve singled these two elements out is that they behave inconsistently.  The status bar only becomes visible when there’s something to display, and it works fairly well.  Essentially, it only shows up when you mouse over a link (to display the destination URL) or when the page is still loading.  It’s working on the principal that at all other times, there really is nothing interesting that needs to be fed back to the user, so there’s no need to eat up valuable screen space and display extra interface elements that may confuse users.

What’s more interesting is the approach to tabs.  Unlike FireFox, Google Chrome always displays the tab bar, regardless of how many tabs you have open.  FireFox hides the tab bar if only one tab is open.  In Chrome, the result is that you have a state-sensitive status bar (i.e. the status bar only displays when the browser is in a certain state) and a tab bar that is not state-sensitive.  This is likely down to the push by Google to emphasise the tabbed aspects of Chrome.  It’s a selling point, something they want to push, so I suspect the decision to keep the tab bar constantly visible was taken with more a marketing hat on, rather than a UI one.

Personally, I’m ambivalent about this.  I feel it warrants being pointed out, but it’s not a huge issue.  Just a difference that people need to be made aware of.

Auto Feed Discovery

As highlighted in the image towards the top of this post, Google Chrome does not feature automatic feed discovery.  This seems like a strange choice given that Google runs one of the most popular Feed Reading services on the planet, Google Reader, as well as the hugely popular FeedBurner.  Whether this is a feature that’s yet to be implemented, or something that’s been intentionally omitted in the name of simplicity remains to be seen.  But it would appear that yet another common interface element is gone, at least for now.

Miscellany

There are a few other things that I just briefly wanted to mention that doesn’t fit in with the “breaking conventions” theme of this post.  So consider this a miscellaneous section.

Task Manager

Google Chrome Task Manager

I have a real issue with my browser requiring its own Task Manager and it seems strange that Google are pushing this as a feature.  Windows Mobile has been mocked repeatedly for it’s use of a Task Manager, in fact Apple referenced it in a keynote about the iPhone, that’s how laughable the feature is.  The reason it doesn’t work is that Windows Mobile runs on mobile devices.  People don’t want to manage their mobile devices, they just want them to work.

I think Web browsers are similar.  My browser is a gateway to services, in the same way a phone is a gateway to a service.  The best browser, much like the best phone, is the one that allows me to most easily access and make use of the service I am trying to connect to and utilise.  Making me consider things like memory and resource usage is not going to achieve that, I just don’t want to think about it.  I want my browser to just handle that back end stuff, and leave me get on with what I want to do.

Options

The Options available in Chrome

The Options available in Chrome

Another of my pet peeves is options.  Many applications have many different ways of structuring and organising options.  Currently there are very few options available in Chrome, which isn’t a bad thing.  I’d personally like to see more customisation opportunities, and it is required before it becomes mainstream, but at the moment it’s fine.

What’s not fine is the structure, grouping, wording and logic of the existing options.  I won’t go into any details, as I could spend an entire post on it, but it needs a complete overhaul.

Have you been using Chrome?  If so, what do you think?  If not, why not?

Popularity: 100% [?]

Usability Review – webuyanycar.com

Thursday, May 29th, 2008

Overall, I genuinely think that usability in websites and web applications is improving.  But every now and then I stumble across a site that completely bucks the trend and manages to provide a truly shocking user experience.  One that ensures that I, and many others, will never use their service.  Today was one of those days.

I heard a radio advert for a new service called webuyanycar.com.  The theory is that they will buy your car from you direct, to save you going through the hassle of advertising and sorting out a private sale.  So, being curious as to how a service like this would actually work, I checked them out.  Now I wished I hadn’t.  Quite simply, it’s one of the least usable sites I’ve ever come across.  Poor layout, badly worded copy, buggy forms, unclear graphics, this site has it all!

So taking it step by step, let’s see where they go wrong.  Firstly, you have to enter the registration number of your car.  Once you’ve done this you get presented with a drop-down box where you select the year.  The button next to this field is labelled “VALUE MY CAR”.  This is misleading as there are a number of steps required before you actually get the value of your car (which, by the way, was at least 30% lower than current realistic market value).  When creating a multi-page or multi-step process, it’s key to keep users informed as to how far they are through the process.  Suggesting it’s near to the end, and then not fulfilling that expectation results is a high number of abortions mid-process.

The next step in the process is identifying any damage on the car.  This is done through a flash object (as pointed out in the comments, this isn’t a Flash object, it’s actually Javascript mixed with image maps).  I defy anyone to look at the Damage Assessment Tool’s interface they have chosen and tell me which end is the front of the car.  In fact, I believed that the right hand side was the front because of the shape of the headlights.  This isn’t the case.  There are tool tips when you hover over the section but these are badly formatted and buggy.  All in all, if you have to record any damage, it’s an absolute chore and very hit and miss.

Once you’ve added any damage, you then get to the screen which requires your personal details.  I’ve added a screenshot of this screen to the right, just so you can see what it looks like in FireFox 3.  Note that FireFox 3 is currently in the “Release Candidate” stage, meaning that it’s not entirely ready for mass consumption (although once a software project reaches release candidate stage, typically only defect fixes are included and features are not changed).  FireFox is the world’s second most popular browser, used by about 25% of Brits.  As you can see, it’s horribly broken.  To make matter worse, even if you can figure out what fields require what information, you get random validation failure messages (for no apparent reason) that don’t seem to be attributed to a specific field (because the layout is too broken to figure out where they are supposed to be positioned).  And as the icing on top of the cake, the submit button doesn’t appear to work in FireFox.  So even after battling through badly designed and horrendously implemented forms, you can’t get a valuation in the end anyway.

One other oddity you’ll find regards the privacy policy.  As with most websites that require personal information, they will try and sell it unless you tell them not to.  Yet look at the wording for the option.  This was obviously written by someone who either doesn’t understand the fundamentals of web form design, and what the different input types do, or doesn’t understand basic English.  But most likely both.  The first thing you’ll notice is that it says “Click Here”.  “Click Here” is appalling when used as the text for a link, it’s an abomination when used as part of a form.  You’ll also notice the ambiguity is introduces.  If I click there, I’ll deselect the check box.  Usually these are opt-meaning I would want the check box checked.  And what if I click there, forget, and then click there again?  No doubt my details would be winging their way to all and sundry before I know it.  Quite why they can’t just clearly state whether that element of the form needs to be selected or unselected in order to achieve the desired result is beyond me.

This truly is one of the trend bucking sites I touched on in the introduction.  Considering this is primarily a web based business, launching with such a clearly under-designed, incompetent, not-fit-for-purpose website could be a huge mistake.  if they can’t handle something as simple as a web form, how on earth am I supposed to trust them to buy a car off me?  Not a chance.  One of the worst user experiences I’ve had in a long time.

Popularity: 51% [?]