12 Most Common Website Design Mistakes

12 Most Common Website UX/UI Design Mistakes

We all know good web design when we see it. It feels natural, effortless, and right.

Whether it’s a blog, sales page, or news site, we can easily separate the good design from the bad design.

But when it comes down to execution, it’s much more challenging to create a website that’s aesthetically pleasing and highly functional. For those without a web design background, knowing and doing are two totally different things.

The problem is that most people assume design intuition naturally leads to compelling web design creation (especially in a world of drag-and-drop website builders). This leads to costly mistakes that produce watered down messaging and suppressed conversion rates.

Left unaddressed, these mistakes can damage your brand beyond repair. Don’t let it get to that point!

The Importance of Good Web Design

Good web design is more than just pretty. Done well, it can produce a long list of benefits, including:

  • First impressions. It takes just 5 milliseconds for a visitor to form an opinion of your website. In that time, they don’t have the ability to read any copy, evaluate products, or make decisions based on logical facts. Website design is the only thing impacting that first impression. In fact, research suggests that 38 percent of people will stop engaging with your website if the layout is unattractive. If you don’t get this straightened out, you’ll miss out on plenty of future opportunities.
  • SEO. Most people assume that SEO is all about content and keywords, but web design plays an important role too. If your web design isn’t up to snuff, you’ll have a hard time keeping people on the page. And if your bounce rates are high and conversion rates low, this sends a signal to Google that your website isn’t worth referring traffic to. (Web design also directly impacts page loading speed, which is another important factor in how your website ranks in the search engines.)
  • Consistency. Web design is a critically important component of branding. And in order to engage visitors and turn them into customers, you have to deliver a consistent “look” that people automatically associate with your brand. Good web design acts as the foundation of your brand’s visual identity. Make it good!
  • Conversions. At the end of the day, web design has an impact on conversion rates. A website with a strategic layout has the ability to move people through the conversion funnel at an accelerated rate. Think of it like coating your funnel in slick oil – prospects will slide right down.

When your web design perfectly complements your brand’s larger goals and objections, everything falls into place. However, when web design falls short, you miss out on these benefits and the results can be catastrophic.

Don’t Make These 12 Common Website Design Mistakes

So much of the battle with good website design lies in the avoidance of mistakes. By avoiding certain mistakes, you can pave the way for increased visibility, greater engagement, and more conversions.

Having said that, here are some of the most common and costly website design mistakes we see:

1. Lack of Responsiveness

Lack of Responsiveness

In 2005, there was no such thing as a mobile version of a website – 99 percent of all sites were designed with desktop browsers in mind.

By 2010, however, the growth of smartphones had led to a surge in people using their mobile devices to access the internet. As a result, businesses that wanted to reach mobile users suddenly had to create separate mobile versions of their websites.

Fast forward to today’s marketplace, where smartphones are ubiquitous and the number of mobile-only internet users is higher than ever before, and responsive web design is the preferred option.

With most internet users now using a variety of devices – often within the same day – it no longer makes sense to have a desktop site and a mobile site. Instead, we’re at a point where responsive web design is the norm. And if you don’t have a responsive website, you’re shooting yourself in the foot.

With responsive website design, all content on all pages of your site is flexible. In other words, they’re able to scale and adapt to any browser or screen size, regardless of the device accessing it. This provides an optimal experience that’s consistent and user-friendly.

A lack of responsiveness doesn’t just hurt your website user experience (UX), it also negatively impacts search rankings. Responsive design is one of Google’s top ranking factors. If you’re locking in this area, you’ll find it hard to rank well.

The good news is that responsive design is now the gold standard. If you’re designing a new website or hiring a development team to revamp your site, this will almost certainly be part of the package. However, it never hurts to ask.

2. Slow Page Loading Speed

Aesthetics aren’t everything. Yes, you want your website to look good. But if your website is slow and clunky, you’re doing yourself a huge disservice. (Do some research on the correlation between page loading speed and conversions to see what we mean.)

Page loading speed can be impacted by any number of elements, but it often comes down to poorly optimized images and resource-intensive design elements.

For starters, consider your images. If you’re using full-sized images with no compression, simply optimizing these images could reduce page load size by up to 80 percent. (This can shed seconds off your loading speed).

