Fading Navigation on the Google Homepage

3 mins read

Since a few weeks now (correct me if I’m wrong) search engine Google changed the navigation on Google homepage. When you visit the Google homepage you’ll see the logo, the search box, the search button and the ‘I’m feeling lucky’ button, nothing else. The navigation on top of the page and below the searchbox is made invisible and will only appear (by fading in) when you move the mouse cursor or hit the return key when you start a new search.
A brilliant move or just messing around trying to improve the usability?

Who will benefit from these changes?

The majority of the people who navigate to Google use the search engine, not the mail application or the news-provider. Especially to this group, the changes mean a better usability and an improvement of the search experience because the searchbox and buttons are much more emphasized. No more cluttered links on top and bottom to distract them from the searchbox, the most important object on Google.

The other group contains regular users who work intensively with the other features of Google, which are not available at first sight. I can imagine that it could work on their nerves and they possibly need some time to adjust, but the learning process doesn’t take that much time and effort. It looks like Google altered the page tremendously, but the information is still available and need only one mouse movement to activate it. You can compare this with something Google did several months ago, a bigger text field and font size. It was a rather huge deal back then but we got over it in the end.

Google homepage

Some points to consider

A small amount of people mentioned the possible increase of loading time because of this new script. Personally I think it’s not that big of a deal because the script is cashed right after the first visit anyway. Unfortunatly the javascript is compressed so it was difficult for a non-techie like me to find out the total weight.

Another issue I’d like to point out is that some users might overlook the search for images, Gmail or Google maps because they didn’t move the mouse cursor. This is even stimulated by another trick, putting the focus on the textfield. Visitors don’t need to move the cursor to the textfield and left-click any longer, nor do they need to submit the query by clicking the search button (they can just hit the return key). The consequence is that the navigation becomes visible only when the search results appear, but by then it’s already too late because the results require all our attention.

To me this looks like a small matter because I assume most users are still clicking the search button instead of hitting the return key. If someone has the numbers on this one, please let me know.

The last thing I would like to mention is that Google doesn’t give the us the option to enable or disable this. In fact, we don’t have any control over it, whether we like it or not. A simple checkbox under ‘preferences’ would be nice.

Conclusion

Personally I think Google did a nice job of cleaning the page without disturbing the functionality, users still know what to do when they arrived at the page.
They’ve created a very simple and intuitive search experience, going back to the very basic principles of a search engine. The interface looks a lot cleaner because the clutter of  blue links is gone. The textbox and buttons, the only two necessary objects to start a new search, are more emphasized.
Due to this minimalistic approach the logo stand out more, which enhances the brand as well.
Although these changes are for the better, Google needs to understand that not everyone is as pleased with the results as I am. As mentioned before, give the users the ability to make the navigation visible by default.

About the author

I'm the creator and editor of paulolyslager.com, a blog about on Web Design, User Experience and Usability. Currently I'm working as UX Manager for a leading supplier of nutrients and supplements to the European market based in Berlin, Germany. Follow me @paulolyslager or google+.
My Book Collection on UX
My Book Collection on UX

People who have read this article, also liked reading...

