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.
12 Usability Web Design Mistakes to Avoid
1) Not responsive or mobile friendly
People view websites from several different types of devices – phones, tablets, laptops, desktop computers. If your website is not responsive (adapting to the visitor’s screen size) and mobile friendly, it makes it difficult for visitors to view and engage with your website.
In particular, the width of the content and the size of text need to adapt so that people can easily read the content of your website without having to pinch and pull things around their screen.
2) 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.
3) Really long menus
The primary purpose of the 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
Similar to the confusion really long menus create, more than one navigation menu makes a site confusing, and it makes it difficult 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 items in sub-menus that don’t to seem to relate to the menu heading.
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 link to the homepage
Make it easy for visitors to get back to your homepage. It’s become a common design convention to make the logo link back to the homepage. I highly recommend it.
If for some reason your logo doesn’t link to your homepage, it’s absolutely necessary to have a “Home” link in navigation menu item.
8) Broken/Dead links
Pretty obvious usability problem, right?
If you remove a page or article from your website, it’s important to remove all links to it.
It’s also a good idea to use a “broken link checker” every once in a while just to be sure you haven’t overlooked any broken links. There are lots of free ones online – Google it.
9) Ignoring best practices for links
People have come to associate underlined text with links. Putting links into text without underlining that text will cause people to overlook the links.
On the flip side, underlining text that does not link will confuse and frustrate some people when they click or tap the underlined text. Don’t make people think; just follow best practices.
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. The most common examples are embedding audio or video files that are saved in a proprietary format, like Windows Media Audio (.wma), Windows Media Video (.wmv), and Apple’s .mov video files.
11) Hidden contact info
Don’t make it difficult for people to get in touch with you. Your 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
Issues like forms that don’t submit, videos that don’t play and shopping carts with error messages give a poor user experience. We all know that, but have you checked your website recently to make sure everything is working?
Be sure to test these things to death, and in multiple browsers (Internet Explorer, Firefox, Chrome and Safari at the very least).
Usability is not only about technology; it’s about how people understand and use that technology. —Steve Krug, Don’t Make Me Think
Want to know for sure you’ve got a website with no usability issues?
Talk with our team about building a custom designed website for your Christian church, ministry or business that looks great and functions beautifully.
Complete the consultation request form below (mobile) or to the right (desktop) to schedule a call!
Comment and discuss
- Any of these usability issues resonate with you? Got any other usability design mistakes you want to point out?
Continue reading the series How to Design Your Website to be a Powerful Hub of Communications, Connections & Growth
Co-founder & CEO, OurChurch.Com
Paul has been the CEO of OurChurch.Com since its founding in 1996, combining his passion for faith and technology to lead the organization.
An accomplished writer, Paul has authored over 2,000 articles on faith and technology, featured on platforms like ChurchLeaders.com, The JoyFM, and his personal blog, LiveIntentionally.org.
Beyond his professional achievements, Paul serves as an elder at Journey Community Church and is deeply engaged in his community through his involvement with the Florida Sheriffs Youth Ranch and the Safety Harbor Chamber of Commerce. He is a contributing author of the book Outspoken! Conversations on Church Communication.
10 Comments
I think I ranked pretty well except that I do have two menus. The top menu are the pages and the bottom menu are the categories. I used to just list the categories on the sidebar but I think they would often get overlooked there. I now have a home tab and a blog tab.
I really liked your comments on poor web usability web design. There is no shortage of sites that have poorly designed the user experience and made navigating the site frustrating for users.
The challenge for many site owners is the inability to modify their sites and the content within it with them without having to use a designer. As a result, there are sites with stale content and poorly thought out designs that add little value to visitors.
There is a easy web design software that helps address this common problem.
Despite the myriad changes in website design, it's nice to see that the core issues really don't change – that being said, the links in your bio aren't underlined – but because they were in a contrasting colour to the rest, I could still tell they were links 😉
Thanks for sharing these!
Great resource about the common Website Design mistakes a designer must take care of. A neat and clean web design, easy navigation and effective content are must to have for professional websites.
Good article!
However, I don't agree with 4) – that I should only have one navigation. If a page is long enough and the user has reached to the bottom of it, in order to use the navigation they'd need to scroll all the way up to reach the menu – which is ridiculous since people don't like to scroll infinitely. Therefore in my opinion repeating the main navigation or some part of it in the footer is a must – of course if it's done in a balanced and tasteful way.
I also can't seem to fully agree with 9) Violating linking conventions. I'd rather say that hyperlinks need to contrast well with the text and also, which is extremely important, they need to be consistent as well. In other words – the user should always be able to tell plain text from a link and a button from another.. something.
Cheers 🙂
Great with tips – but as always with best practice tips – there are situations where it doesn't fit.
I work with a lot of municipalities and government websites – and they have a heavy focus on self service.
Therefore in those cases I have to disagree with 11). It may be beneficial to make the user go past the FAQ in order to get to the contact info – thus reducing the amount of calls to the helpdesk.
Some pretty useful things to remember, thanks for the reminder. It still surprises me that some of these happen, especially the no link to the homepage. I do find sites like that still though.
The biggie for me from a church website perspective is making it super-obvious where your service is, eg the when and where of where your church meets! If a first-timer visits your site odds are they want to know when and where you are
Thanks
I want to be a web designer. So this blog is very important for me. I must obey that topics. Thanks for writing. Please keep writing.