Local Search Engine Marketing Blog

Six Basic Web Design Mistakes

Posted in Internet marketing by smallbusinessonlinecoach on February 20, 2012

http://static.portent.com/images/2012/02/design-mistakes-call-to-action1-350×290.jpg
I found this post interesting and I thought I’d share here:
I like to share interesting posts and information about internet marketing that read in my Google reader. Let me sort through the junk to bring you the real goods when comes to local internet marketing for small businesses. I thought this was super useful. if you like it be sure to share maybe subscribe to the authors blog: http://www.portent.com

Whether you are designing a website, a banner, or a flyer for a magician, you’ve probably thought this to yourself at some point: “Why isn’t this design working? Is it because nobody likes magicians?” The answer to that question is yes, but chances are, you are also making one of these six common design mistakes. You would be surprised how often fixing the small stuff can spur you on to creating a great design.

1. No call to action

I went to this page to download the Headspace2 Plugin. But where is the download button? It’s not immediately apparent.

Say you are creating a landing page for a product. You could have a beautiful landing page with lots of great information on it, but if the user can’t find out where to buy your widget, they will quickly abandon your page. The call to action should be the most prominent item on your page, and the user shouldn’t have to scroll down to see it.

2. Alignment

An example of pixel-perfect alignment.

One of the most basic mistakes new designers make is not aligning things correctly. For example if you have a heading, a paragraph, and a button, they should all line up vertically. Breaking the user’s line of sight will make your page confusing and difficult to read.
If you have 3 boxes, the space between each box should be equal.

3. Too many different fonts and colors

This website isn’t that bad, but the overuse of drop shadow effects, bad colors and fonts make it somewhat confusing.

The easiest way to make something look tacky is to add several outlandish fonts and colors that don’t match. Less is always more. It may be helpful to start out in black and white, and then add colors gradually. Generally, you’ll only need one to four fonts in any given design.

4. Lack of Contrast

The text on this site is too similar to the background color.

So you’ve designed your page and everything looks great, but nobody can read it because you are using black text on a purple background. If you want to play it safe, a white background with black text will always work. You can sometimes get away with the reverse, but you will always take a hit in readability.

Contrast can also help the user differentiate between parts of your website. If your sidebar looks the same as your main content, the user won’t know where he’s supposed to look.

5. Trapped White Space

An example of trapped white space.

Sometimes the things you can’t see are as important as the ones you can. This one is easy to miss, but it can potentially ruin your design. Trapped white space is like a hole in your shirt. Everybody will stare at the hole, not the shirt around it.

6. Arrows that point off the page

The bird’s orientation directs the viewer

Arrows are everywhere, and we have been trained to follow them, sometimes to disastrous results. If you put an arrow on your website, make sure that it is pointing inward. Keep in mind that an arrow is not always an actual arrow. It can be anything that directs the viewer’s eye gaze. It could even be as simple as a picture of a bird or a man.

Subtle differences can often make or break your design. If you have the feeling that something is not quite right, but you can’t quite figure out what it is, you might be making one of these mistakes. Leave a comment if you’ve seen other basic design flaws that often go unnoticed.

http://www.portent.com/blog/design/six-basic-web-design-mistakes.htm?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+portentinteractive+%28Portent+Interactive%2C+Seattle%2C+WA%29) Don’t forget to comment and subscribe to the authors blog.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: