
I was reading Lisa’s post on site usability mistakes that bug her, and it reminded me to finish my own second list of annoyances on the web pages that bug me a lot. My first list can be found here.
I’ll start off by spotting two usability mistakes on Lisa’s blog (That’s how shameless I am!).
Lisa seems to be against the use of Flash - and so am I - but it struck me as strange that she was using a flash-based navigation menu on her own blog. I’d like to know why is that so Lisa?
I really love Flash (oh.. yeah you heard me right) I love Flash games, rich media served to me through Flash, and product tours and tutorials composed and served to me in Flash.
But I despise Flash-based content and navigation, because these are the areas where HTML does its job best. Flash is an overload and a bandwidth hog that simply does not need to be shoved down our throats.
I really liked Lisa’s post and went on to check out some of the other stuff on her blog. To my dismay, the home page of her blog was just wayyyy too long. I waited for a while for it to finish loading, but to no avail. It kept loading and loading, to the point that my scroll bar was reduced to pee size. I wanted to subscribe to her blog, but decided against it, for the page just won’t finish loading. Yes, I am on a slow connection, but that’s what the usability is all about. You have to take into account all kinds of readers and build your pages to be least annoying.
Long pages that are full of text also overwhelm users with a lot of information, and will most likely scare the potential readers away than make them want to read it all.
OK, now I’ll get off her back and list some other usability mistakes I’ve noticed on many websites/weblogs.
Before someone else says it, yes, I didn’t even have a footer until yesterday and now I am bashing others for not using footers? Of course, now that I have decided that a footer is necessary for my blog, I have earned the right to list it off as a usability mistake. Everyone learns from their mistakes, and I have learned too.
A footer with credits, copyright information or anything else that is supposed to mark the end of your pages is really important. This information has to go somewhere else too, so why not make use of the footer and save other space for something more useful?
Some of my readers complained that they kept waiting for the footer to appear when they first loaded up the page, and thought that the page was still loading even though it had finished loading.. whoops!
Many pages have links within content that are almost indistinguishable from the regular text. I can discover a link only by accidentally hovering over the link anchor text.
Links are supposed to help us move around the pages on your blog, or find out more about the external sources you have linked to. If you want the links to remain hidden, why bother scattering them in the content in the first place?
Even though your links may be the same color as your regular text, you can make them stand out by setting their text-decoration to underline in your stylesheet. It can at least leave a hint for the users that something unusual is going in that part of the content.
Guess what makes me form a negative opinion about a service that I haven’t even used? It’s the sign-up pop-up the service owner starts pushing in my face as soon as I enter his website.
This is what landing pages are for. You first introduce the user to a product/service, highlight its salient features, and then encourage him to move onto the sign-up page or location. A blatant pop-up isn’t going to convert me into a subscriber or a customer. If anything, it’s going to make me turn around and never look back at your page again.
This is it. Combine these with other top 10 mistakes I listed earlier and you have got some basic understanding of how a user/reader thinks about your website, and how you can avoid driving him away even before you have presented your best content.
What are your usability pet peeves?
I have a few usability pet peeves, and these are the extreme ones - the ones that will probably turn me off your website all together and never return:
1) “Congratulations! You just one a free ipod” or any variety of sound based advertisements. I don’t mind the ones that are on silent and you can click to listen to the sound. But the ones that have the sound that automatically start - no no. Just yesterday I went to someones blog and they had that ad, and I closed off their site immediately.
2) The name slips my mind, but those ads that convert text to links for advertisement. Such as the word “coffee” would turn into an ad for StarBucks and when you roll over it, it pops up a little window.
3) Animated pictures all over the page. How many animated gifs do you need that say “Princess”? Geez.
4) Super, duper, tiny font. Or font color that blends in with the background.
5) Google Ads war. Everyone wants to make money from their blog/website. Hey, I get it. But do you have to bombard me with google ads every 50 pixels?! Or the animated banners that put me in a trance.
6) Different font face or size. I can’t stand when I’m reading a website or blog and the font is say Verdana and then right in the middle of the sentence it switches to Arial or Times New Roman. Or there is a mixture of big and small font all over the page.
7) Sites that force me to register so I can comment. “To combat spam” is their excuse. uhh there is a thing called “comment moderation” as well as plugins that help with spam. I don’t comment if I have to register.
There’s more, but I think those cover most of my pet peeves.
Whoa Robert! Your comment contains a post in itself.
If you don’t mind, can I do quote you in another post about usability mistakes? I think we are going to make a huge list of ‘web usability mistakes to avoid’ with all the previous points, this post, and now all the points in your comment.
I got carried away. Feel free to use any of my pet peeves; I’m sure that they extend to pretty much everyone on line.
Cool. I’ll link back to you and preserve the credit
Using way too many ads, and not making your layout accessible to disabled users (not making it compatible for text-to-speech software and such) is also a big no no.
Jeremy, is there a special way to make your layout compatible for text-to-speech software?
Don’t use flash for your layout, don’t use lots of Javascript/AJAX to display content, things like that. Most text-to-speech software reads web pages the same way as text based browsers and search bots.