The social style guide and how "remove Google background" became a top search term

Alarm bells went bing! on every computer in America today as users pulled up Google then double-checked the web address they typed. After adding an image personalization feature last week, today Google forced all users to have a background image on their search page.

Unsurprisingly, the experiment got yanked early.

How did Marrisa Mayer, Google’s Vice President of Search Product and User Experience, get it so wrong? She forgot to check Google's core principles.

A user at Hacker News complained, "It's strange being an unwitting, unwilling guinea pig for something I use every day" and got the snarky reply, "You're entitled to a full refund." Cute, but the user has "paid" Google with his time, attention, and loyalty, which together enable Google's business model.

There's an implied social contract in the phrase "do no evil", and this background image stunt to "showcase" a new personalization feature broke the top three of Google's core values:

As we keep looking towards the future, these core principles guide our actions.

1. Focus on the user and all else will follow.

Since the beginning, we've focused on providing the best user experience possible. Whether we're designing a new Internet browser or a new tweak to the look of the homepage, we take great care to ensure that they will ultimately serve you, rather than our own internal goal or bottom line. Our homepage interface is clear and simple, and pages load instantly. Placement in search results is never sold to anyone, and advertising is not only clearly marked as such, it offers relevant content and is not distracting. And when we build new tools and applications, we believe they should work so well you don't have to consider how they might have been designed differently.

This background image did not serve you. It did not leave the interface clear and simple. The page did not load instantly.

2. It's best to do one thing really, really well.

We do search. With one of the world's largest research groups focused exclusively on solving search problems, we know what we do well, and how we could do it better. Through continued iteration on difficult problems, we've been able to solve complex issues and provide continuous improvements to a service that already makes finding information a fast and seamless experience for millions of people. Our dedication to improving search helps us apply what we've learned to new products, like Gmail and Google Maps. Our hope is to bring the power of search to previously unexplored areas, and to help people access and use even more of the ever-expanding information in their lives.

Google's search page is supposed to be so focused on search, its design is often shown as a march towards minimalism. Famously, a recent design iteration made most navigation elements invisible until the mouse moved, focusing attention on the single search box.

Today's forced "feature" staggered in the opposite direction, making the "one thing" page difficult to read and requiring a user to add a Google Account and sign in if the user wanted to get rid of the visual distraction from search.

3. Fast is better than slow.

We know your time is valuable, so when you're seeking an answer on the web you want it right away – and we aim to please. We may be the only people in the world who can say our goal is to have people leave our homepage as quickly as possible. By shaving excess bits and bytes from our pages and increasing the efficiency of our serving environment, we've broken our own speed records many times over, so that the average response time on a search result is a fraction of a second. We keep speed in mind with each new product we release, whether it's a mobile application or Google Chrome, a browser designed to be fast enough for the modern web. And we continue to work on making it all go even faster.

There's no question that a desktop sized .jpg image is orders of magnitude slower than no image at all.

Now, after web-wide outcry, the original blog entry at Google has been updated:

We had planned to run an explanation of the showcase alongside it—in the form of a link on our homepage. Due to a bug, the explanatory link did not appear for most users. As a result, many people thought we had permanently changed our homepage, so we decided to stop today’s series early.

Sure. It was really just a bug.

Google's ten things have helped make the web better, and users appreciate Google for that. It's no coincidence most of Google's so-called missteps in the past year have been violations of one or more of these ten principles.

Users don't like to feel used, so social usability matters even more than typography or information architecture.

Web application user experience managers should keep their implied—or in Google's case, written—social contracts in mind to guide design decisions: a social style guide.

 

Usability week ending June 6th

Thursday, 3rd June, 1:01 PM
Which groups in your organization influence your web UI? Who's responsible for making #design decisions? Why?: http://j.mp/c2XrRF #ui #ia

Tuesday, 1st June, 9:42 AM
Quantifying usability -- injecting #usability principles into bug tracking software reshapes approach to #UX design: http://j.mp/9x0PJx

Monday, 31st May, 8:12 PM
#Android Fanboys care about openness and choice. #iPhone Fanboys care about presentation and experience: http://j.mp/auRIRK #ux

Sunday, 30th May, 3:00 PM
@sugarsock Funny #BP now thinks they own the land and airspace, to stop reporters from filming. Maybe execs should have to move there.

Sunday, 30th May, 8:00 AM
The #iPhone is the first computer in a long time that doesn't make people afraid: http://j.mp/bkeCcT #usability #software #apps

via twitter.com/terretta

Usability week ending May 30th

Saturday, 29th May, 8:02 AM
New technologies require new methods, but refusal to follow tested established principles is #usability disaster: http://j.mp/aJFu82 #ui

Friday, 28th May, 10:16 AM
Key to #Apple success is taking the time to explain things to the consumer that no other vendor bothers to: http://j.mp/bV6PR9

Friday, 28th May, 10:15 AM
What strikes me most about Wired's iPad app is how similar it is to a 1990s multimedia CD-ROM. This is not a compliment: http://j.mp/aJfdOj

