CX Insights

How To Avoid Web Design Mistakes That Interfere With Usability

9 min read

This is a guest post by Jessica Velasco.

If you are new to the design field, creating a website may seem a daunting task. There are so many things to consider; you’re probably worrying about your clients’ requests, the aesthetic feeling you hope to induce, and tons of other creative nuances. However, the real challenge is combining all these requirements in a website that is usable.

If you are a veteran designer, you already know how important the usability of a website is. Yet, for both rookies and veterans, it can be easy to slip into the creative mode and disregard the true purpose of web design – to meet the needs of the users.

Have you ever made creativity a priority rather than practicality and usability? If so, your visitors have undoubtedly suffered the consequences. Here are 12 of the most common mistakes web designers make together with tips how you can avoid them to make your designs more usable.

1. No search box

Some day, when your website is jammed pack with quality content, you might pat yourself on the back. Visitors are bound to find exactly what they want on your site; after all, you have included everything a person could ever want. But how will visitors find that specific piece of information they are looking for? One very effective way to help your visitors find information is by including a search box.

Google Custom Search is a great place to start. It is simple to create your own search form, yet very effective. With a bit of copy and paste, visitors can easily search your site.

A search box is a very effective way to help your visitors find information on your site. (Source)

2. Difficult to read content

Chances are good that a stellar interface design will grab visitors’ attention. However, visitors don’t visit to your website to ogle your creativity. They come for information, and it is your task to make sure they find it. Quickly. There are many guidelines available on how to design readable web content. Here are just a few things you should consider:

  • The color scheme can make or break a site. Shop around to see how others use color on their site. Make sure you choose colors that improve, not decrease readability.
  • Use sans serif typefaces for all body copy.
  • Don’t allow for too much variety when it comes to font size. Limit yourself to three sizes – one for the main header, one for sub-headers, and one for the body.
  • Don’t allow for too much variety when it comes to typefaces. Try not to use more than 3 different typefaces throughout a single page.
  • Use text emphasis, such as bold, italics, underline sparingly.
  • Put some thought into your alignment. Left-aligned copy is easier to read than right-aligned. Full-justification is great for long lines of text but appears choppy and distracting in narrow columns.
  • Smaller paragraphs are best.

3. Unorganized content

While you might not be the one responsible for putting pen to paper, you will be responsible for how the site’s content is organized. Check out this article on content organization, for some great tips. Here is a an excerpt with three out of the nine tips covered in the article:

  • Start by meeting the visitors’ exact needs. Consider your visitors most pressing issues and address those first. Make sure this information is easy to find. Then, you can start writing about less critical content.
  • Follow your readers’ train of thought and group information in a logical and practical way. This efficiency will make life easier and more enjoyable for your visitors. Remember, the way a visitor defines related content may be different from yours. Consider asking some test subjects to offer feedback about your site’s organization.
  • Recognize that there will be different people visiting your website. Different target audiences might have different levels of expertise, knowledge and objectives. Make sure to organize your content with these differences in mind. For example, have a tab with tips for businesses and one for individuals.

4. Outdated content

Like a garden, the web is constantly experiencing new growth. Taking that metaphor one step further, we realize that even the best tended sites often need a bit of pruning.

  • Budget to hire a web gardener as part of your team. You need somebody to root out the weeds and replant the flowers as the website changes but most people would rather spend their time creating new content than on maintenance. In practice, maintenance is a cheap way of enhancing the content on your website since many old pages keep their relevance and should be linked into the new pages. Of course, some pages are better off being removed completely from the server after their expiration date.

— Jakob Nielsen

5. Shoddy navigation

If your site is difficult to navigate, a visitor won’t linger long. Frustration will lead to a quick exit. Here are some useful tips that will help to make your navigation more usable:

  • Use an easy-to-understand name when labeling links.
  • Hyperlinks should stand out from the body of the text.
  • Dead links should be removed immediately.
  • Hyperlinks are designed to be clicked so make them clickable! Don’t use a minuscule font size.

