Education >> Browse Articles >> Education and Art
Reconstructing Google
Igor Asselbergs
Just to have a little fun, I tried reconstructing the Google color scheme. Just to see if I could improve it in only half an hour with a bit of Photoshop magic. Here’s what a Google results page looks like, these days. (see below)
If I throw out all the details and just concentrate on the blocks of color in the page, then this is what I see: (see below)

The current page isn’t very well organized. The page kind of falls apart. There’s an awful lot going on where it comes to color. The colors tend to bounce your eyes from one location in the page to the other.
The page definitely lacks color structure. The only reason Google gets away with the color design is because they are extremely careful not to clutter the page with redundant information.
Please note that I didn’t change the color scheme at all. These are the same old colors. I only applied the colors in a different manner.

I’ll concentrate on making the page header more visible, to separate it more clearly from the search results. I’ll turn the header into one block of color. This is what it could look like:

Now if I translate this back into the page design, this is what I come up with:

I’d say the page is much more structured now. I’m not saying this is a good design. This is merely a quickie to show what you can do with a bit of color structuring. It would need a lot more effort to make it real good.

chassis
about 1 year ago
6 comments
I think it's a great idea to try redesigning things that everyone takes for granted. My beef with Google's page is that because I have a widescreen monitor, all the results are laid against the far left side of the screen, with the ads on the far right of the screen, so that if I look dead center, there is just blank space. It's as if I'm reading a book with no left or right margin, but a good 4" of blank page where the crease is, in the center. Sometimes I change the size of the window and move it over so I can see the results where I want them. Thanks for sharing your experiment.
angelbeast
about 1 year ago
2 comments
I think the point is missed by your example, Googles design first and foremost is about disseminating information, helping the searcher interact with the data they are seeking in the most fluid way possible, and their design is absolutely perfect for this task. Finally a well designed page that doesn't slow the reader down by proclaiming itself, with some big distracting header/banner/whatever... I get my data, quickly.
If this is not the very essence of user-centered design then I don't know what is, Im not saying that it's pretty, but for the love of Ganesh that is not what good interaction design is about.
P.S. what about the color blind?
I think you need to rethink this whole article, it feels rushed anyway, like it was written under deadline.
arun
about 1 year ago
2 comments
the new look is really good..
TRaschi
about 1 year ago
14 comments
I prefer the understatement of the existing design. This site is intended to be purely functional.
Also, the color scheme was definitely changed when the links became green instead of default blue. I wonder if this experiment might have had more impact for me using a different example.
Regenold1
about 1 year ago
546 comments
Sorry, at first glance the difference is not so different, like choosing one resume template over another.
surrealeve
about 1 year ago
4 comments
I guess what we take for granted is how embedded the design is in our psyches. I am not sure if what you did to change it is any better or worse, but what I am sure of is there is some type of familiarity that comes with the google design that is very comforting ( I guess having used it for about 12 years will do that). Also, I think there is some sort of dictionary or "informational" effect that is achieved when there is minimal design; and really the design centers on the text.
pereshaped
about 1 year ago
38 comments
Great idea, i am a googlelite. The current scheme can seem a bit "mothercare" pastel, Are you going to make a css style sheet?
jamiekravitz
about 1 year ago
2 comments
my problem with this design is that it's not considering the user objective on this page - which is to identify a search result to follow. by making the masthead more salient it draws the eye more than the results, which is the important part of the page for the user. also by changing the link color from standard blue to green this violates the user expectation of what links look like. the user is looking for links to follow, but they have to stop and pause a moment (and think) because the green is jarring.
theflam
about 1 year ago
50 comments
Totally agree with jhaber31. The blue area is now is completely overpowering. The links and text within the blue box are also obscured and the logo is also diminished. Part of the reason that the green does not work as a results title is the font is also bold, making it too harsh. This design also marginalizes the related search feature. Google's success is based upon their clear and concise of displaying their information. While the overall color scheme is not the most complicated in the world, it is effective and highlights the info.
jhaber31
about 1 year ago
824 comments
I'm not buying. The Google results page is part of why it caught in, in that it's understated and yet clear. In appearance, I found the changed one kind of heavy, between the amount of screen space given to the blue shaded area (which now also lowers the impact of the colors of the Google logo) and the green for results, which felt a little more like "shouting." In function, the blue shade now groups more disparate content, where before it divided two sections of content while also providing additional information.
jasonmetcalf
about 1 year ago
72 comments
its interesting that we take design for granted too often. I have always been bugged by the design of google- I wonder if there is something more behind the bad design- if it has another effect they desire. Even this simple trick looks so much better!
Heather
about 1 year ago
86 comments
Cool!