Yes, I’ve decided to give the blog a new look again. I couldn’t wait to get this up, but it’s not quite finished. I still need to do a few tweaks here and there. (Surprise surprise, it looks a bit guff in Internet Exploder.) But it’s quite late now and I can’t bring myself to switch it back to the old theme, so I’m throwing caution to the wind and leaving it up.

I’ll update this post later some time in the afternoon explaining the thinking behind it all. In the meantime, if you spot any problems or if you have any suggestions, please leave a comment.

Update: Okay, so now I have the time to post a bit about what I’ve done here.

Perhaps the first thing I should point out is the fact that, regrettably, some URLs have changed. Permalinks to posts and the like should still work perfectly. But you’ll notice that I’ve moved the pages in the navigation panel around a bit. I’ve also reorganised the categories (in fact, I haven’t quite finished that yet).

Speaking of categories, I have finally created a ‘media’ category. It never quite made sense for media posts to be listed under ‘entertainment’, particularly if I was writing about some kind of media coverage of a serious story. So I’ve gone ahead and separated them, and now television, radio and newspapers are listed under media. As such, some category URLs have also changed, so sorry about that if you had them bookmarked or something.

So why the change? Well, I am still very fond of the old design. It will probably make a reappearance somewhere — possibly on another blog. But perhaps I will release it as a WordPress theme for others to use — if I can find the time to make the appropriate tweaks to it.

Despite my pride though, I was always aware that a lot of people were not very keen on the previous design. And it has been there for almost a year. (Maybe this change will become an annual occurrence, a doctorvee Christmas tradition.)

Common complaints were about the dark background (apparently an acquired taste) and the bright links. So I’ve decided to swing back to a white background and rather more muted colours, if you can call green muted.

This is also the equivalent of growing a moustache to try and signify that you are growing up (not that many people grow moustaches these days, but you know what I mean). The previous design was deliberately jazzy and distinctive. But since then I have become a can’t-get-away-from-it adult. And in the next few months I will hopefully be finished with university.

So that means ditching the childish neon colours and adopting a serif font. I have spoken before about my devotion to Verdana, but I am afraid I have become rather tired of it. It is suffering from Times New Roman syndrome.

You know. It’s become a ubiquitous, default font. As such, it is used in so many pieces of ugly design. We have all stumbled upon badly thrown-together websites written in Verdana, just as we see too many passive aggressive notes written in Times New Roman.

I had become very keen on the recently redesigned websites for Times Online and Guardian Unlimited. Both use plenty of Georgia, so I was going to use that. Besides Times New Roman, it’s the only core serif font anyway.

But while I was designing I visited Modern Life which uses Cambria. It is basically the Vista version of Times New Roman, but lovely. I fell in love and decided to use the font on my blog. But as far as I know Cambria is only available on Vista, so for everyone else it is still Georgia.

A funny thing about Cambria is that it appears to be extraordinarily small, so the font size is rather large. But there’s nothing wrong with that I suppose.

Headings and some other bits and pieces are in Helvetica where possible, although Windows users (including me!) will have to make do with Arial. I know it’s a bit clichéd, and rather too ubiquitous, but you never grow tired of it. I do love Helvetica so I was keen to use it when I decided to give the blog a cleaner design.

I suppose now is a good time to talk about the general inspiration for the redesign. I was tempted to go back to a clinical, Helvetica-led design when I first saw screenshots for the new beta version of Delicious. Delicious is a very apt word. Mind you, the end result on this blog has ended up looking very little like the Delicious screenshots.

A more direct inspiration has been the beautifully-designed Lokesh Dhakar website. In fact, parts of this blog’s design have turned out to be embarrassingly similar. I first came across his blog when I read this guide to different kinds of coffee and it instantly struck me as an excellent design.

Layout-wise, I very much went for the ‘less is more’ approach. This has meant compromises in places, but I’ll go on to that. The main change is that I’ve moved away from a three column layout to two columns. I had read somewhere that multiple columns just confuse people, which makes sense. So it’s back to one sidebar.

I was keen to get everything lined up nicely with each other. This does make it look quite neat, but one problem is that the main column is quite close to the sidebar. The solution was to have a neat line running along the left of the sidebar, although I’m still not sure if it is enough. I toyed with using full justification, but decided in the end that the cons outweighed the pros.

Despite the intimate position of the main column and the sidebar, the page is wider than before. Making good use of the space available and all that. As such, the design only really works if your screen is at least 1024 pixels wide. But the same was true of the previous design. And people with smaller screens make up around 3% of this blog’s visitors. Sorry to those 3%, but the rest of us just get masses of white space.

