Content, not 'Chrome'
Wednesday, October 15, 2008
In user-experience lingo, 'chrome' refers to the frame of an application - the toolbars, titlebars and buttons that surround your primary content. In Google Chrome, we strove to eliminate as much of this as possible - not just because it leads to a simpler, cleaner design, but because we felt that your web applications should not appear to be constrained within the bulky cruft of a browser - they should feel like first-class applications on your desktop.
This notion of "content, not chrome" was the mostly-quiet, sometimes-loud guiding principle behind our design; in combination with our tab-dragging work, it lead us to think of Google Chrome as a lightweight, tabbed window manager for the web. You may have noticed, for example, that Google Chrome doesn't use the traditional "browser titlebar - navigation toolbar - tabstrip" layout common in browsers today; in the Google Chrome world, we think of tabs as the equivalent of titlebars for web pages, and they deserve top-level placement and prominence, and should be the container for everything related to them - title, toolbar and content.
To achieve the streamlined feel we were after, we knew we would have to cut some things, and while we had our own intuitions about what was and wasn't useful in current browsers, we had no idea how those ideas matched to reality. So in typical Google fashion, we turned to data; we ran long studies of the browsing habits of thousands of volunteers, compiled giant charts of what features people did and didn't use, argued over and incorporated that data into our designs and prototypes, ran experiments, watched how our test users reacted, listened to their feedback, and then repeated the cycle over and over and over again.
Even the the more subtle parts of our first-level UI were subjected to similarly intense scrutiny - "what shade of blue best suits XP users", "should the tabs start 18 or 19 pixels below the top of the window?", "what's the correct offset between our buttons?". The answers to these questions were debated and tested for our entire development cycle, and we saw that opinions consistently differed greatly depending on whether we had been Windows 3.1, OS7 or even NeXT users and developers.
We realize that browser UI is controversial and that despite our data-driven approach, much of it remains subjective, so we've documented many of the major UI decisions and thought processes behind Google Chrome on our UX Site, we encourage you to read about our work, challenge our assumptions, and let us know how you think things could be improved.

