Fading navigation on the Google homepage





Share

Since a few weeks now (correct me if I’m wrong) search engine Google changed the navigation on the main search webpage. When you visit Google 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.

Please share if you liked the article

  • Share/Bookmark

26 responses to “Fading navigation on the Google homepage”

  1. Hal Brown
    1:47 pm on December 10th, 2009  

    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.

    Reply
  2. Melroy Antoine van den Berg
    1:29 am on December 11th, 2009  

    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@$&**& ^^ .

    Reply
  3. Tom
    1:44 am on December 11th, 2009  

    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.

    Reply
  4. Paul Olyslager
    3:04 pm on December 11th, 2009  

    @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.

    Reply
  5. Paul Olyslager
    5:47 pm on December 11th, 2009  

    @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.

    Reply
  6. Ryan
    9:53 pm on December 14th, 2009  

    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.

    Reply
  7. Paul Olyslager
    3:31 pm on December 15th, 2009  

    @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.

    Reply
  8. Melroy van den Berg
    3:21 pm on December 25th, 2009  

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

    Reply
  9. DubCat
    7:44 am on January 2nd, 2010  

    @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.

    Reply
  10. Nitzan
    5:42 pm on January 2nd, 2010  

    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?

    Reply
  11. Paul Olyslager
    12:29 pm on January 4th, 2010  

    @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.

    Reply
  12. favSHARE
    1:41 pm on January 6th, 2010  

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

    Reply

Trackbacks

  1. designfloat.com
  2. linkzdirect.com
  3. zabox.net
  4. Vote on this article at blogengage.com
  5. Fading navigation on the Google homepage
  6. tripwire magazine | tripwire magazine
  7. Fading navigation on the Google homepage | UX Booth
  8. Google versteckt sich
  9. 90+ Fresh Community News for Designers and Developers | tripwire magazine
  10. 90+ Fresh Community News for Designers and Developers | Afif Fattouh - Web Specialist
  11. Dallas Cowboys vs. New Orleans Saints – NFL Week 15 Free Pick … | Dallas Cowboys NFL Announcer
  12. Fading navigation on the Google homepage | favSHARE.net
  13. Google versteckt sich | NIDAG Blog
  14. User testing and thirteen ways of selling a book - paul olyslager

Leave a reply



(will not be published)



Latest resources

  • The Elusive Footer

    Here’s a curious design oversight—something I’d like to call the elusive footer. You’ll find an example of one on 37signal’s So…

  • 40 Brilliant CSS3 Techniques and Tutorials

    In this post we present 40 Brilliant CSS3 Techniques and Tutorials that can strongly improve user experience, improve designer’s work-…

  • The Hands vs. the Brains

    What’s the difference between contracting and consulting? One major difference comes down to whether the job is handwork or brainwork. …

View all resources
Submit a new resource

Recommended books

Don't Make Me Think - By Steve Krug
Rocket Surgery Made Easy - By Steve Krug
A Project Guide to UX Design - By Carolyn Chandler
Information Architecture - By Peter Morville
The Elements of User Experience: User-Centered Design for the Web - by Jessa James Garrett