On to the content. One thing you’ll notice is that categories are now taking pride of place above every single post. They used to be hidden away, only appearing in the sidebar of single post pages.

The reason I’ve made them more prominent is because over the years I have become more and more guilty about the fact that this blog is a bit of a ragbag of different topics. And the Formula 1 posts in particular are beginning to overshadow everything else. So having the category as the first thing of every post is just a heads-up for everyone, so that you know what the post is about and you can easily skip the posts you aren’t interested in.

Another new addition is subtitles. I saw this on a few other blogs and really liked the idea, so I’m going to give it a go. Inspired by this article, I did it using custom fields, a feature of WordPress that I have never really explored before.

Gone from the top of the post, however, are the date and the comments link. The date still appears there on single posts, but I am thinking of including them everywhere again. I already feel a bit lost without them (although I didn’t use dates much on any of the designs I used before the previous one).

I am also open to putting the comments link back up there, although the link still appears at the bottom of the post as expected. Any comments on this would be appreciated.

I have also taken the plunge and decided to add a ShareThis button, despite what I wrote about it a few months ago. I’m still experimenting with the position of this, so any ideas would be welcome.

Over to the sidebar. I’ve reduced the amount of stuff that’s there to a bare minimum. The latest comment is still there as I like to highlight the great discussions that go on in the comments, which is really what blogging is all about.

Twitter is still there, although I’ve reduced it to just the latest update rather than the last three. Delicious too has been reduced to just the five most recent links. I normally post to Delicious more often than five times a day, so this might be a bit odd. But there is method to my madness.

I made a decision a short while ago that this blog should concentrate mainly on original content. That’s just the way the blog has evolved, and I don’t really like to fob people off with YouTube clips all the time.

But it’s good to highlight interesting websites and videos. After all, that was the original meaning of the word ‘weblog’, celebrating its tenth anniversary this week. So I will create another home for them. Probably a tumblelog, but I will get round to that later.

The other prominent feature on the main page (and, indeed, every page, the big whore that I am) is adverts. An early version of this design had the adverts appearing in a garish green colour scheme, but I screwed my head on enough to revert to a more sane grey version. I am ridiculously proud of having the idea of paying homage to Associated-Rediffusion, which wouldn’t really have worked with the green scheme.

The part of the design I am most worried about is the comments. For some reason, I always find the comments section the most difficult to design, and this time was no different.

I decided to move the comment author information to the left of the comment rather than above. Part of this was to get the full size of the Gravatar displayed, which would take up too much room if you have it above. It is also a layout familiar to message board users, so no real issue there.

There is a problem, however, if somebody has quite a long word in their name. In a recent example, Bellgrovebelle is cut off, although there are worse examples. Thankfully, these are quite rare and hopefully not too distracting.

As has already been noted by Ollie in the comments to this post, there is an inconsistency between the sizes of the Gravatars and the Identicons. I’ve not worked too hard on this yet, although my attempts so far have only produced pixellated-looking Identicons. I am working on it though.

Other features I’m thinking about adding to the comments section are favicons and OpenID.

In the pages (about, archives, etc.) I have also removed a lot of stuff that I didn’t really consider important any more. I’m thinking of completely uninstalling the post popularity plugin as this blog now has a post ratings system which I prefer. As for the other stuff, see if you can work out what’s gone. I doubt anyone will be too upset.

One last thing. I am using some icons from the Silk set by Fam Fam Fam. I’ve still not quite finished this aspect of the design, as I’m not sure which bits should have icons and which shouldn’t.

I think that just about covers it. Sorry this post went on for so long. I would be grateful to hear any comments or ideas. And of course, if something seems broken then please let me know about it!

Am I the only one who thinks the new design of Scotsman.com (currently in beta) is absolutely dire? It’s all the more upsetting because in my view it was just about the only newspaper website out there that wasn’t in dire need of a redesign.

Compare the new design to the current one. The current one has more stories within easy reach and it has them all neatly grouped into topics. Gone from the front page are the smart groupings of ‘UK’, ‘Scotland’, ‘International’, ‘Politics’ and so on. Now it’s all just one big ‘news’ heading. And instead of three main stories there are now only two.

The new design is a also step backward in aesthetic terms. It is like stepping back into the Netscape era. And why are those social bookmarking icons at the bottom of each story so big?

