Common Sense Blogging: 4 Design Principles that Transcend Time

April 26, 2010

in Tech

This post is the fourth in the [intlink id=”2458″ type=”page” target=”_blank”]Common Sense Blogging[/intlink]┬áseries.

Website and blog design is trendy, isn’t it? Just like hairstyles and jeans. And like any good shopping mall, the Internet presents a huge variety of outfits for your blog. Some really stink, though. They just break all the rules of good design, and what’s worse is that tomorrow they will be out of style already.

Despite the tendency we all have to say “design be damned” (even I have said that), the unspoken rule is that there are certain qualities great blogs possess. If your blog is not doing well, your design could be the culprit. Little things could be affecting the way people interact with your blog. Don’t let your efforts get wasted because of a poorly designed theme or template. And remember, even if you paid someone a ton of money to design your blog, if it stinks, it stinks, and you’ve got to do something about that.

So, in an effort to address design and give you some good, up-to-date examples without harping on a topic that has been worked to death, here are just four design principles that are classic (like the little black dress).

4 Design Principles that Transcend Time

1. Whitespace is divine

A Date with Destiny

Photo Credit: luvpublishing (flickr)

Ahhhhhh. Say it with me, “ahhhhh.” A clean, un-cluttered space reduces the potential for distraction. If you want people to focus on your content, choose something clean. Not boring, just clean.

Divine themes for WordPress: Thesis and Canvas (aff links). Both themes come as blank slates, so you’ll have to go out of your way to clutter them.

Divine theme for Blogger: Minima. This default Blogger theme is crisp and clean with plenty of whitespace.

2. Well-placed advertising and opt-in forms

If you are hoping to get a little action, flaunt what you got. Think top down, because no one comes to your blog and scrolls all the way to the bottom and works his way up, know what I mean? If the ads or opt-ins are not the main focus, put them anywhere you want. Otherwise, use the age old newspaper strategy and put your goodies above the scroll line.

I’m a big fan of the new re-design of chrisbrogan.com. Check it out to see how all of the actionable things are on top: subscription links, opt-in and the first row of ads.

3. Outlandish color or gag-inducing backgrounds are taboo

If your background is so loud I can feel it in the back of my throat, it’s way too loud. Backgrounds should be very subtle if they are used at all. The theme used here, Canvas (aff link), has some pretty interesting and subtle background choices, so you might want to check it out.

Same goes for outlandish/vibrant color. Avoid it! Not only is it disturbing, you’re leaving out the colorblind – a rather sizable portion of the world’s population.

Good read: Smashing Magazine’s Backgrounds in Web Design: Examples and Best Practices

4. Text should be large enough to read

Computers aren’t sold with magnifying glasses. On top of that, have you noticed your eyesight is slipping from all of the time you spend on the computer (I have)? Give your readers a break. Adopt a no-squinting policy. And don’t try to get away with one of those text-size changers, either. :) Just make the text large enough to read comfortably. If you can’t tell, ask five people and use the democratic method.

Squint-free text example: CatsWhoBlog.com

Bonus for those of you who are still with me: you can change your theme/design. You are not stuck with junk for the sake of branding (think Coke, Adidas or Madonna). If your site needs an overhaul, just do it. And as always, if you’re looking for someone to work with you on that, [intlink id=”71″ type=”page”]let me know[/intlink].

I’m all ears…er, eyes

I have a tendency to oversimplify, so if I missed a point or something needs clarification, let me know!

Previous post:

Next post: