Design By Fire sparked (sorry) a little project to redesign the search results page of Google, and they’ve provided an example of their work. I thought I’d dive in and give it a shot, and here’s my redesign of Google. The page ix XHTML valid, with valid CSS code, and weighs in at 23.1kb.
The emphasis I am going for is usability. Since Google is used by a truckload of people, and then some, you want to keep it as smooth as possible for visitors. I’m never fond of the pure white background, as it can get blinding after a while, especially if you’ve been at the computer for a while. The background from my redesign is soothing and should give Google a new feel. I gave enough whitespace to make everything easy to follow, and I’m quite fond of the line-height: 1.4em for text. I made minimal changes to the original markup, instead focusing on using CSS to redesign the page.
Feedback, of course, is always welcome.
The design by fire one is not east to read quickly and looks washed out.
Your’s is easy to read quickly and looks good.
’nuff said.
Thanks Bernie, now if you can convince Google to use my design, I’ll gladly give 10% of the royalties they pay me. ;)
DxF Design Exercise: Google’s Search Results
I am intrigued by the CSS Zen Garden. It’s a great exercise, and a great contribution to the design community. It got me thinking about other sorts of design exercises that could be useful to folks out there looking to…