We don’t see nearly as many website usability mistakes as we used to, but there are still plenty of them out there.
In today’s podcast I’ve tackled 33 common website mistakes that I still see pretty often. I list them all here, but give a bit more detail if you have time to listen to the podcast too.
Don’t Do These Things On Your Website!
Look / Appearance
* Too Creative. Keep it simple! Follow standard patterns and layouts that people expect on websites. Things like having your main navigation links running across the top, not somewhere else.
* Inadequate colour contrast. I don’t know why designers are so fond of using pale grey text. I had to battle with mine for ages before he agreed to make most of the text black! I love this simple tool to check that you have enough colour contrast: http://www.checkmycolours.com/. On the other hand, avoid clashing colours that strain your readers’ eyes.
* Not mobile responsive. Your site must be easy to read on a handheld screen. That doesn’t just mean shrinking the text size.
* Wasting too much space “above the fold”. You don’t need a huge picture or banner across the top. Make sure that what they see in that first screen gives them motivation to want to read more.
* Relying on PDF documents. This is bad for readability and for search engine optimization (SEO). You can have a downloadable pdf version available as an option, but make sure you convert your pdf’s to web-friendly formats.
* Animation. Really, folks, the days of dancing dogs on a star-spangled background are loooonnnng gone!
* Sneaky Sound Attacks. If you are using video, don’t have the sound come on automatically. Not everyone is checking out your website in a quiet, private place.
* Don’t flash me! Flash is a bad idea for a whole bunch of reasons, not the least of which is that it usually delays people getting to the content they want to read!
* To Click or Not To Click? Make it obvious what is clickable; and make things people expect to be clickable (for example, images that look like buttons) actually be clickable.
* Having to click in just the right spot. Make your link’s clickable space big. Not just the arrow at the end of the words, but the words themselves, and a bit of white space around them. Or if they are in a box, the whole box should be clickable.
* Don’t make me squint! Make sure your fonts (text sizes) are big enough to be easy on even middle-aged eyes.
* Too many pages. Give people the option of reading long content all on one page instead of with several clicks. It is really frustrating to have to click for only a paragraph of content.
* Long, dense paragraphs. Make your pages easy to scan quickly. Use headers, bullet points, and white space.
* Inconsistency. Keep a consistent look throughout your site. If you have to take people off the site (e.g. to pay) warn them of what’s happening.
Content
* Too generic. What’s your unique selling proposition (USP)? Why should I buy from you instead of somebody else?
* Poor navigation. Test out what is logical to your users. Good website usability also means not using cutesy navigation link names. Don’t call your About Us page “The Fab Five” even if there are five of you!
* Ignoring standard reading patterns. In languages that are read from left to right, top to bottom, put the most important info in the top left. People’s eyes scan your page in a capital F pattern, so leverage that to show the things you most want them to notice.
* Hidden contact info. You should have a prominent contact link at the top of every page. And if you are more likely to make a sale with some phone contact first,