If you’re interested in exploring more, I would suggest our blog post on how to get a perfect score on Google PageSpeed Insights.

3. No Clear USP

Show us an underperforming website and we’ll show you a website that has a poor unique sales proposition (USP).

A USP, which is basically the single reason that customers should choose you over the competition, must be clear, obvious, and positioned front and center. It’s a simple phrase or sentence that articulates what makes you compelling to prospective clients. (It’s not a mission statement, which is boring, clunky, and internally facing).

Your USP should be featured prominently on your home page. Sometimes this all the text you need above the fold. It should complement the rest of your design and copy strategy, but it should also stand on its own merit.

We always suggest starting your website development project with wireframe mockups.

4. Busy and Cluttered Layout

Busy and Cluttered Layout

Your website is a valuable billboard for your business, but you must resist the temptation to fill every pixel with sales and marketing statements. A busy and cluttered look will render diminishing returns.

Simplicity is one of the defining metrics of good web design. Gone are the days of busy sites with lots of flashy and loud elements. Today, the best websites are clean and minimalist. They prioritize white space and do more with less.

Clean up your site and strip out anything that doesn’t directly correlate to your USP. Remember that images are worth 1,000 words. Try to limit the amount of copy you use and learn to show rather than tell.

5. Generic Visuals and Stock Photos

Visuals are more important than ever before. And if you’re designing your website with lots of visuals, you’re ahead of the curve. Having said that, there’s one mistake you must avoid: Using generic stock photos.

While stock photos certainly have a place in web design, there’s an art to selecting the right images. Refrain from using cheesy and irrelevant images. Avoid using anything that misrepresents your brand or makes it lack authenticity.

Too much reliance on stock photography makes people wonder whether there’s anyone real behind the business. It makes you feel generic and possibly even “shady.”

Whenever possible, use your own images. Rather than showing a stock photo of a boardroom full of generic employees, show an actual picture of your team. Or instead of clip art, create branded graphics that are tailored to your business. Genuine images make a world of difference.

6. Poor Typography

Typography is usually an afterthought. When designing a website, it’s common to choose the default option or randomly look for one that fits your eye. But we recommend giving more thought and intentionality to font selection.

Any font that’s unreadable (or difficult to read) lowers cognitive fluency and negatively impacts conversion rates. Choose something that’s easy to read and use it consistently throughout your site. You should have no more than one or two fonts.

In addition to font selection, consider the following:

  • Kerning. This refers to the space between two characters. Tight kerning saves space by compressing words, while loose kerning can create an inconsistent reading experience.
  • Tracking. If kerning is the space between individual characters within a word, tracking is the space between words. You want the tracking to be such that one word flows into the next without overcrowding.
  • Leading. This refers to the space between lines of words. Tight leading can cause rows to unintentionally merge into one another, while loose leading wastes space and disrupts flow.

These may seem like small details, but they have a significant impact on legibility and conversions. Don’t overlook them!

7. Lack of Predictability

You might assume visitors want to see a unique and visually stimulating website, but the reality is that most people prefer predictability.

For example, internet users have been conditioned to expect the company’s logo in the upper left-hand corner of the page. Likewise, they anticipate seeing a “contact us” or “about us” button in the upper right-hand corner. This is not a time where reinventing the wheel pays off. Stick with conventional wisdom.

8. Chunky Blog Posts

Chunky Blog Posts

When it comes to blog posts, you have to respect the fact that attention spans are shorter than they’ve ever been. You can’t use a boring design/layout and expect people to engage with your content. You have to mix things up and keep people visually stimulated.

While long-form blog posts are considered a best practice, be mindful of how you’re designing your posts. Anything you can do to break up chunky paragraphs will serve you well. Good tools include frequent line breaks, subheadings, bullets, numbered lists, images and graphics, bolded words, italics, and pullout quotes.

9. Disruptive Pop-Ups

Pop-ups are frustrating. And while we’re in the middle of a massive trend of exit-intent pop-ups (which admittedly produce high conversion rates), you have to be careful.

Too many pop-ups in situations where pop-ups are considered intrusive can cause frustration and lead to high bounce rates. Be mindful of when and where you use them. They should only be used when you’re certain someone is already on their way out.