I just don’t get why they even felt the need to redesign. In my view it was one of the best-designed newspaper websites around, and leagues ahead of the Scottish competition.

I wonder if it is just a really elaborate way of getting rid of the dire comments section.

I don’t say this often, but I have to hand it to the Daily Mail. And I’m not being sarcastic! Because their website is really rather good.

Last week some journalists got all excited because the latest ABCe figures came out, telling them just how many people are reading their words. Marcus Warren from The Telegraph (or TCUK as it is apparently now known… Christ) said:

As is always the way with statistics, everyone has something to crow about in last week’s ABC Electronic figures for July, most notably the Daily Mail. Theirs was certainly the headline-grabbing performance , one so impressive that it appeared to shock most of the blogging media pudits into silence. All power to the Mail then.

Telegraph link via Martin Stabe.

The Media Guardian report says that the Daily Mail website was visited by 11,865,039 unique users, over three quarters of whom are visiting from outside the UK. (Insert your own “they come to our country stealing our bandwidth” joke here.) This makes it the most popular newspaper website apart from Guardian Unlimited.

It’s astonishing in one way because just a few years ago the Daily Mail did not even have a website. Now it has one of the most popular in the country. You have to admit that their website is pretty slick compared to a lot of newspaper websites.

This is probably helped by the fact that it is relatively new. A lot of newspaper websites were designed several years ago. In the intervening period they have had to shoehorn in features like RSS feeds, blogs, comment systems, social bookmarking and goodness knows what else. These websites are now cluttered full of stuff that they were not originally designed to accommodate. Sometimes jumping from page to page presents you with jarring differences in style (hello, Guardian Unlimited).

The Daily Mail, meanwhile, produced a slick website that had all of these features from the get-go. Maybe a few years down the line the Mail’s website will also begin to creak heavily due to old age. But there is something else that sets the Daily Mail website apart from the others.

The Mail’s website makes heavy use of images. Each article is full of images, and they are not tiny little ones stuck in the corner. In fact, most of them take up the same width as a paragraph. It looks fantastic.

On many other newspaper websites, all too often you could find yourself reading an article that does not have any images in it, even if the original print version did. This is especially irritating when the article actually makes reference to the image. This is not much use if you are using the website where you can’t see it!

Perhaps for this very reason, whenever I follow a link to the Daily Mail’s website, I usually find myself exploring one or two more pages before going away. Its design and approach actually encourages me to read further, even though I am the sort of person who would not touch a hard copy of the Daily Mail with a bargepole!

Holyrood Watcher has recently been complaining about newspaper websites. He seems to have been set off by the website of the Sunday Herald. And who could blame him? It is a truly dire website.

I mean, just look at it. If you read the bit in the top right hand corner that says “Est. 1999″ you might be tempted to think that this was the last time the website was touched. But no. The Sunday Herald must be one of the few MSM websites that has actually become worse over time.

Compare today’s front page with a few from years gone by that I have found on the Wayback Machine. even better in 2002.

Today? It is almost as if they want to turn visitors away. The older versions hint at masses of content to choose from. Check out the navigation links on the left-hand side of the old sites — nowhere to be seen today. Now there is just a list of three stories from each section, with no images like the old websites. Astonishingly stale and not at all enticing.

I have only spoken about the design so far. There are also the technical problems that Holyrood Watcher mentions. I missed what happened last Sunday, but I know the problem with words running into each other. In fact, it seems to happen on practically every article these days. Check out the first few paragraphs of this week’s main story:

SEVEN PEOPLE, including two girls, were last night being heldoverthekillingof 11-year-old Rhys Jones. Five were arrested in raids yesterdayaroundtheCroxteth area of Liverpool, wheretheschoolboy was shot on Wednesday.

Police were granted an extension to detain the sixth, a boy of 15, who was arrested on Friday.

Theyarresteda seventh teenager last night. The 19-year-old man from the local area is being questioned by detectives on suspicion of murder.

This takes the total of people in custodylastnighttoseven.Nine have been arrested in total, with two currently on bail.

I mean, how does this even happen? Is it not easy to fix? It really is as if nobody checks to make sure the website is working properly. I don’t understand why they do not just move the Sunday Herald’s content onto The Herald’s website, which is miles better.

Holyrood Watcher also makes a good point about The Scotsman (which is down at the moment of writing!). In this era of Web 2.0, blogging and all the rest of it, what use is their potentially interesting content doing behind a subscription wall?

