Blog » web-design

My dad can has blog

Check out my dad's new blog!

August 12th 2008 00:30

For those who haven’t put the two and two together, my dad is Jack Stephen who can sometimes be found in the comments on this site. (I can tell you, it’s strange calling my dad ‘Jack’ just so that other people can follow the conversation properly.)

Over the weekend I set up a blog for him at which he posts as his science fiction writing alter-ego, Jack Deighton. It’s called A Son of the Rock.

I did the “gold” and black masthead because I thought he would appreciate that being a fan of Dumbarton Football Club. However, coming up with a complementary colour for the links was a tough job. Despite a plethora of suggestions I received on Twitter and Facebook (thank you all), nothing looked right to me. Perhaps that’s because I just don’t like the mustard colour. In the end I settled on the blue.

The eagle-eyed among you will spot that the theme is basically the one I use for Scottish Roundup but tweaked a bit (which, in fairness, is in turn just the default WordPress theme tweaked). That was part of the problem with the blue links. If it was scrolled down and I couldn’t see the masthead it reminded me far too much of Scottish Roundup. Hopefully I’ve tweaked it enough to keep it fresh and different.

Incidentally, my dad is now the third member of the family to have started blogging. He joins me (obviously) and my brother who blogs at Onebrow along with his girlfriend Laura.

Rate: No votes yet
Loading ... Loading ...

A few more tweaks

I've taken into account your suggestions

December 29th 2007 22:23. Updated: December 29th 2007 22:28

I’m in the process of writing the next post in my series about music and the internet, but it’s proving to be a bit of an epic. It is probably better to spread the posts out anyway. I doubt many people want to read my ranting and raving about the music industry between Christmas and new year.

In the meantime, here is a quick post to point out that I have tweaked the design a bit. I took account of the feedback you all gave me when I originally unveiled this design — all much appreciated.

MatGB wanted a darker background. I have made the background slightly darker, but you probably won’t notice it isn’t white. It is a very light grey. I tried darker greys, but it never looked right to me.

Clive thought the font size was too big. It is big, but for some reason Cambria is quite a small font (to my eyes at least). I did try to reduce it, but it just doesn’t work for me. Part of the reason for this is the fact that the column is so wide now that reducing the font size means having too many words on one line. So I’ve decided to keep the font sizes as they are. If you want a smaller font size, adjust the browser settings.

I have made the colours slightly more muted, as Duncan suggested. The original design had rather simple greens, yellows and reds colours. I have toned down the greens so that they are darker, and the yellow for categories has become a mellow orange.

I have fixed the tags page, so it is back with even more taggy goodness than before. I should point out that tags is a bit of a work-in-progress now. Over the years the tags have become quite messy, so I am having to tidy them up. It is quite time consuming though. I did ‘a’ a couple of months ago and yesterday I did ‘b’. So it’ll be a while until it’s perfect. But it works fine as it is really.

I have also opted to put the dates back in everywhere. I did feel lost without them.

There are still some weird spacing issues in both Internet Exploder and Opera. I guess this is to be expected since I designed it using Firefox. I’ve tried to sort out as many of the niggles as I could, but some of them have really stumped me. They are not too serious though, so I’m just going to leave them as they are.

“Only” 55% of this blog’s visitors use Internet Explorer any more anyway. Probably in 2008 IE users will finally be in a minority (for this blog at least). Seriously people, just use Firefox. It would make our lives so much easier.

I just have a couple more tweaks here and there to do (mostly getting a ‘credits’ section finished). So I am tentatively calling the design finished. Comments are still welcome though.

Rate: No votes yet
Loading ... Loading ...

A new look

The rationale and inspiration behind the blog's new design

December 18th 2007 03:49. Updated: December 18th 2007 17:51

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!

Rate: No votes yet
Loading ... Loading ...

The new Scotsman.com

December 12th 2007 16:28

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.

Rate: +1 (Votes: 3)
Loading ... Loading ...

Shove your partial feeds up your RSS

September 12th 2007 13:59. Updated: September 12th 2007 14:00

(Yes, every post I write about RSS must contain the hilarious “‘RSS’ sounds a little bit like ‘arse’” pun.)

I have a request for those people who publish RSS feeds. Make them full feeds!

