Alister Cameron // Blogologist

Changing the world. One blog(ger) at a time.

If your blog looks crap, it IS crap!

I’ve been a graphic designer since high school and more recently a marketer and brand strategist. I am all over design and certainly all over designing for the web. I don’t always get it right, but I think I know what good blog design looks like, and let me tell you…

50 per cent of all WordPress themes are CRAP!

For the love of blog, if you can’t tell a good theme from a toilet paper pattern, then listen up: hire a designer just to select you a WordPress theme! I’m not joking! I can’t believe what obscenities some people are calling themes, or the people using them on their sites… ugh!

But I’m getting ahead of myself…

On the Web First Impressions are Measured in Milliseconds

keyboard blur

A recent study found that people who spend a lot of time online have attention spans of (wait for it) 9 seconds… the same as a goldfish. So if that’s their attention span, how long is their first impression?

50 milliseconds!

That’s the findings of a study conducted last year by Gitte Lindgaard of Carleton University in Ottawa, published in the journal Behaviour and Information Technology, and reported some time back in the well-respected Nature. Here’s part of what Nature reported:

Lindgaard and her team presented volunteers with the briefest glimpses of web pages previously rated as being either easy on the eye or particularly jarring, and asked them to rate the websites on a sliding scale of visual appeal. Even though the images flashed up for just 50 milliseconds, roughly the duration of a single frame of standard television footage, their verdicts tallied well with judgements made after a longer period of scrutiny.

The article continues, emphasizing the importance of a good first impression:

The lasting effect of first impressions is known to psychologists as the ‘halo effect’: if you can snare people with an attractive design, they are more likely to overlook other minor faults with the site, and may rate its actual content (such as this article, for example) more favourably.

So hang on there a minute? Are they saying that if you can hook someone in, in that initial moment of “first impression”, then you stand a great chance of having their attention for a lot longer (maybe even longer than a goldfish!)?

This is because of ‘cognitive bias’, Lindgaard explains. People enjoy being right, so continuing to use a website that gave a good first impression helps to ‘prove’ to themselves that they made a good initial decision.

Wow! It’s a fact of human nature that people are remarkably faithful in following their intial hunches. So, if someone has a strong and positive first impression of your site, they’re likely to hang around, even to the degree that they will forgive imperfections here and there. See, they’re now programmed with the determination to continue on your site in order to prove to themselves that their favourable hunch was right!

This psychology stuff is cool :)

The Anatomy of a First Impression

I’m not going to labour this point because I think it’s pretty obvious: people’s first impressions happen on the right side of their brain: it’s about aesthetics, feelings and… (d’oh!) impressions. Seth Godin understands:

The thing you must remember about just about every corporate or organizational brochure is this: People won’t read it.

Seth’s making the point about brochures that they do serve a purpose, but it’s about the looks, not the content (*gasp*):

At its best, a brochure is begging for someone to judge you. It says, “assume that because we could hire really good printers and photographers and designers and writers, we are talented [surgeons, real estate developers, whatever]” And more often than not, people do just that.

Get it?! People judge a brochure on the looks, not on the content. Or stated another way, they base their first impressions on anything but the text. So what does Seth suggest companies do with their next brochure? Here’s his first point:

Overinvest in paper and design. Spend twice or even ten times more than you planned. If you can’t afford to do that, don’t have a brochure. Especially if your competition does.

Thank you Seth! If you don’t listen to me, please listen to Seth. Put money into the design of your blog! It has to look good.

To be fair, I think the critical difference between blogs and brochures is that people (mostly) treat blogs like newspapers… they’re there to read. But please let the point fully sink in that bad design will probably stop them ever getting to the content. The little goldfish will have swum away long before their goggley eyes have so much as focussed on the text!

Get a Designer or a Designer’s Theme

So to cut to the chase… you need a good looking blog and you need to accept that if you’re not a designer you’re going to need to beg, borrow or steal a design from someone who is a designer, because you only get one (50 millisecond) chance at a first impression. However, the good news is you’ll be amazed how many good designers are out there. But I’ll get to that in a moment.

A few word of advice:

  • Not all blog themes are created equal. I meant what I said at the start: most WordPress themes are dreadful. They can suck the lichen off a dead squid’s ear-lobe at 1,000 feet. So be careful. If you don’t trust your judgement start with a theme that a designer has told you is good.
  • What’s above the fold matters most, so put your money there. What a person sees when they first arrive at your site (before scrolling) is what we call the “above the fold” content. (It typically contains your header images, latest blog post headline, a bit of text, a menu, etc.) You can go a long way just by getting a designer to focus on a customized header image. That’s most of what I did for Steve Addison. You decide what kind of a first impression that makes.

    Under The IcebergSteve Addison - church planting movements

  • Design around the name of your blog. Hey, this is my blog post… I’m allowed to state the bleeding obvious if I want to! Anyway, this point was really just an excuse to link to www.undertheiceberg.com which (I humbly suggest) is a pretty good example both of designing a look that matches the name/theme of your blog, and also of a blog that leaves a very strong first impression.
  • Customize with care. We designers get upset when we do all this cool design work then you come along and screw it all up within minutes. So, if you’ve got a new well-designed theme installed on your blog, be careful how you customize it. You never know… your designer may carry a gun.
  • Easy on the colours! Finally, I’d suggest you work around one or two colours only. (The site above is an example of that.) See, it’s a branding thing. People will quickly learn to associate the colour with your blog. I mean, can you even imagine copyblogger not being red?!

