Bad Website Design 2019: 5 Trends To NOT Follow

Did you know 38 percent of visitors will stop engaging with your blog if its layout is unattractive? Or that half of them would abandon your blog if it takes more than 3 seconds to load?

So while youā€™re spending hours in creating engaging content, your website design may have been playing a villain to you all this time.

How does your blog look and perform?

Does it follow the latest website design trends?

How many website design tips and ā€œtricksā€ have you read as of late?

Even if you believe everything is perfect, that might not necessarily be the case behind the scene.

Scoring decent on Googleā€™s PageSpeed Insights is good but not sufficient.

The overall construction of your blog may have certain components that can totally put off the search engine spiders, as well as the visitors.

Here are 5 bad website design trends that you should NOT be following in 2019:

1. Hamburger menu (in desktop view)

I complete adore hamburger menus.

If youā€™re reading this on your handheld device, you would find a header with hamburger sticking at the top of your screen.

However, thereā€™s a problem.

The hamburger menu came into prominence because it offers simpler navigation and uncluttered interface.

It was also meant primarily for the mobile-users who usually dig clean UI.

Sadly, many people now are using this solution even in the desktop design of their blog for absolutely no reason at all.

Why do you need to hide your tabs on a desktop where thereā€™s no shortage of space?

A research found that hiding the websiteā€™s main navigation can cut discoverability by almost half.

This comes in way of good user experience. And when that happens, itā€™s safe to assume that conversion rate remains low. 

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Hereā€™s why you should get rid of desktop Hamburger Menu from:
  • Many visitors still donā€™t actually know its function
  • Content discoverability decreases, bounce rate increases
  • Itā€™s not required in the first place

Stick to goodā€™ol tab navigationā€”be it in the header area or the sidebar. Itā€™s ideal, simple and less confusing.

Recommended Read: 19 Steps to Reduce Bounce Rate

2. Multiple and Aggressive Pop-ups

Pop-ups are a necessary evil.

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design

You need subscribers? Make a pop-up subscription box. Want people to share the post? Get a pop-up with sharing buttons.

They are great to drive the desired action from the visitors.

When Entrepreneur(dot)com implemented opt-in pop-up, their subscription rate increased by 86 percent and sales by 162 percent.

On average, pop-up forms convert at around 3 percent, which isnā€™t bad.

Another research done by Sumo found that the top-performing 10 percent of pop-up forms convert at 9.3 percent. So yeah, they do work!

However, there are flaws that one simply cannot overlook.

Hereā€™s a basic theory. People visiting your blog are going there to consume content. They are not looking to offer you their email. They donā€™t want to subscribe to you.

When you use an aggressive pop-up, it may scare away the visitors because thatā€™s not what they want.

It also diverts usersā€™ attention from the content, which is what they are looking for in the first place.

Once in a while, I always end up on websites that have multiple pop-ups trigger ā€” form at the center of the page, slider at the bottom, a welcome mat.

Imagine, I have to click the cross mark three times to actually see the content clearly.

At times, the cancel option isnā€™t even visible. Itā€™s like you either have to subscribe to them or get the hell out.

Naturally, I get the hell out of such websites, promising to never return.

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Hereā€™s why you should double think on using pop-up opt-ins:
  • Comes in way of user experience and usability.
  • Increase bounce rate.
  • Hurt SEO. Google announced over a year back that it will penalize pages where content is hard to consume. 
  • Hurts brand credibility (would you ever go back to a website that obsessively throws pop-ups?)

Now, in view of its effectiveness, you donā€™t have to get rid of pop-ups entirely. Just be more careful about how and why you use them.

Avoid aggressive, full-page pop-ups. Donā€™t have more than one on a single page.

And if you arenā€™t seeing any evident result, shake things up.

Change the format, trigger and CTA message. Donā€™t just stick to the same popup even when thereā€™s poor or no conversion.

Recommended Read: How to Capture Email Address of (First-Time) Website Visitors

3. Homepage Carousel

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Unless your blog is a magazine-style, multi-author platform (or even when it is), using a carousel on the homepage is a mistake.

That thing was a complete rage a few years back. Some blogs, sadly, are still hung on it. 

Admittedly, they look visually appealing. But that not before they totally mess up your SEO and UX, giving no evident benefits whatsoever.

According to research, as mentioned on Yoast, only 1 percent of visitors actually click on a slide, which is often the first slide.