I know there is a supposedly a debate about whether partial or full feeds work best. Well, that is not really the right way to put it. Everybody knows that full feeds work better than partial feeds. I mean, it is like saying that a sandwich is better than the crumbs. It’s just obvious.

But some website owners are, for some reason, sniffy about full feeds. Some people publish partial feeds for relatively superficial reasons, for instance because they can’t bear for any readers to be reading it in an environment other than their lovingly handcrafted web page design. Others have more serious suspicions: that full feeds rob them of page views and rob them of advertising revenue.

Earlier this year, the rather good Freakonomics blog moved to The New York Times website. At the same time, the full feeds were snatched away from the blog’s many readers. Apparently, it is NYTimes policy.

Immediately there was an angry reaction from readers. It (mostly) wasn’t from readers concerned about NYTimes itself or even due to the fact that the URLs had changed, that there was an entirely new navigation system to accustomise to, or anything like that. They were almost all from people who were angry that the full feed had overnight turned into a partial feed. Many readers even said they were unsubscribing.

The comments to the initial post were just the start of it. Several subsequent threads descended into similar “outraged of Bloglinesville” mobs, and it has become a recurring topic on the blog ever since. This is one plus side — at least the authors are open about the problems and the reasons why they can no longer offer a full feed.

While I wouldn’t go so far as to get angry, I would guess that I have read a lot less of the Freakonomics blog since the move. This is entirely down to the fact that it no longer offers a full feed.

I am aware that a lot of people simply cannot believe that (or understand why) full feeds generate as many clickthroughs as (or sometimes even more clickthroughs than) partial feeds do. It doesn’t seem to make sense, right? If people can read the entire content without leaving their RSS reader, why on earth would they visit the website?

But it doesn’t work like that. FeedBurner say so — and they would know. To me, it is just common sense. I have been reading RSS feeds for a few years now, so I think I have a pretty good idea of the reasons why partial feeds just do not work.

Think about why people use RSS feeds as opposed to visiting the different web sites all the time. It’s obvious: people who use RSS feeds do so because it makes it easier and quicker to read everything they want to read.

So immediately we have run into the problem with partial feeds — they do the precise opposite of what the reader wants. They make it more difficult and slower to read what you want to read. If you have begun reading and want to read the rest of the content, it involves clicking through and waiting for the (probably bloated) web page to load. It is a needless, unwanted, time wasting, inefficient hassle.

That explains why readers generally don’t like partial feeds. But what about the clickthrough rate? First of all, it is worth pointing out that page views are falling out of favour as a meaningful web metric thanks to the increasing use of Ajax and other kinds of magic. In a funny way, more page views usually means it’s a worse website. (Ask users of MySpace and Facebook about the navigation of those sites, and see which site has the happiest users.)

But let us say that page views (and certainly visits) are a good thing. So why should you use full feeds? Once again, for me it is down to convenience. I use RSS feeds because it allows me to squeeze more reading into a shorter space of time. Imagine sitting there in front Google Reader. You have a list of items waiting to be read. So you get on with it and start scrolling through, scanning for anything interesting.

By now, you may have realised why partial feeds do not automatically generate clickthroughs. It is because there is less of the content for me to scan-read and evaluate. Typically, a partial feed will contain the headline and the first couple of dozen words. This simply is not enough to give me as a reader an idea of how good the rest of the article is. Neither is it long enough for the author to sell the article.

There is one site that falls victim to this more than any other if you ask me. Tim Worstall, one of the most widely-respected British bloggers. His RSS feeds simply do not do his blog justice.

I will sit there with Google Reader and scroll through the many posts he has written that day, and all too often I find myself not being enticed by a single one of them. That is not because they are not interesting. It’s because his partial feeds simply do not give me any confidence that clicking through to read the rest of the post will be worth my time.

If Tim Worstall writes ten posts in a day (which is my conservative estimate of what he averages), he is asking me to read ten summaries, click ten times, wait for ten web pages to slowly load, then read ten full posts. What a waste of time!

This is especially annoying if the partial feed stops in the middle of a sentence, which is almost every time. When the partial feed stops at the end of a sentence, then there is the confusion over whether I had read the full post (just a really short one), or if it was just a fluke that the feed finished in a neat position.

