Top 12 Usability Web Design Mistakes to Avoid
Last week in 9 Common Aesthetic Web Design Mistakes to Avoid we discussed design issues that affect the look of a website. This week we turn our attention to usability issues – problems that make a website difficult for visitors to use.
Usability will also be the topic of this week’s #WebDesignChat Twitter chat at 3 PM ET Thursday.
12 Usability Web Design Mistakes
1) Inconsistent design. Every page in a website should have the same basic look and layout. If a page looks different from the rest of the site, people will get confused, wondering if they mistakenly moved on to another site. If a page is laid out differently or the menu is different, people will get confused and have difficulty doing what they want to do.
2) Flash sites. Creating a website entirely in Flash has never been a good idea, but now that tens of millions of people view sites with iPhones and iPads which don’t support Flash, it’s a ginormous mistake.
3) Really long menus. The primary purpose of a navigation menu is to help people get to get to the information or functionality they want as quickly and effortlessly as possible. If there are more than 7 items in any menu (main or sub-menu), it becomes challenging for the visitor to find what they’re looking for. If a site contains hundreds of content items, it’s critically important to group content into categories and sub-categories in a way that will be intuitive to the visitor.
4) More than one menu. Just as with really long menus, having more than one navigation menu makes a site confusing and hard for the visitor to find things. Just to be clear, I’m not referring slide-out or drop-down sub-menus. Those are usually very user-friendly. I’m talking about having a horizontal menu across the top and then another menu below it or in a sidebar. Consolidate!
5) Bad site organization. Another navigation pitfall, is having pages/functionality under menu headings that don’t make sense to the visitor. Before a site is designed (or redesigned), take the time to do content mapping. Using post-it notes (with each page/function on its own note) on a whiteboard can make this easier and prevent leaving anything out.
6) Insider language. Using insider language in the navigation menu, icon or other navigation graphics also makes it difficult for visitors to find the information or functionality they’re looking for. Churches are notorious for this with ministry names like “Fuel,” “Drive,” “Axis” and “Hearts on Fire.” Visitors have no idea what these terms are, so be sure to use them in combination with more descriptive terms like “Middle School (Fuel).” Churches are not alone, though, as schools, businesses and ministries also like to give sub-groups, events and locations nicknames.
7) No menu/link to homepage. Make it easy for visitors to get back to your homepage. It’s become a common design convention to make the organization’s logo link back to the homepage. I highly recommend it. If for some reason a site doesn’t do that, it’s absolutely necessary to have a “Home” button or navigation menu item.
8) Dead links. Pretty obvious usability problem, right?
9) Violating linking conventions. People have come to associate underlined text with links. Putting links into text without underlining that text will cause people to overlook the links. Underlining text that does not link, will confuse and frustrate some people. Don’t make people think; just follow the convention.
10) Requiring plugins. Any content that requires a plugin is going to be missed by some users who don’t have the plugin and don’t want to install it.
11) Hidden contact info. Don’t make it difficult for people to get in touch with you and ask you questions. Address, phone number and either an email address or link to a contact form should be on every page of every website.
12) Broken functionality. Another pretty obvious one here, but forms that don’t submit, videos that don’t play and shopping carts with error messages give a poor user experience. Be sure to test these things to death, and in multiple browsers (Internet Explorer, Firefox, Chrome and Safari at the very least).
Any of these usability issues resonate with you? Got any other usability design mistakes you want to point out?