10. Auto-Play Video With Sound

Video is an excellent choice for your website, but be mindful of how you use it. We see brands mess up in a big way by leveraging video in all of the wrong places.

Just as video can capture a visitor’s attention, it can turn a visitor off. In order for it to be effective, video must have consent and expectation.

While auto-play videos can be useful on landing pages where it’s considered expected, it’s generally not a good best practice on a home page. Furthermore, you should never autoplay a video with sound. This is disrupting and highly frustrating. Always start a video on mute and give the user a chance to unmute.

11. Complicated Navigation

Complicated Navigation

Navigation is an integral component of good website design and development. And this is another area where simplicity wins the day.

Complicated navigation does nothing but confuse and frustrate visitors. Your navigation should be so simple that anyone can learn their way around your site using nothing more than intuition.

To put it another way, your navigation should do what people think it should do. If someone expects a particular button or menu item to help learn more, it should. If they anticipate clicking on a CTA will open up a contact form, it should. Don’t overthink this!

While most brands need more in-depth websites, there’s something to be said for the single-page with a blog. If you can fit everything onto one page, you minimize friction considerably.

12. No 404 Pages

You aren’t going to win any web design award with your 404 page. In fact, you hope that people rarely visit your 404 page in the first place. However, in case they do, it’s important to have something other than a generic error page that makes people feel frustrated and annoyed.

A good 404 page shows people that you care about their website experience. It can also win you some points in the creativity department.

If you can make someone smile, rather than roll their eyes, your 404 page is considered a success. Here are some good ideas for inspiration.

How to Approach Website Design

Now that we’ve explained the importance of web design, top mistakes you don’t want to make, and some powerful ways to avoid and overcome these issues, let’s address the 1,000-pound elephant in the room: How do you execute?

As stated at the beginning, you may have an intuitive understanding of what good website design is (and what it’s not), but how do you emphasize the former while avoiding the latter?

You ultimately have three options:

  • Do-It-Yourself (DIY). If you happen to have a background in coding and understand the basics of developing websites, it’s possible that you could develop and design your own website. (The same goes if you have someone on your team who is an experienced website designer.) This is only practical for a small percentage of businesses. It’s also a time-consuming endeavor, which can zap resources that could otherwise be focused on core tasks like marketing, sales, and customer service.
  • Done-With-You (DWY). The next category is one that has ballooned over the past decade. DWY website design is typically executed using the assistance of a template and/or drag-and-drop website builder platform that allows you to design a site without any coding experience. The benefit of this approach is that it costs less and requires less time. The downside of this simplicity is a lack of functionality. (Many of these platforms are also notoriously finicky, which can lead to wasted time and effort trying to resolve simple issues.)
  • Done-For-You (DFY). The final approach is to outsource the website design to someone who knows what they’re doing and use your time on other core tasks. With a DFY model, you hire an outsourced website designer or web development agency. You can be as involved as you want to be, providing suggestions or leaving all creative freedom up to the developer. On the front end, this is the most expensive option of the three. But when you consider the boost to your branding and conversion rate, it provides a positive long-term ROI.

The option you choose will depend on your experience, time, and budget. Ultimately, it’s about making the decision that’s right for your brand’s growth.

Let DEV.co Build Your Website From Scratch

There’s nothing inherently wrong with building your own website (if you know how) or using a drag-and-drop builder to create a simple site (if you’re willing to compromise functionality), but why bother?

If there’s one aspect of your digital footprint that you want to be exceptional, it’s your website. Everything else revolves around your website and depends on it as a strong foundation for the brand.

Make sure you do it right.

At DEV.co, we don’t just design websites. We design unrivaled digital experiences that leverage strategic innovation with beautiful interfaces that elevate brands to new heights.

Want to learn more about our process and how we can help you design a website that establishes trust, cultivates authority, and generates conversions?

Contact us today!

Ryan is the VP of Operations for DEV.co. He brings over a decade of experience in managing custom website and software development projects for clients small and large, managing internal and external teams on meeting and exceeding client expectations--delivering projects on-time and within budget requirements. Ryan is based in El Paso, Texas.
Connect with Ryan on Linkedin.
Ryan Nead