If Tim Worstall provided full feeds in the first place, I could have just read them all there instead of going through all of that hassle. Who knows, I might even have clicked through and left a comment. I might have bookmarked one of his posts in Delicious, letting other people know how good the post is. I might even have blogged about it. I might even have clicked on an advert!

As it is, I just scroll through the summaries and ignore them all. I have, in the past, unsubscribed from his blog because of the frustration over this. I recently subscribed again, but can’t say I read a good deal more of his blog as a result.

Some other blogs provide “summaries” instead of partial feeds. This is where, instead of the first few words of the post, the author has instead specially written a summary designed for the feed. The problem with this is that sometimes it is made up of a random paragraph taken from the middle of the article. Even worse, it might give away the conclusion before I have even read what it was the conclusion for!

If I am enticed by such a summary, I will click through and find myself reading the post and thinking, “This isn’t what I thought I was reading.” Then I will come across that paragraph in the middle. Ah, and that introduction in the summary? I have found out that it was actually a conclusion. It is like forcing somebody to read the last page of the novel before reading the rest of it!

There is another more fundamental reason why people should offer full feeds. It is just plain rude not to. RSS subscribers are your most dedicated readers. They are people who have decided that your content is good enough to have it effectively delivered straight to them on a regular basis.

Yet, how are these dedicated readers paid back? By getting a mangled fraction of the content that they asked for. It is like subscribing to your favourite magazine only to find the publisher sending out cuttings rather than the whole magazine. What a way to treat your regular readers!

I can hear the howls already: “What about all of the beautiful adverts that I have lovingly placed on my blog / newspaper / whatever? If I offer full feeds, nobody will look at the adverts and I won’t make any money!” Again, there are several responses.

I have already explained why full feeds do not lead to a reduction in clickthroughs. So people will see your adverts just as much as they always did.

There is an even more obvious answer: what is stopping you putting adverts on your feed? Plenty of big websites already do this. It is perfectly possible. People who are refusing to offer full feeds because “they don’t contain my adverts” are simply shoving their heads in the sand.

Even if there was a legitimate concern about adverts, it has to be remembered that your regular readers (the sort who would subscribe to your RSS feed) are the very people who are the least likely to click on the adverts anyway.

Let us not forget also that a lot of adverts are not even designed for human eyes as much as they are designed for SEO. These kinds of adverts would not even mind not being seen (just as long as Googlebot sees it).

Maybe you are concerned about stats. Let’s face it, as bloggers we all are. We want to know how many people are reading. What would be the point if you had no way of knowing if people were reading or not. Gordon McLean (whose recent post on RSS is an interesting read) falls into this group.

Admittedly, this is one downside to RSS as it becomes impossible to find out precisely how many people are reading. Mind you, web stats are not generally the most reliable things anyway. Run four different stats counters and you are bound to get four different — sometimes wildly varying — figures. RSS further muddies the waters.

As it happens, I recently moved over to having this blog’s feeds provided by Feedburner (combined with the absolutely vital FeedSmith WordPress plugin), partly because it would give me some fairly accurate (but not precise) statistics. I was pleasantly surprised to find that around 140–150 people are subscribed to this blog. (Hello to you good people. I hope you are enjoying the full feed!)

Beforehand I had vague ideas of who was reading this blog’s webpages and why. But I had no idea of how many people were actually subscribed to this blog’s RSS feed. But now I do have some fairly interesting and meaningful stats about my RSS feed. So even the stats issue with RSS feeds is resolved to an extent.

All of this is not to say that partial feeds do not have their place. For instance, they are perfect for news websites. This is because of the way they work. We are used to just scanning through a front page containing only a headline and a (very) brief summary of each story. From here we choose which stories we want to read. This is how news websites work, and partial feeds can reflect this.

Blogs, however, do not work in this way. Very few blogs offer just a summary of each post on the front page. The blog format does not usually lend itself well to this approach. Rather, the vast majority of blogs’ front pages contain either the full content of the most recent posts, or at least a huge chunk of them.

As far as I can see, there is no reason why the vast majority of web sites should be forcing their most dedicated users to put up with shoddy, sub-standard partial feeds. For me, the fears that website owners have surrounding full feeds are mostly unfounded.

Rate: No votes yet
Loading ... Loading ...