Tags: guardian



Science hack space

While I was up in London, I arranged to pop by The Guardian offices at 90 York Way, the venue for Science Hack Day on June 19th and 20th.

Now I’m really excited about the event. The space is absolutely fantastic! There’s going to be loads of room and plenty of bandwidth, all in a very nifty building.

Location: sorted. Connectivity: sorted. Dates: sorted. Now the big issue is sorting out sponsorship: it takes money to feed all the geeks with hackfuel. If you have any ideas about potential sponsors, let me know.

And, if you haven’t already, add you name on the wiki.

Redesigns a go-go

Redesigns are like buses: you need to wear clean underwear in case you get hit by one. No, hang on: You wait for one for ages, then loads come along at once… yeah, that’s what I meant.

Paul has been busy since leaving Oxford for his new job in London. He’s been marking up the new design for the front page of The Guardian website. This is a nice refreshing change for the paper’s site, making really good use of colour and typography in a pleasing grid. It’s a bit wide for my taste but at least most of the content that gets cut off at 800 pixels is mostly marketing guff (with the exception of the search at the top of the page: shame that the header couldn’t be liquid even if the rest of the page stays fixed).

Don’t worry: I’m not that much of a zealot that I’m going to judge designs purely based on whether they’re fixed width or liquid. But if you want to see a great example of a hybrid design, check out what Patrick has been doing with the ongoing design of his site: the third column drops below the second when the window width gets narrow—a smooth adaptive technique I first saw pioneered in a previous incarnation of Colly’s site.

Speaking of kick-ass Brit designers hailing from North of the Watford gap, Malarkey has redesigned his site. Actually, he’s done more than that. He’s condensed his two sites—business and personal—into one. You can read all about the ins and outs of the redesign but I recommend having a little poke around the site first to see how many delightful little Easter eggs you can spot.

There’s a ton of really nice little touches. Obviously the superb illustrations by Kevin really stand out but did you also notice that all the borders between columns are hand-drawn in pencil? Needless to say, the typography is uniformly excellent. Oh, and see if you can figure out how he managed to get two columns of text to flow around a single image on the front page.

Design is more than just visual appearance and Andy has pulled out all the stops in making sure that his personality comes across not just in the graphical elements but also in the copy. My favourite little touch is down in the footer:

If you need help using this site, please consult our help page. If you need help using our help page, download our How to use help PDF (what’s a download?)

That last link leads to a page that includes this great piece of advice:

Advisory notice: When you download something from the internet, don’t forget to put it back.

I haven’t been immune to the redesign bug. I finally got ‘round to making a long-overdue overhaul of the Salter Cane site.

Salter Cane on screen The old Flash site served its purpose well. It was atmospheric and mysterious—mostly because we didn’t have anything much to say so atmosphere and mystery were all we wanted to communicate. Times have changed though. There’s a lot happening with the band: concerts, an album release, songs on iTunes and a general increase in activity. Time for the band members to get blogging.

That doesn’t mean I’ve ditched the atmosphere but I felt it was time to remove some of the mystery. The design itself came together very, very quickly—just a couple of days—and it isn’t finished yet. I still need to create pages for the individual band members, add an archive of past concerts and work on expanding the individual blog post pages. But the overall look and feel is all in place and I’m quite pleased with how it has turned out. It has a lighter touch than the previous design but still has a lot of that olde-worlde feeling.

It all works pretty nicely on my mobile phone which is a nice bonus. The front page is also a mini mashup, pulling in the latest posts from the band’s MySpace page and the latest pictures on Flickr tagged with “saltercane”. And, of course, there are microformats a-plenty.

I spent most of my efforts on getting the typography right, paying a lot of attention to Richard’s ideas about baselines and vertical rhythm. I’ve added a couple of touches using CSS selectors that not all browsers support—transcending CSS and all that malarkey. Safari users will get the nice :first-line and :first-letter styles (though I did have to shoot off a bug report to Dave Hyatt pointing out that the letter styled with the :first-letter pseudo-class doesn’t scale when the user resizes the text size—but this might well be already fixed in the nightly builds of WebKit).

So all in all, it’s a busy time for redesigns. But wait, there’s more…

Keep your eye on the d.Constuct website over the next couple of days. Much as I love the current holding page, what’s coming is even better. Paul has been slaving away in the Clearleft office to make a site that really fits the theme of this year’s conference: designing the user experience. You can expect a fun-filled redesign.

When the d.Constuct site launches, you’ll be able to see for yourself what a great line-up we’ve got for the conference this year. I’m looking forward to it already. Don’t worry: tickets won’t be going on sale for quite a while yet but be sure to mark the date in your calendar: September 7th, 2007. On that day, Brighton is most definitely the place to be.

Design, old and new

One of the very first panels on the very first day of South by Southwest was Traditional design and new technology. The subject matter and the people couldn’t be faulted but there were some technical difficulties with the sound. I was at the back of the room and the dodgy mics made it hard going at times.

Khoi and Mark had some really good insights into the role of traditional design disciplines in the brave new media world. I enjoyed the fact that the panelists weren’t always in agreement: I like it when things get stirred up a bit.

Towards the end of the discussion, a question came up that turned the subject on its head: how has new technology affected old media. I didn’t get the chance to mention it at the time, but I immediately thought of last year’s Guardian redesign.

There are a lot of very webby touches to the new-look Guardian: blue underlined “links”, sidebars with the acronym FAQ, etc. Perhaps it’s a result of this webbiness, but I really, really like the paper’s new look and feel.

I’m not the only one. When Shaun came to visit, he was quite taken with the Guardian. The custom made typeface — Egyptian — sealed the deal.

I didn’t post my initial reaction to the paper’s new look because I wanted to allow some time to live with it for a while. My feelings haven’t changed though. I still like it a lot.

I do wonder, though, whether my emotional response to the design stems from the fact that I’m web-based kind of guy with a web-based aesthetic. It would be interesting to compare my reaction (or Shaun’s) with that of someone who doesn’t spend a lot of time browsing websites.