I don’t know how much traffic newspaper sites get from blogs, but it must be quite a lot these days. Yet The Scotsman locks away the content that bloggers would be most likely to link to. Newspapers that persist on locking their content away need to look to The Guardian, the most popular newspaper website around. It seems to survive perfectly fine without having to offer any “premium” content.

I have no complaints about the design of The Times website. They recently radically overhauled the design of the website and it looks tip-top now (although a lot of people probably still wonder — why lime green?). And they managed to achieve it all in one go, unlike the uncomfortable bit-by-bit redesign of Guardian Unlimited.

But, as Holyrood Watcher points out, where is Ecosse now? David Farrer complained about it way back in February. He was told that it would come back, but it is still nowhere to be seen.

A couple of weeks ago I spotted Ryan Morrison saying:

BBC News is in need of a major redesign to bring it inline with the web2.0 world. There are so many new concepts, ideas and services surrounding the new web that the old News Template is creaking a bit.

He has a point. As I mentioned before, most of the newspaper websites have been struggling to smoothly integrate Web 2.0 features into their old websites.

But I think the BBC News website is a lot better than its rivals from the press. The pages are not nearly as cluttered and are still pleasant to look at. This is no doubt helped by the fact that they do not contain obtrusive adverts that the other sites have to carry.

Of all of the news sites on the internet, I like BBC News the most by far. At the moment my second port of call is Scotsman.com, but only because the current “under reconstruction” nature of Guardian Unlimited really gets on my nerves.

For more on newspaper websites, check out Martin Belam’s astonishingly in-depth posts at Currybet.

There is a fixture of the modern web that I really don’t understand. And in terms of annoyance it is probably second only to Snap Preview.

Millions of links to social bookmarking websites littering the bottom of every news article and blog post written. You know the ones. “Digg this!” “Send to del.icio.us!” “Pimp-me-do to Reddit!”

A particularly bad example comes from one certain WordPress plugin which appends this awful mess onto every post:

I mean, just what the hell are you supposed to do with that?

It is not just blogs that do this sort of thing. Many major newspaper websites also now incorporate such links pretty much as a matter of course. Thankfully, they tend to show a bit more restraint than that WordPress plugin.

BBC News has become the latest website to add such buttons to its news stories. Thankfully, they too have kept it relatively restrained, with simple links to five of the most popular social bookmarking services.

Ryan Morrison thinks that the inclusion of the buttons is a good move from the BBC (by the way, sorry, Ryan, for nicking your screengrab! I’m not leeching off your bandwidth though, honest). But I just don’t understand why they go to that bother.

I have steadfastly refused to include such buttons on this blog. For one, the advantages of being submitted to Digg are dubious (something like having hundreds of drunk arseholes coming into your living room to violently vomit on your carpet before going away without paying the cleaning bill, never to be seen again).

But this is what I really don’t understand about these social bookmarking links. As Inquisitor points out, surely if you wanted to submit a story to del.icio.us, Digg or whatever, you would already know how to do it. If you make a habit out of Digging a site, you will surely have the relevant plugins / browser buttons installed in your browser. Why rely on the disparate approaches taken by the near-infinite number of websites on the internet when you have that trusty button in your browser?

I am a heavy user of del.icio.us. Yet I have never used one of the buttons placed on a website itself. I always use the buttons that I have installed on my browser. I am familiar with these plugins. I know exactly where to find them and what to expect when I click them.

Most major social bookmarking websites have Firefox extensions or little bookmarks that you can drag into your toolbar. The above image is a screenshot of the navigation toolbar bar in Firefox. Next to the address field are two different buttons for del.icio.us (one for my main account, the other for Scottish Roundup). Then, if I should feel like Digging a story there is a Digg button. Next to that is one for StumbleUpon. Facebook has an entire toolbar if you really want to use it.

You might say, “Okay, maybe that is how you submit stories to social bookmarking websites. But you are an awful geek. What about the rest of us?” Maybe so, but how many normal, non-geek, web users are users of social bookmarking websites? If you took the geeks off the internet, social bookmarking websites would probably not exist at all.

I would be interested to know how often the buttons used on websites like BBC News and blogs are really used. I can’t imagine they are used that much. Why would you, when you can use browser buttons that are so much more efficient?

Still, I guess the links placed on websites must work, otherwise nobody would bother with them. I have pondered installing Alex King’s “Share This” plugin. At least it quite sensibly hides the ugly smorgasbord of links before you actively ask to be shown them. But still, why would you do that when you — presumably — already have your own trusted methods of posting an item to your social bookmarking website of choice?