I know from talking to my clients as well as looking at their web analytics that many (most?) people use Internet Explorer to browse the web. And those who don’t use IE, use FireFox. Google Chrome, along with others come in pretty much behind these giants. This is NOT an advertisement for Chrome. Rather there are a lot of things in Chrome that are synonymous with good usability on the web. After all, Chrome is a website. So I thought maybe we could learn a little about usability from looking at this excellent but less popular browser.
When Google’s Chrome browser launched in 2008, it was the first browser to integrate the search bar with the address bar, a website user experience solution that seemed so obvious when we tried it, yet it had eluded the browser market for decades. Why?
As Drupal website user experience consultants, we are still bewildered by the number of web users who type URL addresses into search engines. It is tempting to yell, “You are doing it wrong! The search bar is for searches! The address bar is for addresses! How can we get this across better?” Other browser developers were thinking the same way, which is why they missed the solution for so long.
The reason Chrome’s elegant and deceptively simple usability solution didn’t appear earlier is because we tend to fall in love with our own technology and forget that users don’t care about the technology. They only care about what technology enables them to do.
Here is how Google put it just before launch:
To most people, it isn’t the browser that matters. It’s only a tool to run the important stuff — the pages, sites and applications that make up the web. Like the classic Google homepage, Google Chrome is clean and fast. It gets out of your way and gets you where you want to go. [from the Google Blog].
Lessons in Website User Experience from Chrome
1. The user is always right
Too often web developers assume that website user experience means making it easier to do things the “right” way (the way YOU think it should be or the way it always has been), instead of making it easier to do it the “wrong” way (the way that the most novice users tend to do it).
Before Chrome, usability improvements tended to make it easier to use the elements that already existed. One might add a friendly reminder, “put the address here” and “type search terms here,” in an attempt to reduce confusion, but it didn’t work.
What happened? People kept doing it the “wrong way”, the way they always had.
Finally, Google decided to make it easier to search the web the “wrong” way. If you type Google.com into it and hit enter, it reasonably deciphers that you probably want to go to the home page of Google.com. If you leave off the .com, it searches. Duh.
2. Keep Advanced Features Hidden, Where Only Advanced Users Can Find Them
All the advanced features are located in a single, small menu button. Basic users can easily ignore it and get the basic features they want. Advanced users can easily find it and get all the advanced features they want.
You want to keep hidden from the home page anything that your basic users don’t need every time they visit your site. A great example of this lesson for website user experience is the “Work with Us” link, which is often hidden as a small link in the footer of the home page, where only a job hunter will be inclined to look.
3. Simple is Good for Smart People Too
What we learned the moment we started using Chrome is that it just feels right. No matter how smart we are, we are relieved not to have to make the decision whether to type an address or a search. We just start typing and Chrome works with us either way, instantly suggesting pages from our browsing history (I love that).
Here is where Chrome failed, though; it didn’t make itself synonymous with “the internet” like Internet Explorer does, making it hard to understand what it does and why my grandma should click that Chrome icon on her desktop. “What is a Chrome and what does it do? “ Oh well.
4. Use Images Instead of Words, Whenever Possible
In Chrome, all advanced settings are included in a single button, indicated by a wrench icon with no words. It doesn’t take much hunting at all to figure out where all the options are. The button doesn’t say “Tools;” it is a picture of a tool. If I am curious, I will point my mouse at the button, and words will pop up that tells me what the button does: “Customize and Control Google Chrome.”
5. Remove options when they are not relevant
Google has recently standardized removing options dynamically. Fewer options means less room for confusion.
For example, the “back button” will be faded out when there are no pages to go back to, indicating that it is still there, just not relevant, reducing the chance that someone will click on it with the empty hope that something will happen and be disappointed.
Though this is super advanced usability design, regular web developers can still apply the lesson. Instead of assuming that users always want more choices (a common mistake), make a case for each individual link or option, pare them down to essentials, and prioritize them visually in the design.
6.We don’t know what we want until we use it
The thing about intuitive browsing is that we can’t plan it. It is an automatic response to the situation. So if we users can’t predict what we want for ourselves, how much less can website creators predict what users will want!
Instead of making haphazard guesses, observe what users do with your site. Whenever they do something “wrong,” that is when YOU need to change something so that what they do becomes the “right” way.
7. Simplify, simplify, simplify.
Website user experience can always be simpler, and work is never finished. Yet with a sense of humility and an eye for observing user experience objectively, egregious mistakes, like including both a search bar and address bar in browsers, can be fixed immediately, with low effort and high reward.
8. Get Out of the Way of Website User Experience
Chrome enhanced website user experience mostly by creating a browser that is as invisible as it can be, with a sophisticated and invisible back end that seems to read the user’s mind. Usability expert Steve Krug’s dictum, and title of his book, is “Don’t Make Me Think.” To that, Google adds, “Get out of my way.”
The story of web usability has been a constant realization that the things which are intended to attract and engage in the first place instead tended to get in the way of and distract from what the user came to do. Consequently, a better-designed site typically includes more empty space, and fewer words in bigger letters.
The moral of the Chrome story is to never assume you know the right way to experience the web. There will always be some Internet users out there to show you a better way. To enhance your website user experience, be humble, listen to them, don’t make them think, and get out of their way.