I’m relatively new to blogging - I’ve dabbled for years but only got serious about it a couple of months back. What I do know is user-centered design (UCD) - it’s been a large part of my professional life for the last 10 years. What I would like to share with you now are the basics: three simple UCD principles that will help any blog.
Make individual posts findable within your blog
It is easy to argue that UCD doesn’t apply to blog postings - chances are, if you are viewing this blog for the first time, you are following a link - and findability of the next most interesting post after that should just be a matter of scrolling down, right? That is OK if the next posting down is just as interesting to the reader as the last post - but what if it isn’t? You’ve lost them. To make individual posts easily findable within your blog:
- list relevant categories and tags at individual posting level: these will encourage the reader to look at related posts. Better yet, get hold of one of the related posts plugins (Darren Rowse and a lot of other top bloggers use these when displaying individual posts - here is an example)
- make sure navigation links look clickable: clearly identifiable clickable regions are a must for web navigability, and this applies to blogs as well as any other content presentation mechanism. If it is a link, underline it and/or make it blue.
- have a blog-level search engine that works: this is not as silly as it sounds - when I moved domain names for Facibus Reviews the technorati search widget didn’t work because the index was pointing to the posts at the old server address.
Use the power of visual hierarchy
Look at a newspaper - you expect the headline to be the largest font, and to be at the top of each story block. You also expect it to be descriptive of the content that it is grouped with. It works the same in webland - the title should be larger than the text it supports, and the text in turn should fulfil the promise made by the headline. Most blogging platform software does this by default - but you can still force poor visual hierarchy in two ways:
- By using a theme that buries your headlines (which is easy to fix - if you can’t change the CSS yourself, change the theme).
- Writing a headline that doesn’t support the text beneath it: if in doubt, I recommend that you read the very good article on writing effective headlines for different audiences over at copyblogger.
Please group things so that the key message is always the easiest to find - which leads me to the next point - keeping the most important stuff above the fold.
Keep the most important stuff above the fold
Think about the newspaper metaphor again: where does the editor put the most important information? On the front page, at the top where it will grab your attention. When a newspaper is folded in half for selling at your newsagent/news stand, it is the information placed above the fold that will attract the attention of a casual browser.
You can do the same with your blog, by putting the key posting of the week at the top of the front page. Zern Liew (co-author of Cubicle Commando) does this with his eicolab blog.
Where to from here?
Each of the three ways above is worth thinking about - look at your own blog, then look at those of others - a bad web resource of any kind may still be read by someone who has to read it (such as required reading for a course), but who amongst us is unique enough in their own blogging niche to assume that people will read their postings anyway, regardless of how well or poorly they are presented? If you write enough content, people are going to stumble onto it sooner or later. Make it easy for prospective readers to find and read your postings, and they might come back.


Hi
Not trying to sound rude, but honestly do something about the header! I mean your advice would have sounded a lot more valuable if the header was at least a little more readable.
Hi Al,
thanks for your comment. By “header” do you mean title? I’d be happy to discuss alternative titles - I originally thought about “How your blog layout might be letting you down”, but a lot of articles with this title talk about how to make/use a differentiatable theme rather than the UCD factors that I wanted to discuss. Do you have any suggestions?
Cheers, Andrew
Oops sorry you misunderstood. I mean the blog’s header. I can’t make out the title of your blog through all the noise in the background image which quite frankly isn’t that artistic anyway.
Just my two cents.
OK
Yes, it has been bugging me too. Header graphic is gone, will replace it with something not quite so silly when I get time - my partner Helen has a better eye for design than I, will ask her advice. Do you have any suggestions?
Thanks, Andrew
looks and feels much better already
good luck with the design.
How ’bout making your blog interesting? Andrew, this is a very readable, clear blog but utterly boring. Are you working at getting a new header?
Hi Janie,
I hear you
It is utterly boring. I’ve been meaning to do something about it since Al’s comment - I took the old horrible header off, but haven’t started re-theming. I’m pretty attached to K2 so it comes down to fooling with CSS which I’d need to do properly.
I’ve just added the header I use at Facibus Reviews - basically, my own eyes
What do you think? The layout is still boring, but at least it is more me now - what could I do to improve it?
Cheers, Andrew