When it comes to web design, there are many things you can do to make sure your website is error-free from the start. Some of these things are very obvious, while others people often take for granted. These are 20 examples of bad website design that will help you avoid these pitfalls in your web design creation. Some sites made it onto this list due to their design aspects, while others were so poorly user-friendly that must have included them intentionally.
The first impression a person has of your site will be based on their first impression of the text. Using too little or too much text in a site can do more harm than good. Using only one type of text (such as a quote or the name of an ingredient) can be a great first impression, but using a lot of text in a site can give the viewer a feeling of being in the dark. It can also hide what the content on the site is all about. A common problem with bad website design is using too much text in the background or using flashing text or other unusual elements.
Another mistake made by bad website design is one-page website layouts. There is nothing more frustrating to a visitor than to arrive at a site, see a one-page layout and not being able to find anything of interest. Many sites use this layout for SEO purposes but if they didn’t create it for the user experience, then it isn’t helpful in generating traffic. Avoid using one-page websites for SEO purposes, and instead create pages that have relevant information on each page for better user experience.
Finally, bad websites often use bad colors and textures. They may have colors that are too light or too dark and dull or even just positioned in a way that makes them hard to read. Colors should be two-tone so that they relate to the background color of the page, or they should be in contrast. Also, if the background of a page is the same as the text, then this is known as a “text-based” background. Using a color background for a “text-based” background will improve user experience and improve search engine rankings.
Some of the worst website designs are created when they fail to relate to the content. One of the biggest complaints about Google’s homepage is that there is a black background with white text on a light colored background. It’s hard for users to make sense out of this. Furthermore, black text on a white background is very hard on a computer screen. When people have to strain their eyes to read text on a black background, the overall visual experience is less than pleasant.
The worst elements to have are outdated graphics and layouts. Websites should always strive to look like they were designed yesterday. Even though some older websites can still be interesting, outdated websites tend to look like they were put together by children who don’t know what they’re doing. Poorly-designed websites also have an air of sameness. This is because all the bad elements have already been included; it’s hard to change them and make it look like a professional website.
Bad website designs also rely on bad typography. Poorly-chosen typography causes visitors to have to read the small print, which slows down the loading time of the page. As well, black text on a white background has a tendency to look like a lower quality version of any other font, so it looks like a difficult type of printing job.
One of the most common bad website designs is a terrible layout. Most websites have outdated information and pictures, which make navigation options quite hard to find. If you’re trying to find the right page, then you can end up navigating in circles. Also, if too many pages are displayed in a single layout, then users can get confused and won’t be able to find the information they’re looking for. As well, bad layout can cause visitors to exit a site within minutes.
Bad layout is often caused by bad typography. A bad font can make any page look like a messy, unreadable document. Typography errors can also cause links and buttons to break, forcing users to click elsewhere to learn more. On top of that, incorrect use of margins and padding can cause page bread crumbs, which are shown below the main content when users click on the page. Bad page breadcrumbs also mean that search engines cannot see all the relevant information on a site.