Since the art of web design only proliferated in the ’90s, most of us have seen it evolve through the years. But before it became the reader-friendly, easy-on-the-eye designs of today, amateur and pro web designers alike most probably committed one or two colossal blunders in the discipline of proper designing.Web design mistakes are the equivalent of the worst fashion faux pas committed on the red carpet. They got everyone asking: what were they thinking?! Flaming GIFs, off-colored scrollbars, marquee texts—put them all together and voila! You get the award for the worst web design trends in recent memory.
The things is, these actually started off as trends that (thankfully) died down. For seasoned pro’s and rookies, here are the top 15 worst web design trends you probably did before.
In the meanwhile you may want to read some of Web Design related articles
- 25 Stunning Premium Single Page WordPress Themes
- Free Premium WordPress Themes Magazine Style
- What Changed About Web Designing?
- Outstanding 50 Examples of Single Webpage Designs
- 25 Stunning Premium WordPress Restaurant Themes
15 Web Design Trends to avoid
1. Custom Mouse Cursors
![]()
Apparently, some people found the traditional mouse pointer passé. They decided to change the cursor arrow to various cartoonish images like Mickey Mouse, a panda, a cat, or a dog. They also added effects on cursor trailers, so the pointer now moves shadowed by fairy-like trail worthy of Tinker Bell.
2. Custom Scrollbars
![]()
The usual scrollbars are also apparently another source of boredom for a lot of people. You can see numerous websites with customized slider, track, top and bottom arrows. While they may not be annoying, they sure are distracting.
3. Website Visitor Counters
![]()
We get it: you want people to know how many visitors you had. So some webmasters decided to put up flashy, animated visitor counters that would show off their legions of readers. Too bad a lot of them were unrealistic. Visitor counters achieved two things: turn off the visitor or make them doubt the numbers flashing on their screens.
4. Short Repeating .wav Files
Here’s the thing: a lot of people check out websites while listening to music. So it annoys them when your website automatically runs with a .wav music file. Worse, the player is hidden and it’s on loop. Do you want a way to automatically lose visitors? This is it.
5. Horrible .gif Animations
![]()
Back in the day, websites were peppered with GIF (graphics interchange format) images in all the wrong places. Webmasters use GIFs in the same way as a fashion-challenged girl would accessorize her outfit: too much. Worse, auto-generate websites multiplied, in response to the growing demand of cheesy, low-quality GIF images.
6. Incredibly Annoying Pop-ups
![]()
Pop-ups used to be a marketing ploy. After all, who can escape from the sudden attack of the pop-ups? Visitors have no other choice than to look at them. The good thing is that webmasters have now realized that pop-ups do nothing more than annoy the living daylights out of their visitors.
7. Animated Weather Backgrounds
So the website owner wanted to keep up with the seasons by decorating his site with a Winter Wonderland background, complete with falling snow. Sure, this may be the best season of the year for you, but it is hurting the website aesthetically. For one, it affects the readability of the website. Secondly, you have to regularly update your design, so visitors will not see snow during the heat of summer.
8. Website Best Viewed in Text and Graphics
![]()
“Best viewed in (insert browser here).” How many times have we seen this? Nowadays, it’s SOP to make sure that the website is compatible with the major web browsers.
9. Scrolling Text – Marquee Tag
![]()
There came a point in time when web designers became obsessed with moving text. Left to right, right to left, and bouncing texts were used to break the otherwise static design of the site. But marquees were so overused, people would just skip looking at them.
10. Flash Intros
Flash can add to the overall look of the website, if used properly. The days of flash intros are now over, however, as it will only drive away visitors who would rather check another website than wait for your image to load.
11. Too Many Ads
![]()
A lot of people make money online. But if your site is pelted with ads, readers may think that the entire website contains little to no useful information.
12. Jumbled Layout and Navigation
A rule of thumb for creating websites: viewers should get to any page within two clicks from where they are currently on. Unless they are doing intensive research, the average reader does not have the patience to scour through websites to look for the important details.
13. Bad Color Palette
Some webmasters badly need a crash course on color psychology. Depending on the overall message of the website, owners need to choose the appropriate color palette. For text-heavy sites, it is advisable to do away from negative color schemes, or light-colored text against a dark-colored background.
14. Busy patterns in your backgrounds
Loud, distracting background patterns direct the eye of the viewers everywhere except the content of the website. If busy backgrounds were the “in” thing before, use solid, soft gradient, and minimally patterned backgrounds today.
15. Obscure Fonts
Obscure fonts are often a big no-no in website design. Chances are your visitors will not be able to load them. It’s always safer to stick with Verdana, Georgia, Arial and Tahoma, as these are the standard web fonts.
Am I Missing Anything?
Let us know if you have ever come across any other trend that made you say What were they thinking? It would be great to have comments from your side!







by Ryan Kelly
13 Jul 2012 at 19:40
Those damned JavaScript animations and clocks that would follow your mouse cursor,
websites made of one giant table,
GIANT blogring banners,
Loud backgrounds on the webpage, but no background on the content to keep it readable,
Not caring if your strictly vertically repeating background repeats horizontally (There is no way monitors can get more high res than this, guys! 800×600 is the future!)
by Jitu
14 Jul 2012 at 17:47
@Ryan These are some really great points that you have made, especially the monitors one. This problem is prevalent in India particularly where designers actually think that there are no monitors with high res them theirs!
by RobbyDesigns
15 Jul 2012 at 01:26
You forgot incredibly annoying auto-playing music.
by Manuel Garcia
16 Jul 2012 at 19:13
I agree. I think the author forgot to include it. Actually, I included it here: Worst Web design Trends: http://designrshub.com/2012/05/worst-web-design-trends-what-not-to-do.html
Pingback
by 15 Worst Web Design Trends You Probably Did Before | Design News
15 Jul 2012 at 15:42
[...] 15 Worst Web Design Trends You Probably Did Before [...]
by Webdesigner
16 Jul 2012 at 00:06
Nostalgia! Great summary. Also you might add JavaScript that shakes around the browser window when the page loads.
by callcoone
16 Jul 2012 at 16:00
Guilty only of point 2: I’ve been modifying a scrollbar or two in my life.
Missing: scripts resulting in telling you -the user- which OS, resolution and browser you are using. A truly useful and impressive addition to any website… right?
by Earl
17 Jul 2012 at 04:04
Adding to #15, I guess. How about not using Times New Roman? Whenever I see it I sometimes think the page just failed to load properly. I’m never sure why but I hated it. Even back in college, I wouldn’t use TNR for my term papers.
by Pete
19 Jul 2012 at 22:59
How about using IE in general.
by Bart
20 Jul 2012 at 18:44
I would add social media buttons, even though they’re still around. The ones with like/tweet/follow counts are the counters of today.
by imakeitpretty
23 Jul 2012 at 22:04
Why do you list fonts? With the advent of @font-face and google web fonts, that advice seems out dated.
by Web Design Company Mumbai
25 Jul 2012 at 11:30
Nice Post.
by Web designers, London
23 Nov 2012 at 00:11
LOL, Nice list. reminds me of websites in 90′s when i started designing..It was all about how much fancy stuff you can squeeze into a homepage