Several studies also confirmed that such image sliders are usually ignored by the visitors because they are confusing, trigger banner blindness, and come off as promotional.

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Here are a few reasons why you should say goodbye to carousels from your blog:
  • Increase the loading time (thanks to large, HD images). This hurts SEO. 
  • Creates even more trouble in the mobile view.
  • Take attention away from the content.
  • Not much evidence available proving they convert well.

If you have one, please (please) take the carousel down! Today. Now.

Recommended Read: Website Speed and SEO: Does Your Site Loads in 2 Seconds?

4. Infinite Scrolling

Popularized by Pinterest and Facebook, a year back I was a fan of infinite scrolling myself.

Come on, itā€™s quite fancy and fitting to common sense. You keep on offering your visitors new and interesting content as they scroll down so that they never get the time to leave.

Reduces bounce rate, increases session duration ā€” it looked like perfect for good usersā€™ experience and SEO.

However, there was a flip side that stood hidden from me for quite some time.

First, infinite scrolling makes footer content irrelevant.

Second, the scrollbar becomes lagging, unreliable and difficult to use.

And most importantly, this feature comes in a way of how your website is crawled by the search engines.

Infinite scrolling is one single page, even it is offering many posts. One page means one Meta description. This means search spiders fail to effectively crawl the rest of the pages and retract the right information for their use. In short, it hurts SEO

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
To sum up, hereā€™s why infinite scrolling should be ignored in your blog:
  • Hurts SEO
  • Affects the performance of the page
  • Makes footer content unusable

Go for pagination over infinite scrolling. They are sweet, simple, fast and search engine friendly.

5. (Too Many) Floating Items

On many levels, I like floating elements. Like, a floating menu ensures the visitors that they have options to easily navigate to other pages.

Floating social share buttons tell them to share the content without being obnoxiously aggressive.

Sadly, like every good thing, this one, too, have few drawbacks that outweigh the benefits.

The floating action button is a bad UX move. Especially on the phone where the screen is small, visitors would hate it if a part of their screen is taken by a floating item.

Additionally, it also comes in way of usability and performance of the website, slowing down its smoothness.

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Hereā€™s why you should try to avoid putting up floating items on your blog:
  • Increase page loading time
  • Degrade performance 
  • Obstructive on phone 

Donā€™t get rid of them altogether. Limit their numbers.

Make sure the plugin/widget/code is fully optimized, and that the floating item is of the right size to provide a good experience to the mobile users.

Recommended Read: 16 Best Practices For Above The Fold Optimization

Conclusion

Blogging is all about connecting with your audience through your write-ups, and not through extravagant visuals and features.

I personally believe, the website design should be kept simple and light.

This is not to say though that you shouldnā€™t integrate to it any third-party plugins/widgets and follow the basic tips on website design.

  • Of course, to hook your audience, you should get attractive fonts.
  • To convert them into dedicated readers, you need a subscription form.
  • To improve social share, you require a social share plugin.

Point is, adding functionality and usability to your website/blog isnā€™t bad.

However, the problem comes when people overdo it ā€” when they do it unnecessarily and thoughtlessly without factoring different ends.

After all, your website design is a blend of an array of elementsā€¦ What you want to offer, what your audience wants and what the search engine wants.

You want a subscription form so you used JavaScript, but thatā€™s not what Google wants.

Your audience wants to read your post and leave, but thatā€™s not what you want (you want them to share the post, subscribe for newsletters).

So you must strike a perfect balance between these elements to keep everyone happy. Yourself, included.

Call To Action

Nowā€¦

If your website design falls short in any department, make needed changes immediately.

Highlight a clear distinction between what is essential and what is unnecessaryā€”and then get rid of the latter ones.

Start by doing away with the above-mentioned points/features.

Make the website/blog lightweight and SEO-friendly that offers good User Experience (UX).

Remember, as clichĆ©d as it may soundā€¦

Thereā€™s beauty even in simplicity! šŸ˜‰

blog-design-trends-2019, blog-design-tips, blog-design-mistakes, design
Liked the post? Follow Spell Out Marketing on Instagram for bite-size tips on digital marketing. Click here to follow.
Asif Ali

The guy behind Spell Out Marketing. A certified content marketer and professional blogger with 5+ years experience in the domain. Find me on Medium here. Let's talk about inbound marketing, business and side-hustle on Twitter. (And oh, if you're on LinkedIn, let's connect!)