Google’s new design/experience: taking Chris Wiggins to heart
June 29th, 2011 by ravi

Google has progressed since the days of 41 shades of blue. At least in the user interface of their products. I had no insight into whether this reflects a change in the underlying process. But now there is some news on that front. Yesterday Chris Wiggins (Creative Director at Google) made a post to the “Official Google Blog” to explain the “new and improved Google experience … founded on three key design principles”: Focus, Elasticity, Effortlessness. I think the man, and the company, are serious, and I sincerely applaud them for it and wish them well.

If you doubt my commitment to obsessing on Google UIs, click on the thumbnails below (they are versions of the Google Reader landing page, the one on the right has been subjected to CSS, and only CSS, tweaks by me):

Plain old links for the above images: original, hacked.

And in that spirit, I offer the below to Chris. His original blog post is on the left) and two CSS hacked ones are on right. They address the issues of focus and simplicity – the criteria listed by Wiggins in his post.

Plain old links for the above images: original, hacked part 1, hacked part 2.

The emphasis, in the CSS changes I have made, is to put the post content at the centre of attention as well as to make it more readable. This is hopefully achieved through these modifications: increased line spacing of the post text, separation of header from content, additional spacing between list items, larger header and content fonts, smaller sidebar font (and while we are at it Helvetica rather than Arial all around), clear differentiation between content and sidebar sections through use of addition space and a dotted separator line (a style already in used elsewhere in the blog style), hyperlink hinting in sidebar using a subtler shade of blue (no pun intended) and removal of the underline, and some space between the uncomfortably paired search input and button elements.

3 Responses  
  • mark writes:

    Have you noticed the more significant redesign going on at Google? There’s a lot of changs. I believe they’ve already roled out to the search page, and you’ll see them on Maps. More coming.

Leave a Reply

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

If you need help with one of my software projects, please click: Using that link, you might even find a previous report of (and solution for) the issue!
»  Substance: WordPress  »  Style: Ahren Ahimsa