Thursday, 27th May, 3:06 PM
#Usability isn't everything--more playful interactions will keep me engaged and might even lift my mood: http://j.mp/9RDNnd #ux

Thursday, 27th May, 9:05 AM
Preferences avoid tough decisions. Instead of using your expertise to choose best, you're leaving it to customers: http://j.mp/cjdVF1 #ia

Wednesday, 26th May, 1:11 PM
Haven’t we reached a point in history where pencil and paper is outdated? Well, no. Not for web design anyway: http://j.mp/aY6ZU1

Tuesday, 25th May, 10:20 PM
RT @8x3h: Use your grandma -- the over-the-phone explanation test: http://bit.ly/auaMeB #ux /via @azaaza

Tuesday, 25th May, 2:48 PM
“Responsive architecture” makes physical spaces respond to the presence of people passing through them: http://j.mp/bPqo3o #ux #design

Tuesday, 25th May, 8:51 AM
Take research and knowledge about the brain, visual system, memory, motivation--extrapolate #psychology of #UX #design: http://j.mp/c8Rx4w

Monday, 24th May, 2:40 PM
Effective #design isn't about Photoshop, software, email, project management, or even computers. It's about service: http://j.mp/d6slG6

via twitter.com/terretta

Usability week ending May 16th

Friday, 14th May, 11:16 PM
What information architecture is, why it’s related to #usability, and the common tools used in iA: http://j.mp/bTfm6p #ia #design

Thursday, 13th May, 5:38 PM
Faceted #navigation is arguably the most significant #search innovation of the past decade: http://j.mp/bbRV1x #ia

Wednesday, 12th May, 3:00 PM
Know how to critique a web page in 30 seconds or less? Your users do: http://j.mp/bRdC7r #ux #ia #usability #design

Tuesday, 11th May, 12:07 PM
#iPad at Work: use case user stories from a Programmer, Designer, and QA Expert: http://j.mp/9hcZYO #ux

Monday, 10th May, 2:10 PM
iPad Usability: Jakob Nielsen's first findings from #iPad user testing with popular apps: http://j.mp/bDjgJl #ux #ui #ia #usability

Sunday, 9th May, 6:21 PM
A paperback is a versatile and easy device--cheap, replaceable, takes very low level of care to keep in working order: http://j.mp/dl2XsB

Sunday, 9th May, 2:24 AM
RT @hilittle: Excellent: RT @resultsjunkie: LOVE this article! Nothing missing. @morville is #brilliant Ubiquitous Service Design http:/ ...

Sunday, 9th May, 2:18 AM
RT @deanzilla: RT @uxs: Google Drawings Wireframing Kit http://bit.ly/bZpebp #ux #webdesign

Sunday, 9th May, 2:16 AM
RT @deanzilla: #design, #innovation, and #growth are linked: http://bit.ly/bgdV0l /via @danklyn and @semanticwill

Sunday, 9th May, 2:13 AM
RT @8x3h: Take another view after reading "The iPad is just a big iPhone. Isn't it?": http://bit.ly/dCkRjs #ux #ipad #iphone #usability

Sunday, 9th May, 2:01 AM
RT @Alyssa_Milano: #Facebook tries to make violations of Terms of Use into crimes: http://j.mp/beUdxF #socialweb #law #data #api

via twitter.com/terretta

Usability week ending May 9th

Thursday, 6th May, 9:45 AM
Developers show new UI controls, tech, code; claim to be talking about UX. But #UI is not #UX. Learn the facts: http://j.mp/cLwG29

Wednesday, 5th May, 12:31 PM
@jkatinger WebOS was iterating like a beta, still is, but the concept is sound and hopefully HP's hardware can work it.

Wednesday, 5th May, 12:17 PM
Quality offerings display self similarity. Any small part is indicative of the whole: http://j.mp/dreFj9 #ux #design #ia

Tuesday, 4th May, 8:46 PM
Use #wireframing as a process of divergence, transformation, and convergence, instead of as an artifact: http://j.mp/a29lzZ #ux

Tuesday, 4th May, 9:56 AM
@jkatinger If HP really makes a Slate based on WebOS that web developers program to using HTML5 and JavaScript, that could be a challenger.

Sunday, 2nd May, 11:25 PM
iPad Killer? We can't even get an iPad challenger... http://post.ly/eaeb

Sunday, 2nd May, 1:22 PM
UX book reviews to broaden your perspective: http://j.mp/9wDVgV #ux #usability #userexperience

via twitter.com/terretta

Usability week ending May 2nd

Thursday, 29th April, 1:24 PM
Flash was made for PCs and mice. The mobile era is about low power devices, touch interfaces and open web standards: http://j.mp/bTEU81 #ux

Wednesday, 28th April, 2:20 PM
You've heard of evidence-based medicine (eg., House). Here's the art & science of evidence-based #design: http://j.mp/aPmQ8X #ux #ia #ebd

Tuesday, 27th April, 11:42 AM
The interface design piece we most often overlook is emotional pleasure: http://j.mp/bFOtMv #ux #ui #design #userexperience

