The internet is filled with how-to articles and tips for success. Rarely do we find people who boast about the mistakes they’ve made!
However, when we do come across one of these self-flagellation articles, there is a powerful lesson to be learned. We all make mistakes on occasion. And learning from those mistakes is vital for long-term success.
But it is even better when we can learn from the mistakes other people make!
It doesn’t matter if you are an amateur or a design veteran, if you are a freelancer or a member of a massive corporation – don’t commit these ten usability mistakes.
There is a time for showcasing creativity, and there is a time for keeping it simple. When it comes to designing different pages for the same site, it is best to keep it simple.
Visitors expect to see the same colors, logos, fonts, navigation tabs, et cetera in the same place on every page. Don’t make visitors wonder what site they are on by confusing them with inconsistent page design. This is frustrating for the user and looks unprofessional for the company.
This very site is a great example of consistency. The color scheme, shapes and fonts flow seamlessly from one page to another. Plus, Jacob uses a self-portrait to infuse even more continuity.
Google is so popular because it helps people find the information they want quickly and easily. Designers should follow Google’s lead and make sure information on the site they are designing is easy to find.
One good way to do this is to include a search box on the site. Google Custom Search, as used on Just Creative, is easy to include and greatly enhances the user’s experience as they sort through content. There are free and paid versions available a
When it comes to helping visitors navigate a site, a straightforward approach is best. The aforementioned search box helps with navigation, as does having clear and logical navigation tabs.
Using breadcrumb navigation (so visitors can see where they are and how they got there) can be helpful for certain types of websites.
Here is an example of breadcrumb navigation. As you search through Amazon, you can easily see where you are and how you got there. This page would list the non-fiction eBooks about cats. A hyperlink on the company’s logo that takes the user back to the homepage can also serve as an “emergency exit” for users to get back to the homepage without leaving the site.
More is not necessarily better when it comes to website content. Weeding out outdated content should be part of regular website maintenance. Old content can either be updated and made relevant for users or redirected to more applicable content.
Leaving outdated content as it is turns visitors off to the site and makes them less likely to return. For example, if the last blog post went up three years ago, visitors are likely to think that the website has been abandoned and will not return.
Like content, links need to be monitored as part of regular website maintenance. Dead links are unprofessional and annoy users. Remove them promptly and replace them with working links to keep users happy and engaged. You can use Google Webmaster Tools to find deadlinks.
Keep the site organized. Have the most important information greet visitors when they first arrive. Make other important information easy to find by putting it in a logical, practical place.
Keep in mind the different types of visitors a site is likely to receive and organize information to meet different needs. For example, the website for a college should contain tabs to redirect different visitors (prospective students, current students, alumni, and faculty) to pages with more specific, relevant information.
Stonehill College has great content organization. They offer multiple routes to retrieve the same information. For example, information about admissions is available from a homepage link. It would also be available via the “resources for prospective students’ option from the dropdown list.
Visitors are on the website to find information. In addition to making the information easy to find, make sure it is easy to read.
Music on a webpage can be distracting at best, irritating at worst. Include a music player only if the music is relevant to the site’s content. For example, the website for a band may benefit by playing their music for visitors.
If a music player is used, be sure to have a stop button and keep the loop continuous. Visitors do not want to hear the same song start over each time they go to a new page.
Fans can enjoy Leeland‘s music on their website but on their own terms. The tunes won’t assault you as soon as the page loads. Instead, visitors can launch the music player or hit play on one of their videos.
This tip might seem outdated but we are all aware of the popularity of mobile devices. However, an alarming number of designers still fail to take these users into consideration.
Web designers must be mindful of this audience. Either design pages that are easy to use and read on a small screen or create a separate mobile site.
When opting for the latter alternative, be sure that the mobile site is consistent with the main page and that mobile users have the option to access the non-mobile version of the website.
We’ve saved the best for last; or at the very least, the most important. This tip goes above and beyond simple usability. The other mistakes might be annoying, but this could actually affect the company’s profits.
Providing adequate contact information is essential. It is the first step towards customer loyalty and the necessary link between disgruntled customers and a problem-solving customer service representative.
The vast majority of credit card chargebacks occur because of faulty customer service. As a designer, you probably don’t know much about these financial setbacks, but your client does (if you want to know more, check this article about credit card chargebacks).
Your clients expect you to deliver a top-notch, effective site. And if your design actually increases the likelihood of a credit card chargeback, they won’t be happy. Since the majority of chargebacks are filed simply because the user can’t find the necessary contact information, it is essential you provide everything a user could possibly want. That might include:
The more detailed the contact page, the better.
Check out Moz‘s “Contact Us” page. They include a plethora of information; city-specific physical addresses, Google Maps, a contact form, and a live chat option.
While some creativity may be appreciated, a simple site with straightforward functionality often provides a superior user experience and is most likely to please clients.
We all make mistakes. It is time to learn from our mistakes and those of other designers.