The Exception That Proves the Rule

Yeah yeah. I know what you’re thinking. You can’t wait to remind me that one of the most popular bloggers this side of Ursa Minor has one of the most boringly un-designed blogs ever… Robert Scoble. I agree it’s boring. Heck, it looks like a blog where the CSS has been turned off. But here’s why it still works… just:

  • Robert ScobleIt’s consistent. It’s designed to a grid, and never breaks that grid. It faithfully sticks to just one (boring) font.
  • Nothing’s “garish”. Better no design at all, than bad design.
  • He’s a guru. He has fame leaking out of his every orifice, man! He can get away with it (ergo, you can’t!).

A Trick for Finding a Good Designer

It’s time for me to go to bed now. We creatives need our sleep or it shows in our work. But I’ll conclude with a simple and effective trick for finding the best (often not expensive) designers out there: find them via their best work, submitted to online design galleries.

If you can’t work out who designed the site from either the promo page on the gallery site or the website itself, as a last resort you can do a domain search on Google, with the hope that the designer’s site links to it. That usually works for me.

Do you have other tips for making a lasting first impression? We’d all love to hear it :)

design, css, blog design, blog themes, blog templates, blog styling, web design, web graphics, blogging, alister cameron, robert scoble, seth godin, designers, wordpress, wordpress theme

15 Comments

Note: Commenter website links are not no-followed, in case
you were wondering... I believe in rewarding commenters!

  1. Posted 7 years, 5 months ago // Permalink

    Content may be king, but first impressions are everything. When I visit a new site or blog, if the design is bad I never make it to the content.

  2. Posted 7 years, 3 months ago // Permalink

    You are so right. Except about Scoble being “famous”.

  3. Posted 7 years, 2 months ago // Permalink

    Thanks for the info.
    I think that most sites are developed today based on predefined themes and platforms, so CRAP does not play a role as it did before.
    look at this one,

  4. Posted 6 years, 8 months ago // Permalink

    hey you all are discussing my favourite topic.am taking a lot of interest in it nowdays.thanks

  5. Posted 6 years, 5 months ago // Permalink

    It is true it is hard to find good template and even harder to customize it.

  6. Posted 5 years, 6 months ago // Permalink

    There is no question that visual appeal on a blog is very important. The look of a home page is important but even more so is the actual articles themselves. So many blogs fail to use graphics and other tools that can help keep a reader interested.

  7. Posted 5 years, 4 months ago // Permalink

    Good stuff with effective & useful tips for the blog designing & it sounds great. It is must to be followed by everyone at the designing profession. It makes us more clear with the blog design & also with the issues on the blog designing. Thank you very much for sharing such a wonderful post with informative notes on blog designing. Keep up doing great jobs like this.

  8. Posted 4 years, 10 months ago // Permalink

    this is definitely the area where I am weak. Trying to learn how to do all of this on my own I notice that my sites are a weak point in my internet business. I don’t think they are the worst I have seen but they are lacking something that is for sure. I guess it is time to, as you say, “at the very least hire a designer to pick a wordpress theme”. At the same time I LOVE learning as much as I can about all of this stuff! Thanks for the info!

  9. Posted 4 years, 5 months ago // Permalink

    I could not agree with you more. There is nothing more important than an 1st impression. It takes a reader about 10 seconds to figure out if they want to stay on the page or not.

  10. Posted 4 years, 4 months ago // Permalink

    Four years later and this is still as relevant as when it was written. With only one opportunity to make a good first impression, the site better look good and have the content visiting consumers want, otherwise they will quickly move on.

  11. Posted 4 years, 2 months ago // Permalink

    Not real sure how I ran across this looking for themes, but I would say that the thing that makes many themes look bad is all of the cluttered ads. They need to be neat and on topic or the author credibility becomes a little suspect to me.

  12. Posted 3 years, 8 months ago // Permalink

    My blogs are usually ugly looking but they work.

  13. Posted 3 years, 7 months ago // Permalink

    Thank you for your posting. I like it.

    I completely agree. There are so many blog templates out there, people without design skills place their blog design on the back burner “until they get the traffic”.

  14. Posted 2 years, 11 months ago // Permalink

    I love the tip to go easy on the colours. So often, web designers think they need to “bling” a site to get it noticed but often times less is more.

  15. Posted 2 years, 3 months ago // Permalink

    Thanks. Great tips you’ve got there!

One Trackback/Pingback

  1. […] 7. If your blog looks crap, it IS crap! […]

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*

    • www.medialayer.net
    • marketsamurai.com
    • madmimi.com
    • splash.oiopublisher.com
    • Advertise Here

  • My Posts in Your In-box!

    Enter your email address here for instant updates in your inbox, whenever I post something new.
    Your email address is in safe hands. Relax!
© Copyright 2007 Alister Cameron. All Rights Reserved Theme // Sitemap // RSS