Google’s Rule and Facebook’s Empire; Survival of the Fittest UX Design

Shelly Weingarten
July 21, 2011

The online super giants, leaders of their own respective industries weren’t always on top. Before Google, there was Yahoo. Back in 2006, before Facebook conquered the online world with its current 750 million users, Myspace was the social network leader. So, why the sudden transfer of power? How did Google overtake Yahoo and Facebook persevere over MySpace?

Answer: UX Design. Here we take a closer look at the design history of these social network powerhouses and their effect on web user engagement.

Googles logo evolution Googles Rule and Facebooks Empire; Survival of the Fittest UX Design

Google's Logo Evolution

Google’s Rule

Google understands what its users want: a place to search, that’s it. They have, therefore, structured their design accordingly. Google personalizes their site by:

  • Clean, structured, and simple layout.
  • Fun colorful logo. This not only makes Google’s page stand out, but also makes it a brand to remember. Highlighting and emphasizing the most important aspects of your site can work in your favor.
  • Search box location smack in the middle of the page. It may not have much but it’s aesthetically pleasing to look at and is the focal point of page, where the mouse cursor is automatically set to start typing.

Have a look at some of Google Webmaster, Dennis Hwang’s popular doodles that have given the search giant its fun and creative reputation.

Yahoo’s Design

In comparison to Google, Yahoo has chosen to incorporate multiple web elements onto their page that take visitors’ attention away from search.

yahoo faux pas Googles Rule and Facebooks Empire; Survival of the Fittest UX Design

Yahoo UX Design Faux Pas

Facebook’s Empire

And Facebook? Their site may seem complex now, but when they started, their sign up homepage was clear, concise and straightforward. Here’s how:

  • Careful color choices. Blue is a favorite for most people 18 and over. It symbolizes dependability, trust and communication…smart move by Facebook icon smile Googles Rule and Facebooks Empire; Survival of the Fittest UX Design
  • Easy-to-find sign up form.
  • Distinctive call to action button. Facebook’s Sign Up stands out on the page in terms of color and location versus MySpace’s page where you don’t know where to even begin to look to do something as important as signing up.
clicktale facebook page 2 Googles Rule and Facebooks Empire; Survival of the Fittest UX Design

Business pages. One of the great ways Facebook's layout is always up to date and current with today's usability trends and user needs.

Here is a great link to view the design evolution of Facebook.

Myspace Clutter

Although Myspace offers their clients multiple ways to get involved with social activities online, they have cluttered their homepage with an overwhelming amount of call to action items. This fails to address specific visitor goals that Facebook has succeeded in doing.

upclose myspace page2 Googles Rule and Facebooks Empire; Survival of the Fittest UX Design

Myspace Homepage Faux Pas

Survival of the Fittest

Users want to feel like they know their way around a site even if it’s their first time visiting it. The World Wide Web is a confusing place, so why make things harder? Visiting a website should be like shopping; you browse for what you need, find it, buy it and goodbye! Websites filled with distractions and clutter will result in abandoned shopping carts, lost visitors along your navigation path, and a decrease in conversions.

Survival of the fittest means having the leanest, cleanest and simplest sites while those that are heavy with suffocating content will become extinct.

Want to learn more about how to design with simplicity in mind? Be sure to stay tuned in for part two of this post, where we’ll go further in depth into how to design a usability friendly site with visitor goals in mind.

About the Author

Shelly profile pic Googles Rule and Facebooks Empire; Survival of the Fittest UX DesignShelly Weingarten was born and raised in Los Angeles. She is a Customer Experience Consultant at ClickTale, working with some of the web’s top Fortune 500 clients. She has a Bachelors in Communication with a specialization in Interactive Internet Studies from the IDC. In her free time, she enjoys surfing the web for helpful usability best practices that can serve her clients well.

Related posts:

  1. Why You Should Be Checking Out Site Search Analytics
  2. Online Pop-ups: Amazingly Annoying or Annoyingly Amazing?
  3. ClickTale Year in Review
  4. What is Customer Experience Analytics?
  5. User Engagement Time Revisited

2 Comments

  1. Koren Says:
    July 21st, 2011 at 11:08 am

    I really enjoyed this article, it was an interesting read. Very well written.

  2. Eric Johnson MBA Says:
    April 13th, 2012 at 12:11 am

    Hi!
    I was writing about this and just found your article. I love how you have laid things out here. The pictures are phenomenal as well. I’m working on an article about “The One Thing That’s a Game Changer”… simplicity. Your illustrations are the exact ones that came up for me while writing. Additionally, I’ve added how Steve Jobs reduced the Apple product line by 70% when he re-entered as CEO and a few things relating to small business. Simplicity is so important in life and business. Love your article!

Leave a Comment

Stay Connected

ClickTale Newsletter

What is ClickTale?

ClickTale shows movies of browsing sessions, heatmaps of mouse moves, conversions analytics, and much more.