Make sure people can easily identify clickable areas on your site. The comments on Hacker News are clickable, but not different than the rest of the text.

6. Inconsistent design

You might be a genius web designer and surely you are eager to show as much of your abilities as possible. But never try to showcase all your creative within one website. To a visitor, this can easily become obnoxious and annoying. While you may find this hard to believe (and probably even harder to implement), simple is best.

7. Using a horizontal scroll bar

Be mindful of screen resolution when designing your site. The optimized layout for a desktop design is 1024 x 768 pixels. Don’t make your visitors use a horizontal scroll bar — chances are good that you’ll irritate them. Before a revamp, consult your Google Analytics for information about about the monitor resolution that is being used most for accessing your site. With the myriad of mobile devices in use these days, it is helpful to know how your visitors are viewing your site.

8. Being ignorant of the importance of whitespace

Above the fold doesn’t just apply to newspapers, but also to websites. It refers to the information that is seen without scrolling. Because this coveted location is the most prominent and visible, it tends to be the most important. For this reason, it is common for web designers to cram as much goodness as possible into that area.

However, this tactic ignores the fact that readers actually get overwhelmed with too much information. As a result, chances are good that they leave quickly and without appreciating what you have to offer. Don’t be a cocky designer; acknowledge that whitespace can look attractive, professional, and legible. Decide carefully where you put the focus of your design and carefully guide your visitor’s line of sight.

9. Using music

Music is a delicate topic when it comes to web design. While there are websites that gain authenticity through some background tunes, such as music labels or budding artists, most sites don’t gain much value through the unexpected blaring of music. Think carefully about the purpose of your site and your target group before you decide to include audio. Also, if you do include music, make sure it loops continuously and doesn’t change each time a new page is loaded.

10. Being greedy

Pagination – or splitting up content into several pages – is a must for some sites. For example, ecommerce websites often profit from split pages. If you tried to show all the images in the product gallery on one page, it would take forever to download. However, pagination within an article is unwise; rarely is there a piece long enough to require it. In reality, pagination is being used within an article to boost page views. Since advertising revenue is determined by page views, we all know you are just trying to pad your count. However, this is bad for two reasons. First, you will annoy your readers. Second, you will hamper your SEO efforts by diluting your content.

11. Being unreachable

User engagement is important in building customer loyalty. Customers appreciate it when you answer their questions quickly, fix their problems, and let them know you care. What does it say to your visitors if you make it virtually impossible to contact you? What will a visitor think if your contact page redirects to a FAQ page? What does a contact page sans email or phone number tell a person? It all says you don’t really want to be contacted.

Don’t give your visitors the impression you don’t want to talk to them (Source).

There are a variety of ways to connect with your visitors. You can publish an email address, utilize live chat sessions, or create a simple contact form. Using social media and online forums are also great ways to stay in touch. Not only do your visitors get to connect with you, they also have the opportunity to interact with other visitors too.

12. Too much registration

Be mindful of ways you are using registration. Try to offer as much substance as possible so visitors don’t have to identify themselves in order to enjoy the functionality of your site. For example, a lot of sites will ask visitors to register before posting a comment. Sure, this will decrease the amount of spam; however, it will also decrease the amount of comments. Also, make sure your log-in barriers don’t lock away features that don’t really need to be locked up. If you must use registration, keep the process as simple as possible. Don’t ask for information you don’t need.

Your thoughts?

There you have it — a handful of blunders most commonly made by web designers. Have you fallen victim to any of these creative trappings? Do you know of a mistake we left off the list? Do you have advice to share with other designers? Let us know what you think!

Jessica Velasco
Jessica is a blogger and designer for Subtle Network. While far from perfect, Jessica likes to think she is capable of avoiding the most obvious creative blunders and designs with the reader in mind. Check out how her company used various design elements to help Haarklinikken patients dealing with hair loss.