A fresh coat of chrome
Friday, June 25, 2010
As part of our continual work on Google Chrome’s user interface, we’ve been trying to streamline the toolbar, make the Omnibox more approachable, and communicate site security information more clearly. Users on our dev channel may have noticed some of these experiments already:
- When you are typing into the Omnibox, an icon to the left will show how your input will be interpreted - such as a magnifying glass for search queries (
), and a globe for URLs (
). When you’re not typing, the same icon can be dragged to another document to copy the current page’s URL, or clicked to reveal information about the current site. - When on a secure (SSL) site, this icon changes to a lock (
) - previously we displayed the lock icon at the end of the Omnibox, but now it’s closer to the URL and in a more obvious place. - We’ve added a clearer presentation of Extended Validation (EV) certificate holder names (
), which, like the lock, are now at the beginning of the Omnibox. - We’ve changed the colors and icons used with secure sites to make mixed content more obvious, and avoid confusion about ambiguous colors.
- In some situations, we’ve stopped displaying “http://” and/or a slash after the hostname. This makes the hostname more prominent and the URL more readable, and provides more visual distinction between regular and SSL websites (which keep their “https://” prefix). We’ve also done a lot of work to make sure that copying and pasting of these URLs continue to work as you would expect.
- The bookmark star icon (
) has joined the other “page actions” at the right-hand side of the Omnibox. - Stop and Reload have been combined, and Go eliminated, to make things simpler and keep all the navigation-related toolbar buttons together.
Here’s a screenshot of the old interface in the stable channel (5.0), followed by the current interface on the dev channel (6.0):


More experiments are on the way to all platforms, like simplifying our menu structure, and further reducing visual noise in the toolbar:


In all these cases, we may tweak or even revert experiments before settling on a final solution. We’ve found that living with a new design is more informative than merely discussing it, so thanks to all our dev channel users for your patience and feedback as we test out these changes.

