Whether you took courses at the local community college, having been creating websites for years, or are an amateur learning as you go, there are some things every web designer should avoid if he wants visitors to enjoy spending time on his site.
You’ve probably heard the term “sticky” in reference to a website.
This simply means a site where the visitor wants to stick around–a site that stays with the browser and which she bookmarks and frequents. There are so many elements that go into making a site sticky that it is a whole other topic.
However, there are definitely some web design mistakes that can make a site one that visitors want to run away from. Here are the design no-no’s that you should avoid.
Mistake #1: Jarring Colors
Colors that are so bright they hurt your eyes or colors that clash with one another can make a site visitor want to run away from a web page.
When planning the theme of your website, try to choose colors that complement one another. Yellow rarely works as a main color, although it can look good as an accent. Using every color of the rainbow is rarely a good idea either.
Example of Bad Website: Moradito
Mistake #2: Too Many Graphics
If you clutter your webpage with graphics, two different things occur.
First, the page becomes so busy that visitors may be unsure where to click or what they want to look at first.
Second, if a user has a slower Internet connection, the page may take too long to load. After 30 seconds, most people will leave and move on to another site. We’re living in an age where everything is immediate. If you don’t grab the customer’s attention in the first few seconds, you risk losing her altogether.
Example of Bad Website: Pine-Sol
Mistake #3: Slow Load Time
Does your website load so slowly that the visitor has time to go grab a cup of coffee and a donut before coming back?
Adding too many elements, such as flash, sound, tons of high resolution graphics, or java scripts, can cause a site to load slower and slower. Keep in mind that while most of your visitors will have high-speed, there are still rural customers who will be on dial-up and unable to access your site if it loads too slowly.
Tip: Check site speed and get improvement advise via Google Page Speed Insights.
Not only is speed essential to the user experience, it’s a very important ranking factor. Page speed became a search engine ranking factor in 2010, and in June 2016, Google reported it will be updating the page speed ranking factor to specifically look at the page speed of your mobile pages. With mobile search accounting for more than half of Google’s searches, mobile page speed must also be optimized.
— Source: Boost your SEO with better site speed
Example of Bad Website: The Museum of Me
Mistake #4: Too Much Advertising
Content websites and blogs make money off advertising instead of from selling products. However, where many website owners fail is by adding so much advertising that the visitor can’t tell the difference between content and ads. If the visitor has to search to find the article or the remainder of an article, then there is too much advertising on the page. One or two ads placed to the site are best. More than that and you risk annoying your browsers.
In fact, in a digital advertising report conducted by Upstream and YouGov in 2012, they found that about 20% of consumers said that if a company advertised too much, they would never use that company again.
Example of Bad Website: Hemmy.net
Mistake #5: Amateur Photo Editing
Nothing screams amateur louder than an image that hasn’t been edited properly. Websites with this type of issue might have cut out images with fuzzy borders, auto-corrected colors that look off, poor layering techniques that make it obvious that two pictures were spliced together or strange resized proportions.
Tip: Make use of free image editing tools online: Canva, Pic Monkey
Example of Bad Website: Peter’s Buses
Mistake #6: Designs a Three Year Old Could Create
If your website looks like you opened Microsoft Word, created a piece of Word Art and threw the site up on the Internet, then you might want to rethink your design elements. While simplicity is a welcome relief from some of the busier sites, if you go too simple, you risk your site looking juvenile and cheap.
Example of Bad Website: Cyber D-Sign Clan
Mistake #7: Poor Navigation
Even if a website has a visually appealing design, visitors can grow frustrated and leave over poor navigation.
For example, sites without a clear link or with so many items that it is hard to decide where to go. One problem that many website owners face is a small site suddenly growing larger. Navigation that worked when the site had five pages simply won’t work when the site has 500 pages. Look at how the site can be reworked and restructured into categories and sub-categories so that visitors will understand exactly where to go for what they want. It is also smart to add a search box.
Example of Bad Website: LawnSignDirectory.com
Mistake #8: Text Issues
Web designers who use a busy background and then pick a text color that doesn’t offer enough contrast make their web pages unreadable. If a visitor’s eyes hurt after reading one article, why would she stick around to read more pages of your site? If you must choose a busy background, at least place a box, layer, or content table with a solid background and choose a text color that is opposite. Try to avoid gray on gray, but choose white on dark red, black on light pink, etc.
Words that overlap one another are also difficult to read as are paragraphs that are partially overlaying graphics and partially on a solid background.
Example of Bad Website: Bermuda Triangle
Mistake #9: Typos
Nothing screams unprofessional more than glaring typos and grammar issues. Although no one is perfect, you can attempt to come close. Ask friends and family to look over your pages and help you find these errors, or hire a professional editor to proof your pages. The example below is just for fun. This is not a real web design company, but a tongue-in-cheek look at how unprofessional some companies appear.
Tip: Learn how to catch typo and errors in your own writing.
Example of Bad Website: Web Tek Rocks
Mistake #10: Worst Website Design Ever – So Bad That You Can’t Explain It
Some websites are just intrinsically really, really bad in design. These poorly designed websites – it isn’t one thing that makes the site painful to your eyes, but almost everything on the site.
There may be a combination of ugly colors, poor navigation and other items. Fortunately, these sites are rare, but viewing them can help you know what not to do when you design your site.