Top 8 Usability Mistakes on Websites

8. October 2007 10:41

OK so it's been done before by about a million other people, including the Daddy of Usability Jakob Nielson. However, I thought I'd create my own Top 8 - why Top 8 you ask? Because, I'm an Internet Rebel and I don't conform to your ideals of Top Tens...plus I couldn't think of 10 things to write about.

The points aren't in any kind of priority order, that would just require too much thinking.

8. Not identifying hyperlinks properly.
This issue has been around for ages, but it somehow still exists. Hyperlinks that don't identify themselves as such and require the user to mouse over them to show that they're a link.

I'm not saying all links should be blue and underlined, but they should be differentiated from the rest of the text/content to an extend that I don't have to mouse over them.
I guess this could be one of those areas where design and usability seem to conflict, or more likely, it's because designers are lazy and don't understand the importance of usability.

7. Document links that don't identify themselves as such.
By document links I mean things such as links to PDF or Word documents.
When I click on a link I don't expect Acrobat Reader to suddenly start up. Who even started using PDF's online anyway, weren't they designed for printing?

Anyway, if you really must link to a Word or PDF document, please please designate it as such.

6. Contact links that use mailto: without telling me.
When I see a 'Contact Me' link, I expect it to take me to a contact form, not to open my email application.

5. Login forms which don't allow me to use the 'Enter' key to submit the form.
This annoys me so much, but luckily you don't see it that often.
You type in your login detail and then hit 'Enter' and nothing happens. Instead, you then have to move you hand back the mouse, move it to the login button (which is usually tiny) and click it. OK so maybe it's only a few seconds, but it's 3 seconds I could have spent doing something fun, like eating Jaffa Cakes.

4. Websites which play music automatically.
I can't believe these are still around! It used to be in the form of an embedded QuickTime file at the bottom of the page, but now music is usually incorporated in Flash movies. And you know who the worst offenders for this are? Design studios.
I have no idea why they do it, but I'm guessing they think it makes them look trendy and different from the norm.

The reality is that they're distracting, and remove control from the user. When you're browsing the web, you expect to be in control of the pages you see - what right does a website have to force me to listen to some crappy synthesized music?

3. Bad Flash.
When it's done well, it's very very good. But when it's done bad, it's horrid.
For example a once witnessed a Flash page transition which was lovely and all, but took about 5 seconds to complete.
Now I don't visit websites to spend my time looking at page transitions, I visit them to complete a task or find out some information. Time spent waiting for pages to transition is just time wasted.

2. Sound mouse-overs.
Unsurprisingly, this gem comes from the creators of the 5 second page transitions and if from the same website.
On the main navigation links there were sound mouse-overs, which weren't accompanied by any form of visual mouse-overs. So, if you had your speakers turned off, or were deaf...then there were no mouse-over effects.

Sound mouse-overs which are accompanied by visual mouse-overs are generally just annoying, but without visual mouse-overs, they're a major usability and accessibility problem.

1. Poorly done CSS drop-down menus.
CSS drop-down navigation menus can be really cool, and much better than any form of Javascript or Flash alternative. But in some cases they're kind of finicky, and will close as you're moving your mouse over them. Or, they're just too small and you accidentally move your mouse off them, causing them to close.

In the worst cases, menu items can prove impossible to access, because as soon as you move your mouse towards the desired link, the menu closes each and every time.


Tags: ,

Posted in: usability


Comments

December 7. 2008 18:10

Trackback from DotNetKicks.com

Top 8 Usability Mistakes on Websites

DotNetKicks.com

December 9. 2008 12:39

I would add to #5: Keep tab order sensible. If I hit Enter and the form doesn't submit, I dang well want to hit tab and be able to press the spacebar on the submit button. If I hit tab and end up on some random control that is not the next in the visual layout, it's very irritating.

And I would add one more usability mistake, #9: Don't put the focus into the username box in the page onload event. A user who starts using the page right away (like I often do) can have clicked into the box and have his username half-typed, or even be typing the password already before the event fires, which ruins everything. Either put the focus() script inline immediately after the element (no matter how much this rubs your web page design instincts the wrong way) or put extra code in your onload even to bail if the user has already clicked into a control, so you don't sabotage his efforts.

Emtucifor us

December 9. 2008 15:58

You need to apply "8. Not identifying hyperlinks properly" to your own blog.

Me gb

December 9. 2008 16:00

As well as some sort of feedback to show your comment has actually be posted, hence my duplicate post. I wasn't sure what had happened other than the comment field going blank. It wasn't until I scrolled back up the page and saw my comment there twice...

Me gb

December 9. 2008 16:11

Me: I'm not sure what you're on about, there's a message in green text which appears when you post a comment:

"The comment was saved. Thank you for the feedback"

and the comment automatically appears at the bottom of the list.
Also, kindly tell me which links don't have some kind of indication that they are links, rather than just blindly criticising me.

Anonymous:

Constructive criticism #1b - Numbered lists may give a physical order to their items, but this doesn't have to imply any kind of priority to those items. Indeed, even if I hadn't included numbering, the mistakes would still have been ordered by the way I'd typed them, hence giving them an implicit importance anyway.
As you seem to be some kind of usability expert, I thought you might have realised that giving numbers also enables the reader to know where they are in the list.

Constructive criticism #1c - As you'll see in my next comment, this is a blog post, not the design of a website, the two are very different. Now, people don't have to read my posts, hence I don't have to put lots of time and effort in. But a person might have to use a certain website, so a designer should put the time and effort into ensuring the links look like links.

Constructive criticism #2 - I'm writing a blog post, not an article that's going to be published in an academic journal. From reading the very first paragraph I would expert most people to realise that this is going to be a relatively light hearted post. Perhaps you should try getting a sense of humour.

If you didn't care about the blog post, then why did you spend the time to analyse it in fine detail and then write a long reply about it? Sounds like you have a bit too much time on your hands.

Duncan gb

December 9. 2008 18:19

Constructive criticism #1a - never start out an article by telling the reader that you didn't do something because it requires too much thinking; right away, they discount whatever you're covering because -- hey -- clearly you're lazy.

Constructive criticism #1b - don't say there's no order to your list and then number them; worse yet, don't number them from #8 to #1....

Constructive criticism #1c - don't say something requires too much thinking and then turn around and generalize another class of worker as "lazy". It's hypocritical by definition.

Constructive criticism #2 - your command of English undermines your points. Reread your article... the grammar and spelling are immature at best. Take your time when writing an article... if it's important enough for you to say to the world, show them by making sure you are at least speaking the language well.

Constructive criticism #3 - your #8 item, identifying links as links, was very good. But #7 and #6 were essentially the same thing with a different underlying type. You could have easily generalized as "Don't make things which are different look the same" or something like that.

Constructive criticism #4 - #4, #3, #2, and #1 were not nearly as helpful as the first points and you came across arrogant. Worse, they seemed jumbled, unrelated to usability, and the rantings of a pompous style freak (i.e., "my way is best, your way sucks crap")

Next time you get the urge to do a Top N list, a) make sure you have something of value to say, b) take the time to write it out thoughtfully, and c) take the time to make it at least grammatically correct. If you don't care, neither does the reader. I certainly didn't.

Anonymous us


Comments are closed