77 comments:
Mayhem said...
Oh GOD! The future Chrome is awesome!
June 25, 2010 9:18 AM
Rick Thomas said...
Thanks for this focus on reducing visual noise. Please take it all the way and include preference settings to remove all the buttons from the toolbar.
June 25, 2010 9:20 AM
grasstippy said...
I'm curious why the "Go" button is being removed. I won't pretend to know what is good UI design but that button seemed very useful to me.
June 25, 2010 9:27 AM
Kemal said...
The removal of 'https://' looks really bad, and the icons in the address bar are distracting and ugly. Sometimes less is not more.
June 25, 2010 9:29 AM
ssokolow said...
While I agree that experimentation is important, Chrome's refusal to implement an about:config or equivalent (and the resulting unilateral UI behaviour decisions) have forced me to pin my Chromium version at 5.0.375.x and live with the associated memory leaks.
I like the indicator icons and the ability to drag them to copy-paste the entire URL... but I like having http:// displayed more. (I see no point to hiding it and it means I can't use the X11 selection to easily copy the URL with the scheme AND without the scheme)
I can unserstand the reasoning behind putting the star with the page actions... but I actually use the go button in ways that, in Firefox, lead me to set "always show go button" in about:config.
As you say, living with things is important, so I can't give an opinion on the removal of button borders as shown in the screenshot.
There are other aspects of Chrome I've put up with, but let's just consider these the last straw. If Firefox 4 doesn't provide an acceptable replacement for Chrome on Linux, I think I'll start maintaining my own patchset to either implement about:config or just directly revert some of these changes.
June 25, 2010 10:07 AM
The MAZZTer said...
--new-wrench-menu enables the current prototype for the consolidated menu. Last I tried it lacked an About button, and so manual upgrading was broken. Not sure if the larger menu is worth the extra toolbar space too...
June 25, 2010 10:22 AM
Von said...
Awesome. Looking forward to the release with these features. Especially new «Bookmark» button position and removing «go/stop» button.
New default theme is great too.
June 25, 2010 11:02 AM
jasonvaritekfan said...
I'm really looking forward to this version of Chrome! I'm on the beta channel and can't wait for the experiments that are being tested on the dev channel to be released to the beta channel.
I don't like the Stop/Go button on the right, can't wait to have Reload/Stop on the left!
I don't use the Go button on Chrome beta, but I think a slightly left tech-savvy user might wonder where it is?
June 25, 2010 11:07 AM
Vaughan said...
Please bring back the "go" button. Its convenient to use the mouse to right-click>paste and have a go button to click on. Even more so in Linux where you can simply middle-click to paste.
Of course having "paste-and-go" in the context menu might be even better.
June 25, 2010 11:22 AM
Hummigbird said...
Button move to do both in Firefox :)
June 25, 2010 11:30 AM
--- said...
Though I for the most part like the stripping away of unnecessary clutter on the toolbar, the removal of the "Go" button just seems to greatly decrease Chrome's visual appeal, especially when extension buttons are placed directly to the right of the omnibox. Please bring it back.
Also, the new icons indicating security level often seem a bit too dramatic, as at several points when using a Google Doc it changes to a bright red skull and crossbones. If those could be dulled down a bit, that would also seem to enhance the experience.
Lastly, with the prototype menu consolidation, the "Extensions" page is even more difficult to reach (or slower, at any rate) and that's the opposite of what we need. If that page could have a link along with 'History', 'Downloads', and 'Help' in the bottom of the New Tab page it would be great.
June 25, 2010 11:32 AM
Mitchell M said...
I love everything except the absence of the 'Go' button. Please bring it back, I don't like having to press the enter button every time, such as when I copy and paste a URL then I have to switch from mouse to keyboard and back. I like having the option to 'go' either with keyboard or mouse. This is my only complaint with the browser.
June 25, 2010 11:44 AM
Matt said...
The suggestion box that appears below the address bar replaces the "Go" button. You can type/paste a url and click, as you'd do with the "Go" button.
June 25, 2010 12:12 PM
Jon said...
can we have the no-post refresh button back... or at least options
June 25, 2010 12:15 PM
Joelg88 said...
My only complaint is that the new grayish color to the toolbar in Windows is ugly. The blue color should be returned. I think many agree on that.
Also, although this doesn't really apply here. The Extensions Gallery needs a lot of work in my opinion. I like how Mozilla has there's setup. Chrome's has no organization and it's very boring to look at.
June 25, 2010 12:18 PM
guns said...
I have been wondering why I've been finding Chrome so pleasant to use, and my questions are now answered! Nicholas Jitkoff, creator of the best expert GUI interface ever created is on the Chrome team. The omnibox has your name all over it.
Good times; I hope the Chrome team listens to your valuable input.
June 25, 2010 12:37 PM
pkasting said...
@Vaughan, @Mitchell M: The address bar has had "Paste and go" in its context menu since Chrome was first publicly released.
@---: The entire point of the security icons is to tell you when you're secure. When you see a skull and crossbones, you're not secure at all. An attacker can be behind everything you see on the page.
June 25, 2010 2:00 PM
Yehuda said...
I am not a fan of removing the protocol information and trailing slash from the omnibox. I hope there will be an option to put it back.
June 25, 2010 2:08 PM
MK said...
At last, Stop on the left side! :D Not sure about it being combined with Reload, but we'll see if the don't-change-while-hovering effectively prevents accidental reloads.
For people missing the Go button, maybe it could be done by extension? Not sure if there are APIs to read the omnibox contents and middle-clicks though.
IMO trimming http:// is making more trouble than it's worth, though I don't feel that strongly about it myself.
June 25, 2010 2:11 PM
Joshua Prowse said...
I liked the go button on my tablet pc where I use my fingers to navigate. Hopefully there'll be an extension to replace it.
June 25, 2010 2:11 PM
Andrew said...
Hello. These new/future changes to the Chrome UI look awesome, but I do have an extra request.
Can you restore the drag-to-pin tab behavior? It is such a drag (pun intended) to have to right-click and select it from a menu.
I noticed this change as soon as it was implemented in the Beta version. I immediately created a thread on the Chrome help forums, to which a few people replied, but there has been no response from the Google Chrome team yet.
I hope that it won't be a problem to restore the very intuitive tab pinning behavior that was there before.
Here's the thread I made, for those who are interested: http://www.google.com/support/forum/p/Chrome/thread?fid=2600874b10d009790004899903582b45&hl=en
June 25, 2010 2:38 PM
MK said...
@Andrew: For the official word, see Issue 35416 (WontFixed).
"This proved very finicky on smaller devices. It was too easy to accidentally pin and unpin
things, so it was disabled."
June 25, 2010 3:11 PM
Wes said...
I'd suggest further cleaning in the tools menus. Nearly everything in the "Page" menu can be removed due to keyboard shortcuts, and some less-commonly used items can be put in submenus. Here is how I would lay it out.
Tools
> New Tab
> New Window
> New Incognito Window
---
> History
> Bookmarks
> Downloads
> Extensions
---
> Options
> About
> Help
---
> Advanced
>> Create Application Shortcut
>> Report Bug or Broken Website
>> Page Encoding
> Developer
>> View Source
>> Developer Tools
>> Javascript Console
>> Task Manager
>> Plugins (about:plugins)
More of a focus on keyboard shortcuts and an Advanced submenu for less frequently used items. Removal of the http protocol looks awesome, as does the more gray chrome.
Awesome work guys, and remember that it's the vocal minority that are commenting in here, so there will probably be a lot of hate even if most users love it. Don't get discouraged!
June 25, 2010 5:04 PM
P J said...
Why not combine the Go button with the refresh button?? For example let's set a function that check the last hash of an address bar, if the hash of the "new" address is the same as the last one (meaning it is the same address then the button is the "refresh" button), if someone for example puts in a new address thus changing the hash which then differs with the last one then the refresh button changes to Go button!! If we open the new tab then hash is naturally zero? so ANY change will trigger the appearance of the Go button.
June 25, 2010 10:00 PM
Freud said...
In the options window there is a checkbox that says: "Show Home button on the toolbar". I suggest having a similar option for the GO button. I sometimes need it.
June 26, 2010 1:20 AM
Cástor said...
Gratz, you're doing great ;)
But I want to report you an issue: All my addons went away :(
Is there anyone with this problem?
June 26, 2010 2:14 AM
Planktno said...
I agree with P J. Please get rid of the reload/stop button on the left and bring in a combined go/reload/stop button on the right. It is far more user friendly going from left (typing the url) to the right (pressing the go button).
Without a Go Button, you have to press enter on the keyboard.
June 26, 2010 7:33 AM
Mayhem said...
You don't HAVE TO press enter, you can click on the links under the url bar, goddamnit
June 26, 2010 11:53 AM
[ICR] said...
Will there be an option to remove the Page button on Chromium Mac like there used to? It's all in the menu bar anyway.
June 26, 2010 11:59 AM
matzipan said...
There must definetely bea go button, the page controls could be taken off.
Why not add some retractable tab navigation to full screen mode?
June 26, 2010 12:02 PM
Wizek said...
I have a suggestion for the http:// thing: When I select the URL from right to left, as I hit the edge of the textbox, the http:// would slide off from behind it, while I'm selecting it. Just like when you select a text in a textbox where it didn't fit.
June 26, 2010 3:38 PM
Marcus said...
I like the go button. I don't use it to "go" after typing an url but use it as a stop/reload button.
I would combine the stop/reload/refresh buttons an move it into the omnibox like it is in safari/ie. That is just where I naturally find myself going.
I also like the combining of the two menu buttons, I never use them anyway, except to change preferences. Or to change extensions because it doesn't have a keyboard shortcut.
I also like removing the borders around the nav buttons.
I have just one wish, and that's to somehow make all the extension icons monochrome, once you get a few installed it starts to get pretty ugly and messy. Having all the buttons the same colour would fix this. Also like safari.
June 26, 2010 8:56 PM
imaginarynum6er said...
PLEASE bring back the stop/go button that was on the right side!! People who are right-handed would now need to move their mouse all the way to the left top to stop loading each of their tabs. PLEASE FOR THE LOVE OF GOD, BRING BACK THE RIGHT STOP/GO BUTTON!!!!!!
June 26, 2010 9:32 PM
"If you judge people, you have no time to love them." said...
Bring back the Go button... its useful
June 27, 2010 11:26 AM
Derek said...
I thought Google Chrome would stop online videos from freezing.
June 27, 2010 2:25 PM
Trix said...
I welcome the changes. I can't wait to see this in a stable version of Chrome! I would also love to be able to use my touch monitor with Chrome Under Windows 7!
June 27, 2010 11:03 PM
ben said...
Like the combination of stop and reload, always thought that was an obvious simplification to make
June 28, 2010 1:05 AM
George Moschovitis said...
I love the latest changes, simple is beautiful. I would like to see more work on HTML5 features though (especially html-form related stuff)
June 28, 2010 2:56 AM
Makeshift said...
Please change the bookmark folder icons for the Windows version while you're at it. They're looking like the old Windows 98/ME/2000 folder icons which are outdated. Why not use the default Windows 7 Folder icons just how Chrome's using the native OSX folders on the bookmarks bar in OSX?
June 28, 2010 10:26 AM
Brad Jensen said...
I love the new dot "." that replaces the close button "x" on tabs when the tab is not current or hovered.
June 28, 2010 11:26 AM
David said...
One thing I find annoying about the Omnibar (and other search tools such as Spotlight for OS X) is when the text under your cursor changes as you are clicking it, so you end up selecting something else.
June 28, 2010 8:59 PM
Lars said...
It should be possible to show/hide the "wrench menu" (or whatever it's called) that resides to the right of the adress field alongside the "Toolbar: Show Home button" in the preferences pane.
On the Mac it duplicates the functionality of the menus on the top of the screen thus making it clutter that is not really 100% necessary. Therefore it makes sense to have the option to hide it, for us who don't use it, and to show it, for those who do.
June 29, 2010 5:25 AM
John Kekeli Gasu said...
for about a week now my chrome browser has been crashing every now and then...why?
June 29, 2010 8:37 AM
gnash said...
Less is definitely better.
+1 Get rid of the Go button.
+1 Get rid of the http://
+1 Get rid of the extra menu button the right.
Also... Get rid of the extra gap at the top. Make the tabs go all the way up in all modes and platforms, not just full screen on Windows.
June 29, 2010 10:20 AM
Alex Libman said...
Removing the protocol is worst idea ever. Now I have to type "http://" like 50 times every day when pasting URL's into forums, wikis, blogs, etc, etc, etc... 8~(
June 29, 2010 2:01 PM
Brunazo said...
I really like the last preveiw of the UI, really simple, really nice ^^ hope you guys go that way with the UI
June 29, 2010 8:21 PM
DarkOwl said...
Removing the borders around the buttons is a bit curious. You lose the association that Back / Forward are related, and it makes it harder to discern a button being disabled from a quick glance as you've got to pay more attention to the icon's style.
Go button should return, but become go / refresh / stop. Go if the URL has changed, refresh if it's the same page, stop if it's loading.
Tabs are fine where they are; how would you move the window easily otherwise without ripping a tab into its own window?
http:// going away I'm not sure about.
June 29, 2010 11:02 PM
Daryl said...
Could you guys please make up your minds as to the layout of the bar?
I'm getting a little tired of installing new updates and having the icons moving around each time...
June 30, 2010 4:08 AM
Michael Hellden said...
Finally some browser-creator removes the Go-button. It has been one of the most annoying UI-clutter in history. It is the first thing I remove in any browser if possible.
Removing HTTP:// in a URL is very good but feel inconsistent if you go to a HTTPS site...
June 30, 2010 1:51 PM
morethannothing.co.uk said...
"Also... Get rid of the extra gap at the top. Make the tabs go all the way up in all modes and platforms, not just full screen on Windows."
See the Safari 3 beta's implementation of tabs-on-top for why this is a bad idea. It makes moving a window full of tabs incredibly fiddly, as you constantly end up tearing out tabs.
July 3, 2010 4:06 AM
Schmaltz Herring said...
Please rethink the removal of the Go button, they did the same thing in Firefox and I was very upset.
July 4, 2010 1:01 AM
Benjamin said...
I'm using the dev channel, and it's all good apart from the grey hue that has just appeared. The blue is fine, the grey is not.
July 7, 2010 9:36 AM
P said...
Please bring back the "Go" button. I've been using the right side of the address bar for go/refresh for years now, and it's really inconvenient to use the left hand instead. At least give the option, like you give the option to show the "home" button.
July 7, 2010 12:24 PM
Ajay said...
The newer UI design is really great. Can't wait to see it roll out!
July 10, 2010 11:12 AM
Paul said...
Removing http:// is a grave error!! URLs are standardised for a reason!!!
July 10, 2010 3:03 PM
hhh said...
I want my Go button back!
I downgraded just because it went missing. I originally thought it was a bug and said to my self it is time I move to the stable branch.
Now I have found out Google has done evil against the go button!
I wonder how the Go team feel about it!
July 13, 2010 1:32 AM
Ghidarcea said...
Please put back the * sign at the beggining of the url not so far away, also put back the https back, OMGGG!!!! PLEASEEE!!!!
July 15, 2010 12:55 PM
Mark Stosberg said...
First impression of combining the page and wrench menus:
I don't like it. There's too much stuff under one menu now. The old groupings made more sense to me.
I'll see if it grows on me.
July 16, 2010 8:02 PM
Alexandre said...
There should be a wait to show/hide the go button instead of removing it. Sometimes, when an URL times out, refresh won't work (since the page never loaded), but the Go button allowed to request again the link without the need to reach for the keyboard. I mean, if there is an option to show/hide the home button, why not.
An other option could be to have Go/Stop/Refresh all in one. When a new URL is in the omnibox (typed or dropped), the button would show "Go", when the page is loading, it would be "Stop", when the page is loaded and the omnibox has not been modified with a new URL, it should be "Refresh". It may not be the best way of doing it, but surely, the Go button has to stay.
July 29, 2010 1:44 PM
J. Daveed Lopez L. said...
I hate the new chrome 6.0 interface. Pleas provide an option to bring back the old 5.0 interface, or else I and other users will have to stay on the 5.0x builds until you guys come up with a solution.
August 1, 2010 7:17 PM
Chris Saik said...
Why can't we have a drop-down arrow which shows the most recent sites we've visited? In firefox it's really easy to just click the arrow in the address bar and select a recently-visited site.
August 11, 2010 12:56 PM
Tushar said...
The new Chrome Beta 6 is awesome! I would highly recommend it!
However, there are a few (minor) things which I dislike about this fresh coat of Chrome:
1) The bookmark star icon should remain on the left-hand side of the page. Given that there are no other page actions that Chrome currently implements (within the omnibox), I feel that it would make the most sense to have this on the left, where it will re-join other page actions, such as back/forward and reloading the page, as well as showing the encryption of the page
2) When I am typing an address into the omnibox, I'd like to have it show the slash after the hostname. This is due to the fact that on some websites (such as facebook and twitter), I want to sometimes go directly to a person's page and having to input an extra character is unappealing. If the slash remained there, it wouldn't make a difference for those who didn't want to go elsewhere in the page structure
3) The beta channel (as well as dev and canary) should have an official feedback extension (much like Firefox 4)
Thanks for all the awesome work! I <3 Chrome!
August 11, 2010 4:09 PM
nonillion said...
Google, please allow me to get rid of the Wrench menu icon, I don't need it taking up space!
August 11, 2010 5:14 PM
Nathan said...
When you say 'autofill' is it referring to the ghastly blocky colours of the toolbar icons?
Bring back the graphic designer who did v5, please. If you were that convinced the icons needed to be more visible (which they DIDN'T imho) you could have expanded their border's a couple of pixels.
Also help if you stuck the bookmark star back where it was easy to access before returning to home or moving back in history or killing the tab -.-
Sure the rest is absolutely awesome...the gfx are decidedly NOT.
August 11, 2010 11:58 PM
Trevor said...
Please bring back the GO button, its not visual noise!
August 15, 2010 4:00 AM
Andy Castille said...
I like the Mac-Looking one.
August 15, 2010 7:49 AM
Doug said...
Chiming in to add my voice to the following (and I don't chime in much but you've inspired me):
1. Bring bookmark star back to left side. On a wide screen laptop (1440+) dragging the mouse all the way over to the far side of the screen is a pain - and I'm generally going to the left side for url activity anyway - including bookmarking
2. Bring back http:// - if you really want the hostname to stand out then just make it even bolder still then the rest of the url but having the http:// gone is quite jarring for the 3 or 4 billion people that have used the web longer than last week.
3. Bring back the page menu. Nesting down inside the tools menu is doubleplus un-user friendly. The UI trend is away from nesting menus because they suck so bad -again a lot of people have 1280+ pixels going across the top and more and more have 1440+. I'm not afraid of some of those pixels going to a menu to keep me from having to search through nested menus
4. Fix the button icons. They look hideous now.
5. Just let me control these things through a robust options or about:config. I appreciate your experimenting spirit, but let me maintain some control when your experiments mess with my browsing. I'm sure you can track what experiments I've rejected and notate accordingly.
August 15, 2010 10:30 AM
Yoggler said...
By removing buttons and menus on the main UI, your alienating users who are not very good with computers and don't enjoy digging through a bunch of menu options just to go to a web page.
Yes I know that you can click enter, but my grandmother, mother and even sisters don't realize that. some people like to have a visual button on the screen...
August 15, 2010 11:48 AM
Yoggler said...
By removing buttons and menus on the main UI, your alienating users who are not very good with computers and don't enjoy digging through a bunch of menu options just to go to a web page.
Yes I know that you can click enter, but my grandmother, mother and even sisters don't realize that. some people like to have a visual button on the screen...
August 15, 2010 11:49 AM
aroxo said...
Total number of typos resulting in the lack of a trailing slash automatically appearing in the domain name: Infinity.
Volume of irritation caused by removing http://: 1,000 cubic litres.
Much grrr.
Best thing about Chrome is that it loads fast and displays pages quickly. You're never going to increase the adoption rate of the application by changing things like.
:(
August 20, 2010 1:50 AM
srl said...
As much as I love the Chrome interface (especially that the useless window header has gone!), there are situations in which I would wish I could switch it back to standard Windows appearance.
For example, because I use some tools that add their own window controls - and now I have them appearing in the middle of the Chrome window gadgets.. not so good.
August 24, 2010 1:40 AM
M said...
GO / STOP buttons and BOOKMARK STAR on right of address bar
go and stop buttons are useful for example when the dsl line drops just as you are trying to browse a website. Using the stop button will prevent the pc from freezing or using up all its cpu cycling on attempting to browse an unreachable site.
Also, once connection to internet is restored, the go button can re-initiate browsing.
I think both are invaluable.
The new bookmark star button appears to bookmark a page with the first right clik without the user getting a chance to choose the folder in which to bookmark or indeed whether they want to do so at all. When I click the bookmark icon it is mostly to access already saved URLs.
September 9, 2010 5:34 PM
vsTerminus said...
1. New spanner menu seems too crowded with the page menu stuff shoved in there too. I'm spending more time than I'd like searching for the option I want.
2. Missing Go/Stop button. I never realized how often I used it until it disappeared, same with the Home button. But at least there's an option to restore that one.
3. Call me old-fashioned but I want my http:// back in the address bar. An option to restore this would be nice.
This is just my opinion, but it's reason enough for me to mask >=www-client/chromium-6.0.472.53
I'll take my chances with 5.0.375.125 for now.
September 10, 2010 8:29 AM
Ed Charbeneau said...
Please give me the option to move my bookmark button back to the left. I blog a lot and I'm always smashing the star on stories I want to reference later on.
September 14, 2010 6:24 AM
Huggie said...
For the love of all that is holy, please add the "http://" back. This change is beyond terrible, and is the sole reason I'm going to be switching back to Firefox. I am clearly not alone.
September 14, 2010 1:30 PM
Max Wagner said...
Please put the bookmark star back on the left side, move the changing icon over to the right and put back the go button. Just my two cents, or make it so you can reposition them as you wish, locking and unlocking the main bar, maybe.
September 20, 2010 5:00 PM
V-Pills said...
Why not combine the Go button with the refresh button?? For example let's set a function that check the last hash of an address bar, if the hash of the "new" address is the same as the last one (meaning it is the same address then the button is the "refresh" button), if someone for example puts in a new address thus changing the hash which then differs with the last one then the refresh button changes to Go button!! If we open the new tab then hash is naturally zero? so ANY change will trigger the appearance of the Go button. Vpills
September 23, 2010 12:16 PM
Post a Comment