Before you move on to reading about the worst website designs and bad websites, ask yourself this. What do you think should be given top priority when designing a website? Would you go for aesthetics over functionality?
Ask any web design expert and you’ll get pretty much the same answer. While the interface is important, functionality and user experience should get top billing. Web users, after all, look for information that is presented in a clean and logical manner. When it comes to building a brand online, the last thing you need is bad website design.
Unfortunately, designing a website that is functional as well as good to look at is easier said than done. Going through bad website designs gives you an indication of the mistakes you need to avoid in designing your own website. Here are some of the worst websites that are still around.
1. User Inyerface
The creators of User Inyerface have used bad website design intentionally, mainly to highlight some of the worst website designs you might come across. This game-based website highlights how much web users rely on conventional web design to interact with the internet.
You cannot click buttons on the website, the drop-down menus are not sorted correctly, and even getting past the homepage might seem like a challenge. You do, after all, have to click on the completely un-highlighted “HERE” to move to the next page. One popup window even causes the website to close automatically if you don’t get the instructions right.
The website’s CAPTCHA aims to take confusion to the next level. Get this – you might have to click on all images that have “bows”. However, the images you see could include a type of necktie that people wear and weapons that archers use.
With its uniquely clever yet twisted design, User Inyerface shows that even seemingly small glitches in web design can lead to rather poorly designed websites.
If there was an award for the worst website ever, it’d probably go to Arngren. By the looks of it, this classified website from Norway pays little regard to the basics of web design. The website looks like it takes inspiration from Yellow Pages, where cramped advertisements fight for space.
The web development and design team that has worked on Arngren offers little more than a puddle of mess when it comes to hierarchy. While the devil usually lies in the details, you’ll see that Arngren suffers poorly on account of perspective, alignment, spacing, and even size.
Other reasons that put Arngren on several lists of the worst websites include poor navigation, random and incorrect use of colors, confusing and very small typography, and no clear message about the company.
3. Constellation 7
One look at the Constellation 7 website and you’ll notice that the different gradients used just don’t go with the jarring purple background. If you try to focus on any section, the bright colors can lead to your eyes being strained. Elements that continue blinking add to the eye sore. Besides, the auto-play audio may have you reaching out for the mute button.
Given that colors play an important role in overall web design, Constellation 7 goes to show how messing with this aspect can lead to bad websites or even horrible websites.
4. Pacific Northwest X-Ray Inc.
This company deals in X-Ray related equipment, accessories, parts, and supplies. It claims to be “simply the best”, although it is clear that it’s obviously not the case when it comes to web design. While the navigational elements are listed in the center of the homepage, they do not follow any logical flow and appear to be cluttered.
Given the lack of definition, getting users to focus on the website’s call to action (CTA) buttons is an obvious challenge. The absence of a mobile-friendly interface is a definite drawback, seeing how many people use smartphones to surf the web. No use of HTTPS leaves users feeling vulnerable when it comes to safety of their data.
Other aspects that go to show the bad website design used by Pacific Northwest X-Ray include the use of nearly obsolete Flash-based elements, poor use of colors, hard to read typography, as well as the absence of suitable white space.
5. Yale University School of Art
When you think of Yale University, expecting great results in just about every aspect the university covers is natural. Surprisingly, the Yale University School of Art makes the cut when it comes to terrible websites. If the designers were trying to create something extraordinary, they did, but in sot so good a way.
Using Ruby on Rails, faculty and students of the university are mainly responsible for website’s programming and its upkeep. The background on the homepage is nondescript at best and the artwork seems amateurish. Pop up animated background found on some of the website’s inner pages seems to be placed in a hurry, with no regard to aesthetics.
A blast of bright colors from boxed text makes for unpleasant viewing and reading. In some cases, as with the contact information right atop the homepage, the text may well have been larger, and more suitably positioned. When you view the website using large screens, make away for a lot of unnecessary white space.
What probably works in favor of the website to some degree is its simple navigation. Oh, and good luck finding the “Pause Animation” button.
If the university thinks it can get away with anything in the name of art, it might need a reality check, or the critics of its website might need a class in art.
6. Suzanne Collins Books
Known primarily for having written The Hunger Games trilogy and The Underland Chronicles, Suzanne Collins, an American television writer and author, has fans in different parts of the world. However, they are obviously in for disappointment if they expect the official Suzanne Collins Books website to use eye-catching graphics or futuristic design. What you get instead, is a great example of bad website design.
Disappointment begins right at the homepage, where you are greeted by a layout that looks like it was designed in the 1990s. Scroll down and you will be surprised at the amount of white space that appears for absolutely no logical reason. In between all the white space, you will find images of the author’s books, with very little information, and no links you can click to find out more.
When it comes to book-specific pages, they continue with the pattern of providing little to no information. All that the pages offer are lists of awards and reviews. Neither can readers find out what the books are about through descriptions, nor where to specifically buy them. All the website does is point readers in the direction of homepages of websites such as Amazon.com, Books-a-Million, and a poorly-linked “Barnes & Noble”.
As is the case with the Pacific Northwest X-Ray website, this one is devoid of HTTPS as well. With over a 100 million sold copies, why the author could not do better with her website continues to surprise many. Maybe she’s after the not-at-all coveted world’s worst website award.
7. Great Dreams
You might find the Great Dreams website trippy if you’ve popped in some LSD, but you can’t be sure of that. Haphazard use of colors from “That 70s Show” and an almost un-ending homepage might actually make you wonder how great a dream the website owner may have to offer.
Text at the very top that asks you to “PLEASE REFRESH YOUR PAGE TO GET THE LATEST ISSUE” sounds none to assuring, and might make you wonder what the designer is smoking. The textual content that is part of the image at the start of the very long homepage is almost illegibly small, and requires one to use zoom. Scrolling down the page leads to the page attaining different widths, with an unpleasing increase or decrease in the use of white space.
Finding information on this website that relies on no particular theme is quite a chore, with navigation being given no attention whatsoever. While the website owner might wish to appear as a master of all things dreamy, wishful, or apocalyptic, all you get is a crazy mishmash of information
Toward the end of the homepage, you get to read that “This site was featured in the CIRCUITS section of the New York Times newspaper on October 1, 1998.” You will not be far off the mark to imagine that it was last updated around the same time too. For as long as the designers and developers of this website do not take remedial measures, it will continue to fight for the title of the worst website ever.
How Not to Create Bad Websites
While there is no single worst website design template that you need to avoid, there are a few red flags that need your attention. Not taking these factors into account simply leads to the creation of poorly designed websites.
You get no more than a few seconds after your website loads before a user decides to stick around or move to the next alternative. While your web design might leave little room for improvement, if users are unable to make quick decisions about your website, you stand little chance.
When your website’s design uses branding in the right way, users get to know what your business is about, its offerings, and how they may benefit. The benefits of effective branding include easy brand recognition, customer loyalty, and increased credibility.
Colors play a crucial role in web design. If you look at some of the worst websites out there, you will notice that many get their colors and color combinations all wrong. What web designers need to acknowledge is that they can use colors as powerful tools when it comes to getting desired reactions from web users. For instance, designers often use specific colors to generate emotions or to direct people toward call to action buttons.
Colors give people the ability to process and store information more efficiently when compared to black and white. You can use this knowledge to increase brand recognition and to present your offerings in the right manner. Bear in mind that colors may have subconscious effects, so it is important not to use ones that go against your brand’s philosophy or values.
Not creating a mobile friendly or responsive website in this day and age is a mistake. According to Google, the possibility of people making purchases through websites they cannot view properly on mobile devices reduces by over 60%. Other than boosting sales, responsive web design also results in effective use of content, making a website faster, making it more Google-friendly, and improving overall user experience.
User experience (UX) is a broadly user term that touches upon aspects such as a website’s accessibility, design, usability, performance, layout, and utility. It also accounts for human interaction and marketing. Web designers need to pay due attention to delivering great user experiences by taking into account how users interact with your website based on factors such as behavior, perception, action, and satisfaction.
Consider these statistics:
- Poor navigation or design results in over 35% people leaving websites.
- Auto-loading audios and videos cause more than 30% users to leave.
- Close to 40% users leave because of unattractive layouts or content.
When it comes to the worst website designs, they tend to have some commonalities. Unmindful or brazen use of colors is right up there, because no one likes to get a headache. If users cannot tell what your business does or how it operates, your website has little chance of success. Use of very small text or fonts that are hard to read make for unpleasant experiences, so make all your textual content as easy to read as possible. If you can manage to deliver a good overall user experience to people who visit your website, you will, without a doubt, have a winner on your hands.