10 Annoying Web Design Trends in 2025 Which Should Stop NOW

Web design trends aren't always a step in the right direction. Here are the top 10 most annoying web design trend that need to stop NOW.

By Tim TrottHTML & CSS Tutorials • December 14, 2017
1,237 words, estimated reading time 4 minutes.
10 Annoying Web Design Trends in 2025 Which Should Stop NOW

In the ever-evolving landscape of web design, certain trends emerge that captivate audiences while others fall short, leaving users frustrated and disengaged. As the digital sphere continues to evolve, it's essential to recognize the web design trends that have overstayed their welcome and are hindering user experience rather than enhancing it.

This article explores the ten most annoying web design trends designers should bid farewell to create more user-friendly and engaging online experiences, from excessive animations to intrusive pop-ups.

Instant Survey/Mailing Lists When landing on page

Email Subscription Popups When You Land On Page - An Annoying Web Design Trend
Email Subscription Popups When You Land On Page - An Annoying Web Design Trend

So I've just clicked through to a website. Before I saw the content, I had some random mailing list subscription form thrust in my face, or even worse, a customer satisfaction survey. I've just entered the site! I have yet to learn what your site is about or the quality of work, so why would I want to sign up for a list instantly? Let me read your content first, and if I want to subscribe, I will. Thanks.

Passive aggressive pop-ups

Those "before you leave" messages can be pretty annoying. This new web design trend causes a banner pop-up for a mailing list or survey when the mouse pointer leaves the window. This is to capture people before they hit the back button. Still, they get triggered at any time, for example, Alt+Tab to another window, moving the mouse to the second monitor or simply going to bookmark the page. If I want to subscribe to your lists, I will; I don't need your signup form thrust down my throat. Thanks.

Copy & Paste Templates all look the same

HTML5 Templates all look the same
HTML5 Templates all look the same

There are a plethora of "freemium" and premium templates out there, all promising to the latest and greatest with newly added features (most of which are on this list), except all the themes look the same. Standard hero image of some stock photo, bootstrap title and tagline, bootstrap button or two and the modular "panels" design. Only some templates now offer creativity from the authors. It gives me the impression that they have just taken another template, made a few minor cosmetic changes and relaunched it as a "new" template.

Plethora of frameworks and platforms

Html Code
Html Code

Every day, another new framework comes out, each claiming to be better than the rest; there are so many out there that it's impossible to keep up. Angular, Backbone, Dojo, Ember, jQuery, Knockout, mooTools, prototype, react. Those are just a few of the Javascript frameworks I've used. Then there is the CSS/SASS/Less/Gumby/Compass, not to mention the frameworks which span CSS/HTML and JavaScript. Indeed, they cannot all be entirely different; there must be masses of overlap and duplication.

Auto Play Videos - The 21 Century MIDI

YouTube Videos Mobile Autoplay
YouTube Videos Mobile Autoplay

In the 1990s and early 2000s, websites used MIDI files as background music, a trend that was about as popular as Comic Sans as a typeface. Fortunately, this web design trend has faded. However, a new trend for auto-playing videos has emerged, causing similar frustration. These videos, set to autoplay, can be anything from adverts to embedded videos in content, and there is nothing you can do about it.

Here's another scenario: I'm browsing sites, opening links in multiple tabs, especially those in the content that I plan to read later. But the trouble starts when the videos on these tabs start playing in the background after I've opened three or four tabs. I had to visit each page, locate the video, stop it, and then try to find where I was. It's a hassle, and it's annoying. Please, don't auto-play videos.

This is even worse on mobile devices; visiting a web page, which is heavy enough as it is, more on that later, then a video starts playing and consumes all my mobile data allowance. Thanks for that.

Blocking Ad-Blockers

Marketing Colour Wheel
Marketing Colour Wheel

I use ad-blocking software to block obtrusive adverts, pop-ups, and video adverts (see above). There are also privacy issues with adverts, super cookies and tracking codes, which build up a picture of my browsing habits. These are legitimate reasons for blocking adverts. The web design trend now is to ask visitors to turn off ad-blocks to see the content, and in some cases, the site won't even allow you to go any further. If I can't see the content, I will hit the back button, so don't cry about lost revenue due to blockers.

I run adverts on this site, and I have seen the decline in revenues attributed to ad blockers, so as a publisher, I know what it's like. I don't punish anyone for blocking adverts.

What is the solution? I don't know. Let us know in the comments below.

Heavy Pages

Modern website pages are becoming increasingly heavy, laden with large HD hero images, embedded video, frameworks, and unoptimised CSS. This trend not only slows down page load times but also negatively impacts the user experience, making it harder for users to access the content they need.

Page Load Statistics for 2010
Page Load Statistics for 2010
Page Load Statistics for 2017
Page Load Statistics for 2017

As you can see in the chart, over the past seven years, web page weight has increased by 78%, with the average payload in 2017 being 3MB, compared with the 2010 average of 0.7MB. Page load statistics from HTTP Archive.

Ajax Spinners - It's OK to Wait?

With web pages getting heavier, frameworks are getting busier, and page load times are increasing despite the push for a faster web. We'll solve that problem by adding a loading icon for the user to look at. That'll solve the problem.

No. From a User Experience point of view, you are saying that waiting for a web page is OK. It is not. It would be best if you focused on delivering a high-performance, optimised site that does not need loading icons.

Loading icons need to disappear now. Or be replaced with this.

Endless Scrolling

Scrolling on Smartphone
Scrolling on Smartphone

This web design trend is mainly used on news websites, where scrolling down the story leads to the next story, then the next again. The page scrolls down endlessly and often breaks the back button, so you must click 15 times to get out of the site. The same applies to listings, which automatically add new content when scrolling down. As more and more content is loaded, the browser uses more and more resources, eventually slowing down.

Top 10 Slideshows

Slideshow
Slideshow

Notice the format of this post; it is a list presented one after the other on one page. Apart from scrolling down, no other user interaction is required. Clickbait sites started the web design trend, but not popular sites such as Forbes put each item on the list as its slide, sometimes even a new page that must be clicked. As with infinite scrolling, going back to the start requires clicking the back button 15 times.

"Free" content

Web Designer
Web Designer

Free content means downloading for free, i.e. a one-way exchange. The web design trend is now emerging, and "free" content downloads are offered in exchange for signing up for mailing lists or providing other personal data, which is then sold to marketing companies. So, while you may not have paid cash for content, you have sold your data to an unknown entity for whatever purpose they feel free to use. Folks wonder why they get so many spam emails.

Do any of these annoyances grind your gears? What are your web annoyances? Let us know in the comments below.

Related ArticlesThese articles may also be of interest to you

CommentsShare your thoughts in the comments below

My website and its content are free to use without the clutter of adverts, popups, marketing messages or anything else like that. If you enjoyed reading this article, or it helped you in some way, all I ask in return is you leave a comment below or share this page with your friends. Thank you.

This post has 2 comments. Why not join the discussion!

New comments for this post are currently closed.