Tuesday, 27th April, 8:49 AM
@sugarsock If you live on remote servers, Transmit 4 really is that much faster. Panic Transmit 4, Mac OS X FTP + S3: http://j.mp/bVTbQT

Monday, 26th April, 6:41 PM
Maybe it's not a "bounce", maybe your visitor searched and then read just one perfectly relevant page: http://j.mp/bAmzzR #stats

Monday, 26th April, 12:20 PM
Five #iPhone #app #design mistakes, and how to fix them--dpi, storage, MVC, HIGs, orientation: http://j.mp/bOR48A

via twitter.com/terretta

Usability week ending April 25th

Friday, 23rd April, 6:22 PM
Rethinking the #usability of "utopian" open platforms versus "proprietary" walled gardens: http://j.mp/9UTbb7 #ux #apple #iphone #ipad

Friday, 23rd April, 6:18 PM
LATCH -- Location, Alphabet, Time, Category, and Hierarchy -- the five ways of organizing information: http://j.mp/cTfBjL #ia

Wednesday, 21st April, 10:54 AM
The most effective #wireframes are made by people who can see how a site is a series of connected interactions: http://j.mp/92QNv1 #ia

Tuesday, 20th April, 9:43 AM
For a good user experience on a touch input tablet, all the apps, and the whole OS, need to be designed for touch: http://j.mp/aIPNWV #ipad

Tuesday, 20th April, 9:09 AM
"Push me! Wait, you can't..." -- perceived affordances and designing for task flow: http://j.mp/aZLT6m #ux #ui

via twitter.com/terretta

Usability week ending April 18th

Friday, 16th April, 11:12 AM
Our brains are set up to do two things at once, but not three, reports Science journal: http://j.mp/awh9yv #iphone #ipad #multitasking

Friday, 16th April, 11:00 AM
Typography is important--understanding web #typography for beginner typographers and designers to do web #design well: http://j.mp/bxOe0E

Thursday, 15th April, 8:21 PM
If it's impossible to evaluate designs without real copy, why bother reading copy out of context of designs?: http://j.mp/cKpaqq #ia #design

Tuesday, 13th April, 12:21 PM
"The iPad brings hands and eyes back together" -- a reality check on designing for iPad: http://j.mp/bDi7ig #ux #ui #gui #ia #ipad #touch

Monday, 12th April, 9:39 AM
"Losing differentiation is death by low margins." Sane view of "The Adobe - Apple Flame War" by Jean-Louis Gassée: http://j.mp/9oaA6O

via twitter.com/terretta

Usability week ending April 11th

Friday, 9th April, 4:19 PM
Engaging the "desk potatoes" through #design -- designing for passive consumption: http://j.mp/bDBxON #ia #ux #ipad

Friday, 9th April, 3:04 PM
Risky #assumptions are risky mainly as they can result in a product’s failure in the marketplace: http://j.mp/9lQDYN #ia #ux #strategy

Thursday, 8th April, 3:37 PM
The real cost of #software #development is #usability: http://j.mp/alPF03 #ux

Thursday, 8th April, 12:59 PM
Learning from game design: 11 gambits for influencing user behaviour: http://j.mp/ccTIpu #ux #ia

Thursday, 8th April, 12:57 PM
#Gadget reviews focus on device itself, innards, #specs. #UX is more strategic, more effective basis to analyze a device: http://j.mp/cUOJsq

Wednesday, 7th April, 1:07 PM
Bouncing ideas among a team with almost immediate feedback in the form of #design #mockups in @skitch is invaluable: http://j.mp/asGIed

Wednesday, 7th April, 12:56 PM
New #cameras, and more importantly, new #aesthetics, are breathing new life into #video storytelling and #journalism: http://j.mp/d4BaML #vx

Monday, 5th April, 2:28 PM
"Information efficiency" lets you know when you can stop looking for a better #design: http://j.mp/9jy5W2 #usability #ux

via twitter.com/terretta

Usability week ending April 4th

Friday, 2nd April, 6:09 PM
“How it looks” matters, both to the critics and to the market: http://j.mp/bZb6vR #design #aesthetics

Thursday, 1st April, 3:01 PM
Extraordinary insights for designers in every discipline -- "The Design of Design", by Frederick Brooks: http://j.mp/agZHoh #design #ia

Wednesday, 31st March, 11:13 AM
Do FAQS improve #usability or are they just a snake oil remedy for poor content?: http://j.mp/cfwD1v #ia

Tuesday, 30th March, 11:30 AM
How to use contrast effectively to differentiate your #design and make content accessible to every reader: http://j.mp/a9RE9r #ux #ui #tips

Monday, 29th March, 5:14 PM
iPad has "Support for display of multiple characters simultaneously" -- can you imagine? http://j.mp/a2wWVQ #Apple #iPad

Monday, 29th March, 2:30 PM
Connecting cultures, changing organizations--the user experience practitioner as proactive change agent: http://j.mp/98y8tl #ux #usability

Monday, 29th March, 1:54 PM
Effective landing pages: clear, credible, show problem + benefits, relatable, call-to-action, answer questions, easy: http://j.mp/aBiobd

via twitter.com/terretta