Education >> Browse Articles >> Education and Art

+4

Reconstructing Google

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.


+4
  • Match4_max50

    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.

  • Photo_071107_014_max50

    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.

  • Photo_user_blank_big

    arun

    about 1 year ago

    2 comments

    the new look is really good..

  • Traschi2_max50

    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.

  • On_the_board_max50

    Regenold1

    about 1 year ago

    546 comments

    Sorry, at first glance the difference is not so different, like choosing one resume template over another.

  • Photo_user_blank_big

    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.

  • Hm-45015_max50

    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?

  • Photo_user_blank_big

    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.

  • Av_max50

    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.

  • Jhbarts_max50

    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.

  • Jason_max50

    jasonmetcalf

    about 1 year ago

    106 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!

  • N37002868_32344679_1004_max50

    Heather

    about 1 year ago

    86 comments

    Cool!

What's the Scoop?

Post a link to something interesting from another site, or submit your own original writing for the ArtBistro community to read.

Report News Here

Most Popular

Video of the Day

GI Corps
Stop-motion animation of G.I. Joe imitation action figures - The Corps.