0

4 Common Design Mistakes

Posted June 19th, 2012 in Selling Online, Website Design and tagged , by Sean

When building your website, there are a few simple things to keep in mind that can drastically improve the quality of your online presence. Today’s web viewers are fickle and move fast, and if your site makes one of these common design mistakes, you might lose a potential customer.

Background Blunders

Using patterns or textures is a fantastic way to make your website seem alive. A solid color background with a contrasting color font is the go-to as you can never go wrong with keeping it simple. But, nowadays, designers around the world are revolutionizing the use of textures in web design by taking the previously sterile world of web design and introducing textures that we’re familiar with in our day-to-day lives. Wood grain, linen, paper, leather, and metal are finding their way from our homes and our possessions onto the websites we visit. When used properly, they can inject a tremendous amount of life and familiarity into a design and can help your website stand out against the rest.

However, variation in textures and patterns is also dangerous because it’s easy to overdo. Bold, colorful backgrounds often distract from the content, and even worse, if used behind the body of your website, they can make your text difficult to read. That can turn into a lost visitor. In general, high-contrast backgrounds that use more than one distinct color are usually unfit for a website background.

Here are a few examples of background choices gone wrong. The backgrounds themselves are not fundamentally flawed – I chose images and patterns that were nice on their own – but if they don’t play nice with your text, or draw the eye away from your content, your site will drive visitors away.

example1 4 Common Design Mistakes

example2 4 Common Design Mistakes

Now for a few examples of a good use of texture. These examples use simple, subtle patterns to breathe some life into the design while keeping the text legible. They don’t use bold colors, and look good with a wide variety of text colors, which means you can switch things up in your headers or titles on your page to draw the eye of the visitor.

example3 4 Common Design Mistakes

example4 4 Common Design Mistakes

Bold backgrounds can be very effective and striking when used properly – that is, with your text placed on a contrasting, solid color background or simple texture.

example5 4 Common Design Mistakes

Not Enough White Space

Just like harsh background choices can cause a visitor to close your site quicker than you intended, hitting your customer with a wall of text, an erratic layout or a strange content structure will make a mess of your first and only opportunity to keep your visitors on your site.

Instead, make sure your content is organized in a way that makes it clear where the visitor should look. Only put emphasis on the most important points. On the Internet, a cluttered page will feel daunting to read so remember to use white space to break up content into easy to read chunks.

I like to use Apple.com as a perfect example of a beautiful, clean home page:

appleexample 4 Common Design Mistakes

Apple uses descriptive text, beautiful product photography (always a huge plus!) and an extremely simple layout.

Unreadable Fonts

Fonts come in two basic types: serif and sans-serif. The word ‘serif’ refers to the decorative lines and strokes attached to characters, and of course, ‘sans-serif’ refers to those characters without those decorative strokes. Here are some examples of serif vs sans-serif fonts:

fontexample 4 Common Design Mistakes

Serif fonts tend to look more distinct and are sometimes easier to read, which is why they’ve been used for years in print – books and newspapers historically use serif fonts almost exclusively. They tend to give off an air of quality, personality, warmth, and intellect. If you’re going for a professional, classic feel, a serif font like Times New Roman or Georgia is a great choice.

Sans-serif fonts are missing the traditional decorate strokes of serif fonts, but they are often better suited for computer screens. Compared to a serif font, sans-serifs look clean, crisp, cool, minimalist and modern. A simple sans-serif like Arial or Verdana is familiar and looks great.

There are a few font no-nos out there that are good to stay away from. Any fonts that may be difficult to read like scripts, comic fonts, handwritten fonts and bubble letters can distract from your website copy. It’s important to remember that the visitors to your site could be absolutely anyone, with any computer screen or mobile device, at any resolution. And let’s not forget those with less than perfect eyesight. If your fonts are tough to read, your text won’t get read – it’s that simple. Some common culprits of this include Comic Sans MS, Papyrus, and Bradley Hand ITC. If you absolutely must use them, keep them to page headers or graphics and leave your body text in a simpler and much easier to read serif or sans-serif font.

fontexample2 4 Common Design Mistakes

Autoplay Music or Video

I don’t know about you, but I know when I stumble across a website and it starts making noise at me, I frantically dig through my open windows, find the culprit, and close it immediately. I think many web users can probably say the same. Multi-tasking on the web is the new standard, and it’s common for users to have several websites open at once, all while checking email, instant messaging, listening to music, and watching a video. If your site auto-plays music and your visitor already has their own music playing, guess which one probably wins?

The same goes for YouTube and other embedded videos. It’s tempting to have your video roll immediately when your site is opened, but consider this: what if your unsuspecting visitor has their speakers cranked to 10 from the last video they watched? You might scare them out of their chair if they weren’t expecting it, especially if they’ve opened your site in a new window or tab they haven’t looked at yet. Not a great first impression.

Always let your user choose to play content on your site. Place it in an easily accessible way, draw attention to it if you must, but don’t auto-play it. It’s the website equivalent of a pushy salesman pouncing on you the moment you walk through the front door of a store.

Conclusion

There are a lot of ways to make your website stand out, but the best way to build your website is to think like your visitors. No doubt you are a visitor to many websites yourself, so put yourself in those same shoes when you are building your site. What kind of things do you like and dislike when visiting websites and shopping online? What kinds of things draw you in and make you want to read more? What kinds of things send you running from your browser as soon as you see them? Building a website is all about your visitors and providing them the best possible experience – and if you can make a sale in the process, even better. A good website is like a good retail store: clean, organized, inviting, and easy to navigate. Following some of our tips can get you well on the way to success on the web!

  • Share/Bookmark

Leave a Reply

CityMax.com has been featured in...