Web design mistakes that can be fixed (unlike spilled milk)

5 Web design fails (and how to fix 'em)

Good Web design is important for success online, but big companies implement bad design all the time. So, if you've been struggling to design a site then we can help you avoid some big mistakes.

Above all else, a clean, fast, responsive and lightweight theme is almost always the best option. And, using a top Website builder means you can avoid all these issues at the click of a button - without having to learn HTML and CSS.

So here are five sites doing things badly and earning themselves a spot in our top 5 list of bad Web designs...

1. Madame Zingara

Madame Zingara uses a heavy flash based, slow design

Heavy & slow Flash site that won't load for target audience in South Africa

The designers of Madame Zingara's (who run Bohemian style restaurants) website bought into the brand of Bohemian whimsy, and created a magical and beautiful browsing experience...

  1. in Flash
  2. without any way to access a lightweight HTML version
  3. in a country with notoriously slow Internet

So the site may be full of wonder, but 90% of visitors will never find out because they need to make dinner reservations before nightfall.

The fix: Avoid heavy, slow Flash animations in your Web design. A certain portion of visitors will lose interest for every additional second the page takes to load. Many mobile users cannot access Flash at all. Flash is like a black hole as far as Google is concerned, so your site will also suffer in search rankings.

2. Google search

Google search results nearing 100% ads above the fold

Google search - aiming for 100% above the fold ads

I often wonder if there are people at Google losing sleep over the monumental hypocrisy going on over there?

Their guidelines for a good user experience on the Web clearly state that excessive ads "above the fold" (basically the top part of the page) are an absolute no-no. And, in fact, they have an algorithm that penalizes Websites that insist on placing too many ads above the fold.

So how on earth are they managing 100% above the fold advertising? It's a clear sign that investor profits are steam-rolling over all other considerations (like user experience).

The fix: Make sure the content that visitors are after is clearly displayed at the top of the page so that they can find it easily. While advertising is important for revenue, don't let it disrupt the quality of the browsing experience on your site - and visitors will return again and again.

3. Entrepreneur (amongst others)

Entrepreneur forces you to view an ad before you have a chance to look at anything

Making me watch ads before anything else makes you... just... not... worth it

I'm using Entrepreneur as an example - but this problem applies to many, many large sites.

For me, an interstitial ad that blocks access to a page before I have even seen anything tells me something important about the site,

They value ad revenue more than my time.

By forcing someone to watch an ad before they access their content they are basically saying "we are so important you have to sit and wait before enjoying the privilege of reading our content".

Fair enough, you can skip the ad if you can locate the usually well hidden "skip ad" link. But its the principle of the thing that irritates me. I have decided that my time is more valuable than their ad revenue, so I simply won't use sites that force advertising on me on the first page view.

The fix: Value your visitors. Put them first. Give them access to what they need as quickly as possible. Don't put obstacles like interstitial ads in their way.

4. Groupon

Groupon starts out with a mistake that's difficult to correct

Get's it wrong and makes it hard and confusing to correct

If you look closely at the above screenshot, you'll see it wants me to provide my email address so that it can send me deals in St Johns. That's great, except:

  1. I haven't even seen what's on the site
  2. I've never heard of St Johns
  3. There are no obvious ways past this issue

From what is presented, I either leave the site or sign up for deals that apply to somewhere I've never been. Brilliant... I'll leave the site.

The fix: If you are going to make assumptions about your visitors and force them into an immediate conversion (which I really don't recommend), then at least try to make the right assumptions.

5. Yale (school of art)

Yale - Web design so bad it makes your eyes bleed

Fine, be artsy with your site... but I can't use it

I know that art is meant to be controversial; to inspire debate. But at some point one has to draw a line. I'm not sure that I even need to discuss the above page since it is pretty obvious what the problem is.

It doesn't matter what industry you are in. People still need to be able to use your site. They need to be able to consume content without getting a headache.

The fix: Always opt for a clean, lightweight, responsive theme so that reading and navigating the site is quick and painless. That doesn't mean you can't show off your artwork - just that it must be confined to specific, logical parts of the page and not vomited out everywhere.

Are you struggling with the design of your site? What other problems have you encountered? Share your Web design tips and ideas in the comments.

Learn how to change your blog or website domain name without losing precious Google traffic, PageRank or SEO juice.

drupal links how-to

Creating internal hyperlinks in Drupal, from one page to another, can be slightly tricky - node IDs, path aliases, the Drupal url() function, all play a role.

Fully qualified links, those that contain the entire address including http, are easy enough to use, but it's not good practice to enter a static, fully qualified URL when linking from one page or blog post to another.

Fully qualified links, by definition, include the domain name. If that changes all these links break, and, if the site is substantial, it would require a lot of work to fix everything.

Luckily there is a better way...

Basic HTML code for bloggers and newbies

Having a basic knowledge of HTML (HyperText Markup Language) can be a huge help for bloggers, online entrepreneurs, or anyone who might be asked to

Weebly website builder

Here's a quick step-by-step, beginner's guide to building a website (for free, or very little cost) using one of the world's best website builders - Weebly.

The reason I chose Weebly to create a website is because hosted website builders, like Weebly, are easier to use than alternative Web design methods for small business - such as content management systems (CMS).

For small and home business startups, or traditional businesses without solid Web design skills and experience, a good website builder is the natural choice to create a professional website quickly, and cheaply.

inset text effect with css

Inset text can make your Web design look beautiful, and while it is cutting edge, it's also super easy for beginners to implement using CSS and a bit of HTML

How to add Getresponse email marketing to your store

One of the key factors in the success of any eCommerce site is great marketing - and email is one of the most effective of all Internet marketing strategies.

Make stunning sites using Google fonts

Regardless of whether you have a blog or an eCommerce store, having a beautiful website will lead to an increase in conversions, because people trust professional looking sites more.

Even though there are a few examples where unattractive site design has not prevented a business from becoming popular, good Web design makes better financial sense.

So why not make the effort?

Managing 404 server error response pages

Well managed 404 "file not found" errors can turn potential problems into great opportunities that help you get the most from Web traffic that might otherwise slip between the cracks.

Even if visitors are trying to find content that no longer exists, a good 404 error page can direct them to the information they are after and lead to a conversion - just like any other good landing page.

Makes sense right? Just because a visitor is after a non-existent page (perhaps they have been directed to a mistyped URL from another site) doesn't mean we can't try give them what they're after anyway.

Old HTML tables can be upgraded into a responsive design with CSS3 and media queries

Mobile first, responsive Web design is something that can't be ignored because devices likes tablets and smartphones are quickly becoming the dominant browsi

website builders overtake cms

Drupal & Joomla are two popular CMS systems that offer powerful Web design and development features, and both have recently been overtaken in popularity

Looking for the ultimate guide on how to start a blog or website with WordPress? Follow the steps in this guide to build a blog or small business website (including themes, hosting, design, & more) quickly and easily.

From a business perspective, it is important to keep blog or website design and development times short so that you can focus on getting traffic and making money.

Our goal is to provide you with free, unique tips & insights into the world of small business. To support ourselves we use ads and affiliate relationships. We may, or may not, earn a small commission (at no cost to you) as a result purchases you make via links clicked on SME Pals.