27 responses to “Fading Navigation on the Google Homepage”

  • Pingback: designfloat.com

  • Pingback: zabox.net

  • http://weblogredux.com Hal Brown

    Thanks for the info Paul. I hardly ever go directly to the Google homepage – I use the search bar in FF. I did notice the sliding Twitter feeds when I did a search a few days ago.

    Google makes changes with hardly any notification to users. Personally, I like that. No big buildup to buy a product.

    I like informative posts like this.

  • Pingback: Fading navigation on the Google homepage

  • Pingback: tripwire magazine | tripwire magazine

  • Pingback: Fading navigation on the Google homepage | UX Booth

  • Melroy Antoine van den Berg

    Agh! Finally I’m not the only one that noticed it. I don’t like it at all, I even though it was a bug or something. I just go to click fast on “Images”, “Video’s” or something else, but that is inpossible now because the delay :(

    Please set it back if somebody here me? I love Google because it’s fast, quick & easy, don’t **&^^9@$&**& ^^ .

  • http://www.humanizedinterface.de Tom

    nice read. simplicity is always worth thinking about. and i support every attempt to make an interface lighter in terms of content. so, i’d agree with most of your points except one: in my opinion the moment navigation fades in it get’s more attention than the other elements by the animation and distracts from the searchfield. i think this is not a big deal for most of the user won’t see it because of the new set focus. but there may be fewer keyboard-only users than we might think.

    either way it will be interesting to see if google will stick to that.

  • Pingback: Google versteckt sich

  • Pingback: 90+ Fresh Community News for Designers and Developers | tripwire magazine

  • Pingback: 90+ Fresh Community News for Designers and Developers | Afif Fattouh - Web Specialist

  • http://www.paulolyslager.com Paul Olyslager

    @Hal Brown:Happy you liked it Hal. Google does notify the people of ongoing changes on their blog but the big public is not aware of that I guess. Maybe for the better because that way they automatically adapt to the changes unbeknownst to them.

  • http://www.paulolyslager.com Paul Olyslager

    @Melroy Antoine van den Berg: Sorry to hear you don’t like it. Earlier this morning I saw someone navigating to the Google homepage and wanted to use the advanced search. I have to say, he was clicking on the page like a madman. I asked him what was wrong and he told me that he was slightly irritated with the “fading-thing”. The reason was that it took too much time to appear. I didn’t think about this when I was writing the article but I hope Google is testing the duration of the effect itself as well.

  • Ryan

    There is no point to the fading. The page is extremely uncluttered as it is, and how often does one stay on the page without moving the mouse? Everything fades in anyways, so why the extra moving parts. This is entirely ungoogle to favor flash over substance.

  • http://www.paulolyslager.com Paul Olyslager

    @Ryan: Maybe the wording “cluttered” was a bit heavy indeed but I think you can agree that the pre-fading fase looks cleaner. The first impression of a website is formed within 50 milliseconds on opening a page and I think Google is trying to use these few milliseconds to highlight what Google search is all about.
    For me this is not about Google favoring flash over substance, this is Google favoring substance by using flash.

    I would love to see some eye-tracking studies of the changes, but for now I could only find them for the SERP’s.

  • Melroy van den Berg

    @Paul Olyslager:
    Thanks for your reply, its right I post it also on the other blog, so the disscusion would be bigger. Haha

  • DubCat

    @Melroy Antoine van den Berg:
    I also heartily dislike it. I frequenty use search for pictures or maps, and this constant fading is terribly irritating.

  • Nitzan

    Here’s another view of this change.
    Since animation (fading, blinking, whatever) tends to grab the user’s attention, maybe Google just wanted to make people more aware of the other options (???)

    Any thoughts?

  • http://www.paulolyslager.com Paul Olyslager

    @Nitzan: Thanks for the comment Nitzan. If you read the Google Blog you’ll find that this wasn’t Google’s intention. But you do bring up a interesting point though, the fade-in could have the opposite effect of what they wanted to achieve. The only way to find out is by conducting eye-tracking studies. My guess would be that the fade-in is rather easy on the eye (in comparison with blinking) and therefore the attention is reduced to a minimum. I would love to see some results of this.

  • favSHARE

    This article has been shared on favSHARE.net. Go and vote it!

  • Pingback: User testing and thirteen ways of selling a book - paul olyslager

  • Barbara

    I hate the fading menu bar. It’s animation for aninmation sake and adds no value. For workaday websites, make the functionality visible, for heaven sake. It’s not a game, and just wastes my time.

  • http://www.paulolyslager.com Paul Olyslager

    @Barbara: Hi Barbara, thanks for the reply. It seems that your opinion is shared with a lots of other users. A while ago Google made the navigation static again, so no more animations.

  • Pingback: Google Introduces Instant Previews in your Search Results - paul olyslager

  • Pingback: A summary of posts 6 to 10 » paul olyslager

  • Pingback: Top 5 Elements Every Website Must Have » paul olyslager

  • Pingback: 25 inspirational blogs for content and graphics » paul olyslager