31 comments:
Martijn said...
Yeah, I don't really like the Chrome UI either.
I haven't even found out how to print something, for example.
October 15, 2008 3:45 PM
ericburns said...
I love the Chrom UI. If I could have a dev plugin like FF Bug then it would be the only browser I use.
October 15, 2008 6:41 PM
comment gravity well said...
Iron: contains no evil
I was not tempted to switch to something based on chromium until it had a built in adblocker. Obviously IE is not a valid choice either. (fox)
Now that SRware has removed the evil and rolled their own adblocking tech based on adblockplus lists I am tempted.
I dislike the idea of google herding the weak calves towards the thin terminal / webOS model as my data is mine.
Though I share a distaste for the direction in which microsoft has moved with it's OS: don't trust the user.
I look forward to the OS wars
October 16, 2008 1:15 AM
MK said...
My biggest issue with Chrome's UI is the huge distance between Reload and Stop (1100 pixels when maximized on a 1280-wide screen) that makes clicking them in succession difficult. Your data says that Stop is rarely used; But out of the times it is used, what percentage is in conjunction with the Reload button*? Or with any of the other nav buttons, for that matter, including Home?
Reachability aside, there's something to be said for standard button placement. Some users don't even notice Chrome has a Stop button until it's pointed out to them. Even IE7 keeps the Stop and Reload buttons together, despite having moved them to a Chrome-like position.
I feel this is a legitimate UI issue that, thus far, has been brushed aside as "by design". Would it hurt to have both Go and Reload change to Stop? That way it remains easily reachable from Go, and becomes more reachable/noticeable from the other nav buttons.
*: I personally habitually Stop before Reloading. Psychologically, it feels like the Reload is more likely to work if I actually pause between requests. (Maybe there's no technical basis for this.) Also, on very slow sites, you can't always tell if clicking Reload got through, since there's no visible change in activity. Stopping first reassures me that the site and/or browser is still responsive.
October 16, 2008 2:01 AM
Richard said...
@martijn:
You print by using the shortcut key CTRL+P.
@mk:
I didn't notice the stop button until I specifically looked for it. But then I do have awful sight... :-)
--
Richard Heyes
HTML5 Graphing for FF, Chrome, Opera and Safari:
http://www.rgraph.org
October 16, 2008 2:49 AM
Jeff Bailey said...
The two UI things I consistently have trouble with are:
1) I almost always wind up hitting the triangle to the right of the url box to try and create a new tab.
2) I will go to the right to click on the scroll bar, miss it because it's narrow, miss the window frame, and click on a window underneath.
Both of these things confuse me because I know where the new tab thing is, but go to the wrong place all the time, and will go to scroll down and suddenly find myself looking at a completely different window.
October 17, 2008 4:23 AM
Ankesh Grover said...
Where exactly is the Stop button??
October 18, 2008 12:48 AM
Richard Heyes said...
> Where exactly is the Stop button??
Immediately to the right of the address bar. Normally it's a triangle pointing right, which seems to serve as a (...nother) refresh button, but changes to an X to stop the load process when a page is loading.
October 18, 2008 1:19 AM
M. H. said...
Why isn't the google toolbar built in? I understand some of the features are built in, but I use google bookmarks as a way to have my bookmarks always with me and I can't find how to get to them in Chrome.
October 18, 2008 8:44 PM
Richard Heyes said...
It's a 0.2 beta... It's not a finished product.
October 19, 2008 2:17 AM
Scott said...
> I haven't even found out how to print something, for example.
The file menu is to the right of the navigation bar; ctrl+p also works.
October 20, 2008 3:15 PM
HJRodrigo said...
Even easier solution could be swapping the bookmark button with the the go/stop button. Another possibility would be allow users to move position of these buttons to match their preference, but this would involve more work.
October 21, 2008 12:50 PM
MK said...
>swapping the bookmark button with the the go/stop button.
This was actually proposed once, but quickly rejected. The implication was that people Bookmark more often than they Stop, though I'm not sure I believe that.
When I first heard the idea, I thought having Go on the left would be odd, but on reflection, putting it near the other nav buttons makes some sense. It just might throw people off at first. (But no worse than putting Stop on the right, far from Reload.)
October 22, 2008 2:14 AM
MK said...
Well, Ben's gone and wontfixed my bug too, with the same old "by design" one-liner. Nuts.
Why can't he see that the design is clearly flawed? Why is dogma trumping common sense here? Can't someone on the Chrome team talk some sense into the guy?
If I sound disrespectful, it's because he's not respecting our valid UI complaints. They're being summarily rejected based on circular reasoning, without addressing the raised issues at all. It's like he doesn't even read the bugs before rejecting them.
I was actually hoping that a more comprehensive argument would see some acknowledgment before it caught Ben's notice, and maybe even give him pause. The three weeks it had was both longer and less eventful than I had hoped.
October 23, 2008 2:29 AM
comment gravity well said...
@Ankesh
the stop button takes the place of the play button only when the page is loading. It is the first button to the left of the location field (CTRL+L). Mashing Esc will also work, albeit not as quickly (assuming your mouse is near the button.
However, the google build of chromium, chrome, is a little too creepy: CTRL+H
search the CONTENT of any page every loaded in the browser
@m.h.
why on earth would you want to hand over this information to google? Assuming, which is likely, they eventually opt to collect this data "in aggregate".
Toy with Iron Fork
http://srware.net/en/software_srware_iron.php
Imagine the intel logo "no evil inside" ...
@devs
Is there a plan to invoke the bookmark editor without having to start the bookmarking process?
October 23, 2008 2:31 AM
mkay said...
I think the "by design" argument is completely off tracks here. Let's improve the design then! It seems that ben@chromium considers the "design" superior to actual real world user feedback.
In my opinion replacing the "GO" button with an arrow pointing down and opening the URL history is a good idea.
Instead of "go-stop" button Chrome should have "reload-stop" button. Chrome is not Mars Rover that has to be commanded to "go" and then to "stop". Although developers at Google seem to be thinking it is :)
October 23, 2008 3:44 AM
h4x0r said...
Why it's taking so long for a Linux version to come out, it was supposedly an Open Source web browser and Linux is like the Open Source benchmark / standard. So why isn't there any version for Linux. I haven't even seen a Dev version which is out for testing on Linux. Using Chrome with Wine is not a solution. A release for Linux would be much appreciated by the Open Source Community.
Cheers...!!!
October 23, 2008 4:14 AM
MK said...
>Why it's taking so long for a Linux version to come out
Partly it's because Chrome's sandboxing employs Windows's security infrastructure, and as of Oct 2 they were still considering their implementation options on Mac and Linux. See the first two comments on this blog post.
October 23, 2008 2:26 PM
thydavidcome said...
I think if Google makes a UI they should allow for users to choose between the old and new, personally I love this current one, but I dont see why google wont add a customization feature, that way the users set out which buttons they want.
October 27, 2008 9:18 PM
Paul Kiler said...
What shade of Blue is best for XP users?
What about not blue?
Personally, I don't do "Blue"
There was a great Jim Croce song, with the lyrics:
"There are so many colors in the rainbow, and I see every one..."
October 28, 2008 12:18 PM
stentor said...
How about choice of colors! Or maybe choice of systems -- I'd like to use it with Xubuntu! Or how about making the useless area above the tabs invisible excapt when the mouse is dragged up there!!!! I'll bet you'd like to do that!!!
November 7, 2008 2:22 AM
Fernando Cassia said...
Richard: I'm 34, yet I started using computers even before graphical user interfaces existed.
One of the beauties that Windows and OS/2 brought to the masses was "CUA" (Common User Access) guidelines for user interface designers.
That meant that every application had a File, Edit, and Help menus. That "Exit" would be always under "File" and that the Help menu would always include an "About" option to get information about the program.
These guidelines arrived after other platforms which lacked such guidelines became a mess, which every developer trying to outstmart the rest and designing their own buttons and options layout. It was a MESS. And people felt lost when switching from one application to another. Case in point: AmigaOS applications.
Now comes Google (following the bad example of Microsoft's Media Player) and does the same!. This is NOT evolution, this is going backwards.
EVERY application must show its CUA menus by default, File, Edit, Help... It is OK to feature an option to reduce screen real state and "hide" those options. But if I press Alt-F I want to see the applications's File menu. If I press F1 I expect the help.
Read my lips: it is OK to have an option that turns Chrome into its current "maximized" CUA-less design, but it should N-O-T (NOT!) be the default.
In fact, you could imitate the late Netscape 8.x and 9.x and display the CUA menus on the titlebar, if you want to save vertical screen space.
Don't abandon CUA, you're setting a bad example for other software developers!.
FC
November 21, 2008 12:36 PM
Gabe's said...
I love the UI, the only thing I don't understand is why Middle clicking the mouse wheel won't autoscroll? that is a basic feature of just about any browser.
November 25, 2008 10:03 AM
Bill said...
I've been using Chrome exclusively since day one. Don't get talked into putting any more crap on my screen.
This is brilliant and simply works.
January 2, 2009 8:13 AM
Alex said...
Everything is great with Chrome except that far-right Stop button. It is VERY inconvenient. I absolutely agree with MK...
February 16, 2009 2:39 PM
Frank said...
i think having the the stop and reload buttons together would benefit users and a button with an arrow pointing down and opening the URL history is a good idea ? and i would like to be able to set my email preference to gmail, hotmail etc or outlook blah blah so when i click a email link on a website my gmail will fireup instead of outlook express. good work so far tho
February 22, 2009 11:30 PM
Colin said...
While I can understand some regret for the missing CUA I'm old enough in the tooth and generally dislike overuse of the mouse enough to be happy that the 'hot-keys' I regularly use are all there:
Alt-P - Print
Ctl+/- - text size up/down
Alt-D - select the address bar
Alt-F - get the h&%l out of here.
etc.
I was very close to switching from FF but for one thing (well, two really):
In my normal use I regularly have to (re)fill forms with previously entered data. FF always 'remembers' previous entries (not sure if this is bare FF or one of the add-ons). I hate having to re-type all the data every time I come to a form asking for forename, surname, etc.
If we just had that it would be 'bye-bye' FF - apart from accessing my bank who think it's safari. Still they'll eventually get around to fixing that, probably around the time Chrome v3.0 is out.
February 26, 2009 11:26 AM
Emacs said...
> that is a basic feature of just about
> any browser.
Lol, any browser on windows. In linux middle mouse button use for copying text from selection buffer.
March 17, 2009 12:05 AM
BigAL said...
Printing (as well as others) is available from the right-click menu.
I love the simple UI, spell checker (just came up on UI), and general speed of Chrome.
There are only a few problems I have:
RoboForm doesn't work with it yet
I would love to have a way to set the default full-page zoom level or better yet a setting for zoom page width.
I had some problems (early on) with plug-ins like flash & etc; it would be great to have a web page (like FF) for all common plugins/extensions (managed by google).
April 18, 2009 5:14 AM
David W. Allor said...
Ok, I'm sorry for the digression here. I mean to say that I hope Chrome for Linux will fit in well with Linux's customizability.
@Emacs: What are you talking about? My middle mouse button autoscrolls in Linux in FireFox, Galeon, Konquerer, and Opera. There are so many flavors of Linux, you can't make such general statements, especially when they make Linux look non-standard and poorly designed. The biggest Linux browser is FireFox. The biggest window managers are KDE and Gnome. You can find all kinds of other stuff that behaves in very odd ways, or you can use something more standard and make it behave however you want it too.
Ideally, Chrome should be as customizable as most other Linux programs. One important way to make this happen is to provide key mappings for all important functions. That way, a user will have the option of making the middle mouse button truely do whatever they want it to, for instance. They could scroll up to paste, scroll down to go back, click to check the weather, or whatever other stupid combination is best for them.
May 18, 2009 1:54 PM
lu said...
A Stop Button has traditionally had uses other than stopping a page load. It can also be used to stop the recurrence of annoying JavaScript driven advertisements that continuaously loop vivid distracting visuals. There is no way to do that in Chrome, leaving us all victims to idiotic ads jumping out of the page at us.
June 20, 2009 8:41 AM
Post a Comment