Webreakstuff's blog on design, development and strategy. Click here to subscribe.

Redesigning TechCrunch - a weblog case study

Fred Oliveira on August 5, 2005

TechcrunchOne of the things I’ve been working on the most lately has been about maintaining and developing knowledge logs or corporate blogs. One of the latest I’ve worked on has been TechCrunch, an extremely active Web 2.0-related website, that’s getting a lot of hype even if only a few weeks old. This post documents the why’s and how’s of redesigning Techcrunch and presents some thoughts on how to create blogs for mass audiences, particularly those of a technical nature. Shall we begin?

One thing you should always keep in mind when we’re talking about designing blogs, be those for corporate-intranet knowledge management or general public viewing (but mostly in the latter) is that the main purpose is to read and write information (even if - I’ll just use my usual example - you’re just talking about your cats). This means we’ve just found or main interest point - text.

It is a regular mistake for companies to request redesigns that are focussed on fancy graphics, most of the times ignoring that the real purpose is communicating, establishing a relationship between them and their audience. When redesigning TechCrunch then, my main point of focus was balancing looks and functionality - content readability and accessibility should always be the top priority. The goal is to make people come back for more of both - the good lucks, and the great content. If you draw attention among the two sides of the audience, you’ll naturally succeed.

Lets talk about rules:

1) Rule number 1: KISS. You know, the good old “keep it simple, stupid”. Aim for looks, yes, but only if information is first on your priority list. Stop giving me the “if it looks good, it has to be good” thing, because it’s not always the case.

2) Second rule, immediately dependant on the first: aim for the fastest loading website possible. People can only stand a website loading for a certain ammount of time. There are raw statistics on this, believe it or not. Have you ever found yourself immediately closing a browser window if you don’t see any content after 5 or 6 seconds of waiting? Right, me too. That’s why clearly structured and fast loading content is so important - you need people to read. It’s your goal.

3) The obvious rule: write great content. TechCrunch covers the web 2.0, something that’s on the tip of every tongue right now. With the plethora of websites, projects and entrepreneurs out there it is quite easy to start profiling and talking about everything. One thing to have in mind at all times is that one piece of good content beats 10 pieces of poorly selected news bits. It will gather attention, because profiles will be exclusive - if you get profiled it means you’re worth it. This leads to a much better, concise and homogeneous audience: people who read your content, want to read your content.

4) Finally, the last rule: Don’t over-do things. Don’t add links you don’t need, don’t add images that will clutter the looks of an article. Don’t add a paragraph that looks like a filler. Great content means select content most of the times, and if you keep that in mind, you’ll be respecting our rule number 3.

Wrapping up:

Why am I using TechCrunch as an example of how to think about weblogs when they’re meant for mass audiences? Because it fits that profile; but mostly because it allowed me to step back from the designer perspective over 70% of the time, and actually think about issues that users care about. What I mean by this (call this my final piece of advice) is that redesigning something (and writing content) requires a lot of looking at your final products from a “client” (or reader) point of view. If you don’t need it, don’t use it.

Remember, “keep it simple, stupid”.


Comments on this post

vucabei

Looks fantastic! (as does all of your work that I’ve seen) One thing that drives me nuts about your weblog and theirs are the tiny screenshot pictures in the posts. Every time I see one I want to click it to load the pic full screen.

Luckily, the techcrunch site with the new design is live, so I just went to it and got to see it.

Your portfolio page on this site is notorious for this. You have tiny screenshots of your work that don’t do anything when clicked, and worse yet, you don’t have links to most of the sites, yet the tiny pictures look so beautiful and interesting. Such a tease!

fred

Vucabel: That’s very true. Something I’ll be doing, though, is launching the new webreakstuff design that will take care of all of these outstanding issues with the current website. Hopefully you’ll see things by then.

There’s also a lot of work that I’m not able to put out there because of being under NDAs (mostly intranet work) which is unfortunate. But I will definitely have more information up. Keep an eye out.

And thanks a lot for your wonderful comments. I love constructive feedback.

Ben

Very impressive. TechCrunch is now on my top five must check every 5 mins loop. I’m chruning through the archives now!!!! Great job.

Weblogs Work » Adventures in Great Blog Design

[...] WeBreakStuff has a nice backgrounder on their work redesigning the TechCrunch site.  It looks supersweet, but even better are the things they kept in mind throughout the redesign: 1) Rule number 1: KISS. You know, the good old “keep it simple, stupid”. Aim for looks, yes, but only if information is first on your priority list. Stop giving me the “if it looks good, it has to be good” thing, because it’s not always the case. [...]

WeBreakStuff » Now that it’s gone: On designing Techcrunch

[...] Techcrunch’s previous design, which I’ve done around June 2005, resisted for almost a year and accompanied the blog in it’s tremendous growth to the 53.000 daily readers mark. Despite all its flaws (because there were a few, particularly to my eyes), it was recognized by the industry as a clear exercise on what “Web 2.0″ blog design was about. It’s not up to me to agree or disagree with that statement because I’d probably be biased, but this post clears up on what the line of thought was, on designing the previous Techcrunch (now only seen on the screenshot). [...]

Sorry, the comment form is closed at this time.