Windows Theme/UI Update

Recently there has been a lot of work going on refining the ideas for the Firefox 4 redesign on Windows. This work has involved evaluating feedback on previous direction, polishing visuals, tweaking all kinds of things and exploring totally new ideas. The evolutionary work that was supposed to span 3.7 and 4.0 has now shifted full focus to the latter.

Firefox 4 - Tabs-on-Top - App Button

This week I have been working on a few things:

1) App Button

One of the more challenging, not to mention contentious, aspects of the Firefox UI update has been how to handle the MenuBar. On our first pass we were informed by how Safari and Chrome had handled this problem by paring down all menu items into two separate Page and Tools buttons. This approach has a few advantages but also some disadvantages. The new proposed approach to this problem is an App Button which is similar to the single menu approach taken by Windows 7 native applications (Paint, WordPad) and by MS Office.

The UX team feels this approach has several advantages over the previous idea:

  • It is less complex
  • Takes up less space
  • Instead of two potentially conflicting locations for menu items, there is now only one unified location
  • Can be placed in the upper left analogous to the Menubar paradigm it is replacing
  • Similar to the far more ubiquitous Office 2008/2010 + Windows 7 application menu
  • Reduces clutter on the Navigation Toolbar
  • It also creates a more flexible and rich canvas for perhaps doing some decidedly non-menu-esque things

Appearance and Placement

Windows 7 and Office 2010 App Button

One of the benefits of the App Button is that it is similar to the way Microsoft is treating its native apps and Office. Another benefit is that the placement is closer to where the Menubar would be and therefore it is more familiar.

One idea that we have already explored with the Pages and Tools buttons is to use text on the button instead of an icon. This is also reminiscent of the Menubar’s textual display and removes any ambiguity involved with icons. This approach is also explored in the most recent Office 2010 beta with the tab simply being labeled “File”. We discussed naming our App Button simply “Firefox” because it contains all the actions that apply to Firefox.

Attaching the button to the top of the window further implies that this menu affects Firefox as a whole.

Status of the Titlebar

In all the mockups up to this point the Titlebar has been removed and the space reallocated for portions of the tabs. Enough room was left for traditional window dragging. The rational behind this change was to further shrink vertical space and to address the redundancy of having the page title in the Titlebar and the tab.

In the original approach you would lose approximately the width of one tab (or less!) due to the window widgets. This was before talk of placing an App Button or an Identity button in this area. As it stands now you would be losing much more. It seems the vertical space tradeoff doesn’t stack up quite as well when losing so much horizontal tab space.

It would be better to leave the Titlebar, giving full access to it and not losing any tab space. It also won’t be frustrating for someone wanting to drag the window.

State of the Menu

What will this single menu look like? Something like the sketch I posted previously but not exactly. Ideas on this are welcome. Thoughts about what should and should no go into this menu can be based on work already done for menu cleanup.

2) Refining Toolbar Button Appearance:

Some initial work has gone into making the toolbar buttons more visible on light backgrounds and more crisp and dimensional (pressable).

This is work I am constantly reevaluating since they appear on variable backgrounds.

3) Location Bar:

Created some very early visuals for reevaluating site identity. Also the location bar is now properly recessed instead of floating.

4) Retain Separate Search Bar:

With the LocationBar containing an increasing amount of functionality it may be best to retain a clear distinction between the two fields.

5) Bookmarks Widget:

On a default profile or existing profile that hasn’t modified the Bookmarks Toolbar it will be hidden by default and the Bookmarks Widget placed in the Navigation Toolbar.

If the Bookmarks Toolbar is shown the Bookmarks Widget will appear there instead.

Alternatives to Default Configurations

With Bookmarks Bar

Firefox 4 - Tabs-on-Top - App Button - w/Bookmarks Bar

 

Tabs Under the Navigation Bar

If tabs-on-top is not desirable you can change to the classic tabs under the navigation bar.

Firefox 4 - Tabs-Under-NavBar - App Button

 

Tabs Under the Navigation Bar with Bookmarks Bar

Firefox 4 - Tabs-Under-NavBar - App Button - w/Bookmarks Bar

 

App Button Variations

Several variations of the App Button have been explored. Various factors of consideration include what color to make it, whether or not to have an icon, just an icon, icon and text, part of the tab bar, a separate button or attached to the top of the window.

Presently it is orange and attached to the top of the menu simply labeled “Firefox”. The color plays off of the Firefox icon and is noticeable. The placement attaches the button to the top of the window and suggests that its items apply to the whole menu. It also corresponds to the area of the window where someone would look for the menu bar. Using text only is reminiscent of a menu item.

Firefox 4 - App Button - Variations

 

Firefox 4 and Firefox 3.5 Comparison

A visual comparison of the current iteration of Firefox 4 next to Firefox 3.5

Firefox 4 and Firefox 3.5 Visual Comparison

 

Tags:

This entry was posted on Monday, December 21st, 2009 at 1:10 am and is filed under Firefox. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

282 Responses to “Windows Theme/UI Update”

|
  1. CAFxX says:

    Why not (at least allowing) placing the tab stripe (or the navigation bar) right beside the orange “Firefox” button? This would help on small screens…
    I’ve been struggling to gain some screen space on my netbook… http://www.strayorange.com/blog/190-netbook-browsing-tips-for-firefox

  2. Kawazoe says:

    I love those mockups! They really modernize the browser and it feel more like a native Windows 7 app. On that idea, I think that the ones with the Firefox button under the title bar is more appropriate since, after all, it is the way Office 2010 and Windows 7 native apps are designed, thus being more familiar.

  3. Pino says:

    Cool. I considered the previous mockups quite a disappointment, because they looked like shameless copies of Chrome/IE to me (and many others). This actually looks very promising. Removing the search bar for example was not really useful, since most users have enough horizontal space. Also the app button is quite clever.
    Just makes me wonder why the website title is no longer mentioned in the top? It might look a bit weird with the tab being right beneath it, but it is quite useful when sites have a longer title.

  4. zac spitzer says:

    limiting the visible title text to being so short would be an epic fail

    A lot of information can be conveyed in a decent title, just because it looks
    nicer, doesn’t make it more useable.

    the full title needs to be fully visible

  5. Stephen says:

    @Kawazoe: It’s true that under the titlebar would technically be more inline with Windows 7 apps (and Office 2010). It does create some problems for us though because it could be confusing since it is a tab like item on the tab strip that isn’t actually a tab :) It also would take space away from tabs.

  6. Mike says:

    Some good changes, but what makes me bothered by Firefox and similar projects is that making it easier to use for non-geeks always seems to make it harder to use for geeks, because too much gets taken away.

    This I do not care for.

  7. Plymouth says:

    Zac is right in that the title text should stay. Please consider functionality and familiarity above looks.

    Why did you move the bookmark start to the left? We’ve gotten so use to it on the right. It is very hard to see what actual advantages this change has that overweigh the inconvenience of re-training oneself to look for this element where something completely different used to be. The left edge of the address bar is the site icon’s place. I do use that: I drag it to different places. It doesn’t work the same way as dragging tabs, nor should it. Tabs can be torn off or re-shuffled. The site icon represents a bookmark to the site.

    With all this copying of Chrome’s looks, it would seem more useful to copy some of the functionality that actually does make a difference: for example, the tab closing behaviour. When closing a tab in Chrome, the next tab to the right smoothly slides into its place, without the width of the tabs being changed. This way the close button of the next tab will be right under the mouse pointer, so it can be closed simply with a click, without the need to aim the mouse pointer again. The tabs are resized (re-fitted into the available space) only after the mouse has been moved away.

    I am not sure what exactly motivated you to copy Chrome so closely. I for once don’t care much about actual looks—it is the functionality and usability that are important. And apart from the points I mentioned above, the redesign does look great to me. I just wanted to say, please don’t assume that Chrome is successful. It is not. It is a new browser, used by very, very few people, so it can afford to make big changes. Firefox, on the other hand, is a hugely successful browser. It’s actually the choice of the majority in many places. Many conservative people use it. If Chrome makes a sweeping change, perhaps that one or two percent who uses it abandons it, but there will come another one or two percent who prefers that change. Firefox, with its much larger market share cannot afford to experiment like that. It has to keep its existing uses happy. (Oh, and another note: I think that many people who abandon Firefox for Chrome do so primarily for its *startup* speed, not for anything else.)

  8. Nimalan says:

    Is there still a plan for combining the go button with stop and reload as per the current/previous conversations on theme changes?

  9. k3m3 says:

    I love it! Excellent work. Why not use both orange and blue for the App button?

  10. Nimalan says:

    Er, also, how would this fall in line with work already being done on updating notification UI?

  11. Josh says:

    These mock-ups are brilliant, but I’m worried about the App button. It just seems too thin. It’s not touch friendly on touch screens.

  12. Kyderdog says:

    How about tabs on the bottom of the Window? I would really clean up the menubar area.

    Why does Firefox have to look like chrome?

  13. Woody says:

    Firefox should be careful not to just chase google too much too though, chrome is chrome, firefox shouldn’t try to play catchup they should stay innovative.

  14. Richard says:

    This does look absolutely fantastic, can’t wait to try it out!

    I have an idea/suggestion regarding the ‘App button’ (which is a great idea, by the way). Taking inspiration from the way you have a tiny ‘home’ tab at the beginning of the tab list, how about a similar one for the ‘menu’? Maybe a cog icon to indicate settings. Then you can do away with menus entirely and just have a tab devoted to settings and configuration and tools. That way you can get rid of the title bar completely and just have the tab bar! And that means you can make a really nice interface completely out of HTML and get rid of all the dialog boxes.

  15. Jakob says:

    As long as we still have an option to use a menu bar instead of an app button i’m fine. I really dont see the point of removing the menu bar for something that is less friendly to advanced users.

  16. Vinish says:

    One word for it Brilliant

  17. What are the specific reasons for the decision to not save as much space as Chrome does (by not creating an extra vertical element just for the menu)?

  18. Roland Kaufmann says:

    What happens when running in full-screen/kiosk mode? Or with tiling window managers on other platforms? Would the menubar be lost then? Or, on Windows, if someone has reduced the font size of the titlebar (to gain space)? Why not instead make it the left-most button on the same line as the address bar?

  19. Alex says:

    I have to agree with #1 — at least give us an option to move up the tabs into the titlebar. For example, in the penultimate image, the second style looks promising.

  20. [...] theme update for version 4.0 news. Apparently, I am banned from that site for being a [...]

  21. I think it’s better to have bookmark star on the right side of awesomebar. On images I don’t see RSS icon. Will be on the right side like in Firefox 3.x? I hope I will see title of page on title of window. On the tab there is not enough space for title.

  22. blubb says:

    i prefer the tabs under the navigation bar, with the app button i would use the 2. version with just the icon, where i would make at least make the icon itself a little bit bigger.. (this would also make it a lot user friendlier for users with a touch screen)
    the navigation bar could be moved to where the tabs are in the 2. app button screen

    the title of the window could still be displayed in the thin space between the navbar and the top border of the window (i don’t really care if there is a title or not, but some user do like it a lot :D or you could make an oprion to enable/disablethe title)

    and last, what did you do to the reload button…. let it stay where it was in the earlier mockups, at the end of the navbar!!!

    best option would be to make the interface complete customizable (options to choose where to place any item where the user wants it)

  23. Breakable says:

    I myself don’t actually like the modernization of UI to hide the menu under yet another layer, and each of the modernizations in FF UI in my opinion was a step backwards, such as hiding the tabs that don’t fit in one line.
    I wish there was a way for us old-timers (im 27) to choose the classic interface FF1/2/3 during the installation, so there was no need to tweak all those settings by hand.

  24. Yue says:

    what you can also do is to make like the quick access toolbar alongside the app tab
    for example history,tools and stuff so it’s quicker.
    good job, keep going, mozilla spends a lot of efforts, that’s what microsoft should be like
    good luck!

  25. Omega X says:

    The buttons remind me of that old MSN Browser look. And it seems that the old Stop/Reload red/blue/green endcap button was abandoned. Too bad, it had so much style.

  26. Yue says:

    what you can also do is to make like the quick access toolbar alongside the app tab
    for example history,tools and stuff so it’s quicker.
    or if without the quick access, combine the app tab with the tabs bar so it takes less space.
    you should also combine the refresh,go, and stop button into a all in one button into the location bar, so it’s more clean
    good job, keep going, mozilla spends a lot of efforts, that’s what microsoft should be like
    good luck!
    hope for an early beta with UI, so we can feedback

  27. Paul Tarjan says:

    Looks great. I honestly wouldn’t waste the whole top row with nothingness. If you can minimize the height of the mandatory chrome at the top, I would be very happy.

    I love firefox’s plugins but I prefer the size of chrome’s wasted space at the top and bottom of the window. I’m in full-screen most of the day, and want to use every bit of it.

  28. Mr.Henky says:

    App Tab, a.k.a. Prism integration, and profile manager button in titlebar were also removed?

  29. Mike McNally says:

    Whatever you do, spend time running the application on a netbook with a 600 pixel high screen. With FF3.5, it’s possible to condense the menu overhead down to just one “bar” when single-tab browsing. Doesn’t seem like a big deal, but when you’ve only got 600 pixels to work with those extra 20 or so make a difference.

    A change to the interface that steals more vertical pixels (that can’t be gotten back via some customization) would be a serious regression for users of little screens.

  30. Why separate the search bar and location bar, I understand that it’s to avoid confusion but a lot of users now a days just search for web sites to find them instead of typing “http://example.com”.

    Plus it eliminates a step required for getting where you need to go.

    I think it makes more sense to have the location bar as the one bar for everything, it makes it more like your personal chauffeur for the web, and it’ll make it look smarter than other browsers when merged with TaskFox/Ubiquity.

  31. meh says:

    looks totally crap, why copy chrome ? the default(ff 3.0) theme is good enough.

  32. Mr.Henky says:

    Where are App Tab and Me button?

  33. [...] from:  Windows Theme/UI Update « Chromatic Pixel By admin | category: Firefox | tags: been-how, behind-the-seen, chrome, engine, Firefox, [...]

  34. Graham says:

    Maybe I’m misunderstanding it, but the App Button reminds me a lot of the absolutely horrible ribbon bar that Office now has. Really hoping that I’m wrong there…

  35. Peter Lairo says:

    Please put the full title in the title bar. Not being able to read the full titles would be a major loss. Since your (thankfully) keeping the title bar for dragging the wind anyhow,this should be easy.

    Please don’t put the tabs above the controls. Keep them immediately above the web page. Let’s not pretend that each tab is a separate application with its own controls. Even is that is ever possible, it’s such a minor issue compared to tabs belonging to the page content. There’s a reason Google Chrome and Opera have such low market shares. For me, it’s the ill-placed tabs on top that turn me off.

    The tabs don’t have close buttons?

    The mock-up titled “Tabs Under the Navigation Bar with Bookmarks Bar” is by far the best option for a default view.

    Netbooks have just begun to have higher vertical resolutions (768px and more), so please don’t go overboard with saving vertical space at all cost and at the expense of usability.

    The bookmarks button takes up space on my “personal” toolbar. The bookmarks button should be next to the reload button. Or make it icon-only (no text) to save space.

    The Hope button looks very out of place on the far right of the personal toolbar. Perhaps put it next to the App Button.

    Making the “glassiness” of the personal toolbar visually associated with the tabs and content instead of with the controls or no association at all was possibly not the better choice.

    Thank you for keeping the search box separate!

    Otherwise, the mock-ups look pretty good.

    I think it would suffice to basically make everything “glassy”, remove the menu items (still accessible via ALT), and add the App Button. All else should stay the way it is now.

    Thank you for your time.

  36. Peter Lairo says:

    When submitting a comment here, there is no feedback that the comment was successfully submitted and is awaiting moderation. My comment didn’t appear, so I can only assume it is either awaiting moderation, or it went into nirvana. Not a good ambiguity to be left with…

  37. I hate the “App Button” concept. It’s the GUI equivalent of sweeping the dust below the carpet so we don’t have to care about it. It means breaking a long established standard (even the MS-DOS editor had a menu bar on top) to gain a couple of uncertain benefits. And having two separate buttons as Google Chrome would just make it worse; not only everything’s one click further than it used to be but I have to stop and think before starting clicking: “Is the error console a page or a browser feature?”.

    On the contrary, the eye candy is really superb; at least under your Windows colour scheme ;-)

  38. daShizzle says:

    No,

    No program bar, no status bar, no bars at all other than the tabs and address bar, its a waste of precious space that could otherwise be dedicated to the web page I’m viewing.

    For the next Firefox, think Google Chrome. The apps can appear alongside the tabs on whichever side you like.

    Please, don’t do this.

  39. Kurt (supernova_00) says:

    In the “App Button Variations” starting from top left as #1, I like mockups 1 and 4 but I think the orange should only be shown on hover because it will distract the eyes being orange all the time. By the way, I will be one of the users that will use tabs on the bottom. Too much moving of the mouse to move above the address bar just to change tabs.

  40. Christ says:

    I actually liked better the previous Page and Tools buttons, I found them simpler and I find the new App button pretty strange and the new Toolbar buttons aren’t the best, I liked the “flat”, less shiny ones better. And I also hope that the Stop/Go/Reload button isn’t gone, because I think that’s a really good and creative idea.

  41. Casey says:

    Looking at the app button placement, I like the last option best where the app button is next to the tab bar, clearly labeled with text, and doesn’t look like a tab. I think that’s the best solution as it’s compact, clearly marked and visible, and it also isn’t somewhere where it may be confused as the little icon on the title bar that has the “window” commands. (E.g. restore, minimize, etc.) Also, as someone who uses FF on, currently, Windows XP Pro and Linux, I’d rather have a consistent UI across all platforms vs. something that looks “Windows 7-ey.”

    Outside of that, my only other concern was tab location, but it appears that I can still have them below the URL bar.

  42. gxg says:

    I prefer the first one, text only, without the Firefox icon.
    Seems the most natural or all.
    And with tabs on top.

  43. Tidus says:

    I like this a lot. Hopefully the stop/reload buttons won’t be the same button. That is an epic fail outright.

  44. hypest says:

    this is a screenshot of my FF, back in March 2007 (13 of March 2007 to be exact) http://img704.imageshack.us/img704/1599/89192982.jpg

    It’s FF+LittleFox+StopOrReloadButton+TinyMenu+TabMixPlus…

    So, I certainly welcome such changes in the UI… Chrome and Opera have caught up already…

  45. smeltn says:

    I would LOVE to know what font they are using in that first mockup screenshot? It looks awesome, so sharp and clear.

    Anyone know what font that is so I can force my firefox to use it?

  46. Dan says:

    With tabs-on-top, will they be Fitt’s-law-friendly?

  47. 6205 says:

    App Button Variations – IMHO top right concept is the best, but i have tweaked it a bit :)

    http://tinypic.com/view.php?pic=n351e8&s=6

  48. Barry Kelly says:

    I sure hope the deleted menu bar is retrievable with an option setting. The Vista-oriented style of hiding the menu bar is deeply anti-user, IMO – it makes searching for functionality in a UI really hard. Chrome’s lack of a menu bar, and in particular a bookmarks menu, is one of the primary reasons I don’t use it.

  49. Caschys Blog says:

    Firefox 4.0: neue Ideen fürs Theme…

    In der Vergangenheit habe ich ja mal ab und an über die Neuerungen aus dem Mozilla-Wiki berichtet, wenn es um die Ideen für das Aussehen von Firefox 4.0 ging. Heute gab es dann im MozillaZine einen Link auf den Beitrag von Stephen Horlander (…

  50. NLCLSL says:

    Hi.

    Just one suggestion: Don’t push the user too much! Let the user choose, how his Firefox should look like! Such things like the option “Tabs Under the Navigation Bar with Bookmarks Bar” are very important for me! If you let decide me, so that I can have the Tabs under the Navigation Bar and I can have a Bookmarks Bar, I will become very happy with FF 4.0!

  51. stardust says:

    dudes this is the next FF i want to see!

    GO FOR THIS!

    regarding the comparison 4 vs. 3.5: bloody hell – FF4 saves half the vertical space…

  52. jgm340 says:

    Hey, I have a space-saving idea: why don’t you make “expanding” tabs to replace the address bar?

    Basically, allow the current tab (the tab you are looking at) to be stretched out horizontally into what is essentially an address bar. If you want to type a new address, just go up to the tab, mouse over it (at which point the tab will expand into a full address bar), click on it, and type. You could do this for any tab: just mouse across the tabs, and they expand into address bars. So long as you haven’t clicked inside an address bar, you could just mouse through the tabs and see their full addresses (which is easier than with current tabbed browsers).

  53. sigzero says:

    S-P-E-E-D

    That is what we want!

  54. Uwe says:

    Trying to copy ideas from Microsoft Office _and_ Google Chrome must leat to a big fail.

  55. Michael says:

    Can you make the bookmarks in Firefox 4.0 like they are in IE8?

    What I mean is in IE8 when you click on the Favorites button in IE8 it allows you to use the scroll wheel to look at your Favorites. You can also click on a arrow next to the link to open the bookmark in a new window!

    I think this works and looks nicer then the way the current Firefox and even Chrome have it.

    IE8 Favorites list looks more modern.

    I really want this in Firefox!

  56. [...] habe ich im MozillaZine einen Link auf den Beitrag von Stephen Horlander (UI-Designer) gefunden. Der hat sich mal Gedanken gemacht und ich muss sagen: WOW, einfach Spitze. [...]

  57. Brian says:

    This is great stuff!

    I’d like to see a vertical tab bar in the design. It was a central part of many of the designs submitted in the Labs tab design challenge.

  58. TheTechFan says:

    Looks Very Nice. I’m disappointed in the decision to separate the Awesome Bar and the search bar, though. It adds clutter and duplicates functionality. Otherwise, great. I really like the “Firefox” menu. What happened to the combined “stop/go/refresh” button?

  59. Stephen says:

    @CAFxX: This is something I would like to allow but not by default. Ideally the “Firefox” button would be able to be moved around during customization. Similarly in fullscreen mode it would move next to the tabstrip because we want the tabs to touch the top of the screen.

    @Pino: Whether to actually display the Title is up for debate. There is some cool location bar stuff going on that might make it unnecessary as well as more redundant.

    @Mike: Making things harder to use for anyone is understandably not a goal :) However any UI change is going to create some issues. The guiding principals used here are that anything directly exposed in the default UI doesn’t necessarily need a menu item and many of the menu items don’t make sense. Ideally we can expose everything in the UI in such a way that the menu isn’t needed much and then carefully select what does go into the menu so that we only need one.

    If someone truly doesn’t like the App Menu, the option to turn the MenuBar on is still there. Hopefully in the end it is a net win for the majority of Firefox’s varied user base.

    @Plymouth: Chromes tab closing behavior is very nice. We are looking into ways to do something similar and also including meaningful animations in various areas. The rational for most of these changes is elaborated on in the Wiki I linked to. Copying Chrome isn’t a goal but we are not going to shy away from doing something just because it isn’t entirely original.

    @Philipp Lenssen: Originally we thought to push into the titlebar and save some space. However if you leave enough space for window dragging to not feel awkward you really aren’t saving much space at all and you are also losing a lot of horizontal space. It doesn’t feel like a worthwhile trade.

    @Omega X: It wasn’t abandoned. I just have a lot of mockups with items in various locations :)

    @Mr.Henky: No, it just doesn’t appear in those mockups.

    @Huge Isaacs II: This is a hotly debated topic. The two fields do have seemingly convergent purposes yet a lot of stuff is starting to be stuffed into the Location(Awesome)Bar. The LocationBar is more and more becoming the field for searching your personal History and Bookmarks (and tabs!) while the Web SearchBar is for searching the web. I am still not sure how this will play out.

    @Peter Lairo: All new commenters go into the approval queue to avoid spam. I don’t see a default option to notify people of this. Maybe there is a plugin.

    @Alvaro G. Vicario: “Sweeping the dust below the carpet” is exactly what the MenuBar already is. Hiding all the secondary and tertiary elements of the program away to hide the complexity. Condensing all that into a single smarter location is the same thing only a different approach. It is also the way Windows programs are going.

    One positive about this is that it forces us to think about what we add and how to add it. Instead of adding a new feature and then burying the control in a menu somewhere you have to think careful about how to expose the feature and where to add it. It should ultimately make for more thoughtful development.

    @smeltn: Segoe UI is the Windows Vista/7 default UI font.

    @Dan: Yes.

    @6205: I definitely like it better flush left. Nice work :)

    @Brian: There is still work being put into a sidebar tabs option. It likely won’t be the default though.

  60. Alice0775 says:

    It is a very good idea to divide a location bar and a search bar.
    It may be said that it is a good news for a user of the CJK language zone.

    And also you cannot search “DOS/V”(exclude quotation) as the search words with the present location bar directly input.
    It may be said that the location bar is not suitable for a Web search from this.

  61. NLCLSL says:

    It’s so easy to satisfy the needs of every user: Give us options to customize FF the way we like it. Customizability is the keyword. What I read here let me hope that FF 4.0 will give me these options.

  62. bb10 says:

    “@Brian: There is still work being put into a sidebar tabs option. It likely won’t be the default though.”

    Good to hear that. :)

  63. Just let the option for users choice. Classic (3.5) or the new menu (4.0).

  64. Michael says:

    Please add “Paste And Go” to Firefox 4.0!

  65. RyanVM says:

    Kind of funny that you’d post this today when screenshots of Opera 10.5 also came out showing them seemingly doing the same thing with the app button.

  66. heh says:

    @Peter Lairo

    “There’s a reason Google Chrome and Opera have such low market shares. For me, it’s the ill-placed tabs on top that turn me off.”

    That’s laughable. Because YOU don’t like it, no one else does either?

    Then why is Chrome growing so quickly, eh?

  67. hummmer says:

    @RyanVM

    The Opera leak was yesterday…

  68. David Naylor says:

    I feel kind of divided over these new mock-ups.

    Part of me can’t help feeling they’re a step back from the previous lot. The other part of me thinks that the original mock-ups changed a bit too much in one go for granny-users to cope with.

    Keeping search and location bar separate is perhaps a good thing, to keep search nicely discoverable. (There are a *lot* of users out there who A: haven’t switched to Firefox yet and B: haven’t discovered the search bar.)

    When it comes to the top of the window, I have a suggestion (inspired by how Chrome does things):

    When the window is *not* maximized, use your suggested layout, but use icon + text in the App button:
    http://www.stephenhorlander.com/images/blog-posts/windows-theme-i03-app-button/Fx-4.0-Mockup-Win7-i03-AppButton-ToT-BookmarkBar.png

    When the window *is* maximized, move the tabs up in-between the widgets and the Firefox button, but shrink the App button to show icon only, thus saving space for tabs. (No “window dragging space” is needed when maximized, since dragging can’t be done.)

  69. Peter Kasting says:

    Stephen, w.r.t. an identity button and the full-height titlebar, one idea you guys should try mocking is the previous lowered-height titlebar with an identity entity on the far right side on the main toolbar that extends upward into the empty space below the caption buttons and to the right of the last tab.

    I also urge you to try very hard to combine the search and address bars. In Google Chrome we have found the combination to be one of our stickiest, most well-liked features, for people with all ranges of ability.

  70. Dakota says:

    As Michael said in a few comments above me, FF should have the paste and go but except it should be “Paste & Search” (or something like that) for regular text, and then possibly “Paste & Go” for URL’s. Sort of just have FF recognize the difference between URL’s and regular text.

  71. Omega X says:

    Abandoning a refresh for 3.7 is not wise IMO. Firefox looked outdated yesterday. Atleast transform the widgets, buttons and tabs. Bigger adjustments can come later.

  72. doob says:

    don’t spend so much time, make the tabs like chrome. the people will like it because it’s efficient. Plymouth said that a lot of People could be irritated, but he forgot the change between ie6 and ie7/8 or ms office with its new ribbon interface. that was a much bigger step than your actual ideas and it worked.

  73. [...] Visual Designer at Mozilla has posted some updated UI concepts for the upcoming Firefox 4.0 on his blog. This isn’t the first time that we’ve seen concept screenshots from Mozilla for Firefox 4.0. [...]

  74. David Regev says:

    Stephen, I love the general direction.

    I’m not sure I like the new glossy look for the buttons. I think I liked your original mock-ups (specifically the first one), where the buttons looked a bit more tactile . But this is a minor quibble anyway.

    I am more bothered by all the space now devoted to the titlebar for the sole purpose of dragging the window. Have there been any studies on how often people drag windows (in general, and the Firefox window in particular)? If someone knows of any, please let me know. I, for one, almost never drag my Firefox window. I suspect this is a common behaviour, but a real study is required to know for sure. Such an issue should be discussed before making such a vertical-space–consuming change. Personally, I’m not sure if the titlebar is necessary at all. Instead, any part of the chrome that is not normally draggable could be made to drag the entire window. Additionally, some space could be left somewhere (such as to the left of the Minimize button) for guaranteed window dragging. However, in the more likely scenario where the titlebar remains, I think it should be made smaller. I rather like how Chrome does it, where the relative heights of the top bars are determined by the golden ratio. It has a nice æsthetic appeal to it.

    I love the idea of attaching the App button to the edges of the window. I hope that aspect doesn’t go away in future iterations. I would go even further: attach the button to the entire corner of the window. (Microsoft should have done the same for the Close button.) I also like the idea of making it evocative of the Firefox icon. As k3m3 pointed out, you can make the text blue, perhaps with some sort of gradient, so that the colour palette of the entire button would look even more like the Firefox icon.

    That said, I think the App button is way too small. A lot of functionality is going to be added to that one button—the whole menu bar (more or less). As such, that button will be accessed quite a lot, possibly almost as frequently as the Back button. Making it that thin will end up consuming a lot of time for many users. If, on the other hand, the button stretched down to the left of the Home tab (somewhat similar to the Office 2007 Orb), it would be much easier to hit. I’m not sure how the textuality of the button could be kept in that redesign, but I can already think of several possibilities.

    Speaking of the App button’s functionality, I have been thinking a lot about the direction of putting so much into that one menu. I like the idea of having all functionality neatly in one place. Theoretically, that should save time. But I fear that it could be a tad confusing, since commands relating to the active tab—rather than to the entire window or to Firefox as a whole—would still be placed there. More importantly, I’m not sure it’s possible to fit everything in just one menu. Consider the scenario if all active-tab–specific functionality were placed in the Identity button’s menu. Not only would each menu be less cluttered, the entire Page Info dialogue could be moved into the Identity menu (in some sort of progressive disclosure manner). Thus, instead of having a separate dialogue/window for all that information, it could be place one click away—together with all the relevant actions. On top of that, the two menus would be more logically organized. Something to think about.

    Placing the Bookmarks button to the left of the Bookmarks Toolbar seems “wrong”, since it’s all the way on the opposite side of the window when the toolbar is not displayed. If, on the other hand, the button were placed at the right side, a nice animation could show the button move down into the toolbar when toolbar is activated. It would feel more “right”.

    For those complaining about the lack of space for displaying the page title, some simple CSS can make the active tab larger, making it easier to read more of the title. Moreover, webmasters will have an incentive to make their page titles more usable by placing the most relevant information at the beginning of the title. So, in the long run, I don’t think decreasing the amount of space allocated to page titles is a problem.

    As for Chrome’s brilliant tab-closing behaviour, in case anyone is interested, the relevant bug is 465086.

    Thanks.

  75. Cato says:

    I want the 3-in-1 button back (stop, refresh and go) and the united search and location bar. :(

    But aside from that it looks awesome. Can’t wait for the final product. :)

  76. [...] According to Horlander, the expected Firefox facelift is now solely expected in Firefox 4, and not gradually through Firefox 3.7 and Firefox 4.0. [...]

  77. steveg says:

    The App/logo button was a complete usability failure for Office 2007 (note the change back in the Office2010 beta resulted in a major usability boost).

    Don’t repeat the mistake by assuming the most important thing in Firefox is “Firefox”. Thingking that way is complete hubris. You’re walking the same path Microsoft took by assuming branding was more important than functionality.

    Most users aren’t using Firefox, they’re using a browser. Make the title of that button relevant to the *browsing* experience, not the *brand*.

  78. [...] his personal blog Chromatic Pixel, Mozilla contributor Stephen Horlander has shared some more iterations of the Windows version. [...]

  79. DigDug says:

    I like the idea of making this button more like Office’s, and adding a real “backstage view” for Firefox instead of just adding menus too. There’s been plenty of discussions about moving history browsing and addons/settings management into the content area. It would seem like a pretty natural extension.

    Perhaps that taking to much from Office, but I’ve played with using a variant of a hidden ribbon UI in Firefox before using the tools that Mozilla currently has (hidechrome + titlebar elements + etc), and I actually thought it worked pretty well for a browser UI (i.e. its not an interface that works exclusively for editors in my opinion). The whole project just involved to much. Rewriting places views. Writing new XBL widgets to resize ribbons correctly. Never got around to finishing.

  80. [...] más info, en el blog de Stephen Horlander Comparte / Envialo [...]

  81. RPic says:

    I really, REALLY hope you guys go back to the search-and-addressbar-in-one concept with the three-in-one button you guys had at the beginning.

    It’s so functional, saves a ton of space, and simply looks better. I don’t think “one bar does too much” is a fair rationale for not doing it. Since when has simplicity (one bar to do all your browser needs) been a bad thing?

  82. Somy says:

    Looks great! I only wonder why you want a classic drop down menu.

    I’d prefer something else: A menu sliding out from the side covering the whole upper portion of the window with very much everything right there, similar to the “Home” panels in MS Office.

  83. Tihiy says:

    Houston, there is a problem: app button won’t be available in maximized window state (since it eats -4px of frame).

  84. [...] mock-ups (for the Windows version), shared by Mozilla contributor Stephen Horlander on his personal blog (via dsq). 1) Apps Button: One of the benefits of the App Button is that it is similar to the way [...]

  85. Caique R. says:

    I prefer the awesome bar and search bar to be merged – I always search with the awesome bar. Also, it takes some precious space from awesome bar. I think the merge should be optional.
    The App Button is great. I would like it being customizable, as it would surely have things that I never use. Perhaps giving acess to a few ‘pinned features / options’.

  86. Erik says:

    Awesome! That Firefox-menubar should be standard on all windows apps.
    The alternative with the menu to the very left in the tab-area is also nice and saves some vertical space because you can have the tabs in the actual titlebar.

  87. CAFxX says:

    @Stephen: then probably you should also consider adding telemetry support for this options, so that you can get a good picture of what the users are doing with the layout of the chrome.

  88. marf41 says:

    This may has been already said, but (for me) orange button this big could be too distracting. IMO, icon alone is enough.
    Looks good, nonetheless.

  89. brian says:

    the app button looks like the opera 10.5 pre-alpha

  90. Jeroen says:

    What I also find very interesting in these mock-ups is the return of the hidden scheme. No more http:// and https:// in front of the path/url.

    As nightly tester I can recall this has been tried in the past (prior to the Fx 3.0 release), but there was much fuzz about it. Why do you think this time it will succeed?

    Any other, loving the mock-ups so far!

  91. Steve says:

    I really really hope to see the tabs in title bar like it is in chrome, since the title bar have a lot of unused space in it and since Firefox displayes the page name in title bar and on the tabs, this information is doubled, which makes the title bar far more useless.

  92. Josh says:

    If reading left to right, top to bottom, I like the 4th mockup the best. It allows for the full title of the page and doesn’t shift over the tabs. This picture I’m referring to is the 6th picture down in the post.

  93. Taranfx says:

    Well, you can get this theme directly on your Firefox today. Try this http://www.taranfx.com/firefox-4-theme-transform

  94. Peter Lairo says:

    So with tabs-on-top, when the user adds buttons (e.g., Print) or adds bookmarks to the personal toolbar, will those changes apply to only that tab or to all tabs? So changing tabs changes the web page but not the UI? Having all the browser-specific UI inside an individual tab just seems wrong. Tabs on top seems wrong.

    Having the web page#s title only in the (short) tab is insufficient. Many web pages (justifiably) have long tile names (e.g., product names in online stores). Putting the title in the URL bar will just clutter it even more and I have yet to see even a preliminary and bad proposal. The title should be in the window’s tile bar.

  95. Ferdinand says:

    I don’t like you keeping the title bar. My current location bar is so big that the full URL could fit in it 3x times. That is a lot of wasted room. Also having the tabs on the top of the window makes them much easier to select when maximized. Please think about vertical space in netbooks and the extra horizontal space that all modern monitors have. A 24inch monitor is now so cheap that it is becoming the default.

  96. Nathan says:

    I am seriously wondering, what kind of user review is being/will be done regarding these proposed changes?

    Will it be tested and proven that these changes make the interface easier to use for the average Firefox user and ultimately more efficient in what they do?

    I hope these changes are not being made because a few individuals think they look cool or because “Microsoft did it”. That would result in nothing but an annoyance for actual users. Making it customizable and all is nice, but remember 99% of the users will never change from the defaults.

    My personal opinion is that it is a mistake to remove the menus by default, I use those constantly and don’t want to change. Also Microsoft’s Quick Access Toolbars on the titlebar was a quick hack because users had such problems finding those functions in MS’s ribbon interface. Just because Microsoft does something does not mean it is a good idea. :)

  97. OHHAI says:

    Safari and Chrome aren’t the only browsers that have put most of the Menu Bar options into buttons. IE7 was the first to do this. IE7 and IE8 displays the Menu Bar when a user hits the Alt key.

  98. Snap says:

    Wow, lot of comments ! I did not read all of them.
    1. I like tabs above all, including address bar
    2. If the address bar is merged with the search bar, it would be more complicated to switch between search engines, isn’t it ?
    3. The orange button-menu is good looking but I think this is misleading beginners. When they see “Bookmarks” or “History”, they may want to click on it, just to see. But “Firefox”, even with the arrow… I don’t think they will have the idea to look at the menu here.

  99. Hany Ethan says:

    Hate it, please remove the title bar again! vertical space is more important to many users.
    you want a suggestion ? look at the chrome OS app button, you have something like that, just place it before the home button, and you can even remove the “button feeling” from it, just have it like an Orb, it’s more recognized this way, specially if it contained cool animation or overlay when being interacted with. (KISS)

  100. Alex says:

    Tabs over url bar is crap.
    Please, set importance in usage for next elements

    1. Page title
    2. Page address
    3. Page content
    4. Navigation toolbar

    In my opinion
    1. 15% (page identification)
    2. 5% (not important thing)
    3. 75%
    4. 5% (tabs was kill all sense of back button)

    Why my eyes should every time move over absolutely unimportant url bar? Current FF theme is better twice than glamour and unusable interface a’la Booggle Chron. Today I move my eyes upper than tab panel very rarely. New interface force me jumping over more than 40 pixels of blind area. Very usable!

    Sorry for bad English.

  101. Awesome Dude of Awesomeness says:

    Breaking with common Windows UI rules is not a good idea. But that’s exactly what you’re doing with this new Firefox button. The Title bar doesn’t show any title but is wasted for a single Button instead. Instead of clearing the menu bar from unneeded functions, you take it out completely and hide it behind a new button — a concept which already failed big time in IE7+.

    Then, FF is going more and more into a “Tabs = Sub Programs” direction. There is less space for tabs than ever before, you got the home button (which is supposed to open the home page in the current tab, therefore it should be placed in an area where one would locate actions for the current tab.), the “new tab” button (how many users actually use this? I only know two kinds of users: The first one uses Shift+T to manage 5 or more web sites (read: experienced users), the other one is already disturbed when they open their Google search results in a new tab and, 5 minutes later, wonder why there are so many tabs opened).

    The next thing is: Blending in the Tab bar with the actual page is not a good idea. It will further confuse the average user.
    Oh, and a few other things..

    * The back button might be more important than the forward button. But that doesn’t mean it should have a completely different shape.
    * Reload/Cancel button. When you press the cancel button at the wrong time, you reload the page. Annoying.
    * Certificates. Seriously, wtf is that? They shouldn’t waste such a huge amount of address bar space. If any at all.
    * In Firefox 3.5, scrolling through the tab bar area has a nice effect, but it runs a bit too slow.

    One final REAL issue, for me: Clicking a tab, then navigating through them with the arrow keys. That was neat. But you removed that feature with Firefox 3. I still use Firefox 2 due to that.

  102. Anonymous says:

    Amazing. However, I think the orange “Firefox” menu is too overwhelming. As someone suggested, it should probably be orange only on hover, and maybe not even that orange.

    I think this theme is great, I really think it beats Chrome and other browsers, and I can’t wait until 4.0 comes out.

    I wonder what Firefox would be like with an entirely Ribbon interface? I think this would be interesting to explore.

  103. Anonymous says:

    Amazing. I really like it. However, I think the orange “Firefox” menu is too overwhelming. As someone suggested, it should probably be orange only on hover, and maybe not even that orange.

    I think this theme is great, I really think it beats Chrome and other browsers, and I can’t wait until 4.0 comes out.

    I wonder what Firefox would be like with an entirely Ribbon interface? I think this would be interesting to explore.

  104. Gary King says:

    This looks a great deal like Opera’s release 10.5. Why not due something original???

  105. [...] a blog post outlining the single-button approach, Horlander said the App Button would replace the idea of a [...]

  106. Ken Saunders says:

    As long as there will be customizations options and the option to use a classic theme (even if created by an external theme developer), I think that people will be happy.
    I haven’t chimed in yet through all of this because after seeing the initial mock-ups, I figured that a dramatic and perhaps radical change is inevitable so just roll with it and also because I’m holding onto the hope that I’ll be able to customize Fx to my needs and liking the way that I’ve always been able to.

    I won’t be using Windows forever, but when I do, I’ll have a default profile, and then the usual 8 others or so for testing etc, and for those I won’t bother with changing anything, I’ll use the default theme so with that being said.
    The menu and bookmarks toolbars are very important to me as is the title bar, and as they are for other power users I’m sure.
    I don’t think that the app button should use the Firefox logo. The Firefox logo represents a product. An app button’s icon should represent action. Try a gear or something more clever and unique, but not the logo. I doubt that most people even realize that there is a menu available right now through the Fx title bar logo.

    A home button I could care less about. I like the combined stop/reload button idea (and use the add-on).
    The newer buttons look great(!) and much better with their gradient and glassy look.
    I also like the idea of maintaining a separate search bar.

    All in all, you’re all doing awesome work and are wicked cool for sharing the process and accepting feedback even when it’s not the kindest or has any affect.

  107. [...] : Blog de Stephen Horlander Firefox, Opera Navigateurs [...]

  108. SilverWave says:

    I wonder how ” Tree Style Tab” will look with this change?

    Have you considered how wide screen monitors change the game?

  109. Eric Wright says:

    OMG< did the kids take over at Mozilla's labs?

    Computerworld said the original style menu would be restorable… Thank god!

    Enough of my software does not run in Vista/7 to justify hanging on to XP at least another few years… there is no approximation in any other applications on vista or 7.

    Besides that, Forcastbar Enhanced is more cluttered than the 3.5.x menu bar… leave it alone already…

    I use FF on a notebook of modest rating (1280×800 display)and have more than enough room for a weeks worth of weather updates on the right side of the menu bar.. So, how can you say the menu bar is cluttered?

    Don't chromify Firefox 4, that would be disastrous..

    They don't even have a fully featured browser and you want to copy them?

    I'd think the UI was tried and true… what about the more mature users who don't come in here to see what is going to be done to their trusted browser of choice? (some older folks, some busy people)

    Many of them use FF to browse or play java games, but do not read any technical websites to learn their fate… they are left to finding out when they are told they need to upgrade, only to find out they didn't want to upgrade..

    I do hope there is an election with clear descriptions of the 2 or more menu types so users can make the setup a no-brainer. (because a lot of users really don't know what they want if they can't see it in advance)

    Anyone else think their parents or grand parents are ready for a major change in Firefox's UI?

    I thought not…

    Thanks for listening everyone,
    Eric

  110. David says:

    Nice work. I applaud efforts to make the most of screen real estate – something that we have forgotten about as resolutions have gotten higher. Netbooks have reminded us how important it is. Which leads me to my point – the way applications (including Firefox) currently render in Ubuntu Netbook Remix might give some inspiration. The application is maximised, the taskbar compressed and the traditional title bar is eliminated and used for browser tabs. The OS and each open application are accessed from a single button. It’s a nice, clean usable look that would work well in any platform.

  111. Metal_Man88 says:

    While it is in good intent these changes are made, I for one do not want the menu bar to be destroyed just because some people wish to mimic Internet Explorer. The menu bar must remain usable in its proper place, or I shall simply refuse to upgrade entirely. Let those who want to live in a land without any proper controls visible to them do so; but don’t force it on those of us who have been using the line of browsers from Netscape to today to use what will, at the moment, be “Cool and New” when, in our perspective, these things ultimately become outdated and thrown away for the same setup which has just worked all this time.

    Moving all of the menu items into an ‘app’ button is a step backwards; making it require more than one click to get to the appropriate menu and slowing people down. As someone who has been using the Firefox/Netscape group of browsers for hours and hours on end, I can say with certainty that one of the reasons I DON’T use IE is how they destroyed their menu bar.

    When I use IE, I can’t find anything. It has all been hidden away, like this proposed change is making. Then it no longer becomes me using the browser, but the browser using me.

    Well, if that’s the way it is, then I’ll just live with Firefox 3.5 forever. :p

  112. Jonathan says:

    I really like your thoughts and your discussions on how to improve the Firefox UI. And the mockups are beautiful, much nicer than 3.x in my opinion! Keep up the good work! Some comments:

    * I like that you are thinking about just one menu, the Firefox menu, instead of two different, as in Chrome. I never remember which option is in which menu on Chrome
    * I like that you want to put the Firefox menu somewhere on top, to indicate that it is options for the whole app.
    * I think one of the best things in Chrome is that it has a single location and search bar. I would be happy if you reconsidered that option. :)

    Again, your mockups look great: combined clarity with ease of use and beauty. I would be happy if Firefox 4 is when I return from Chrome as my main browser.

  113. Scott says:

    I don’t see the “stop loading” button. I presume this means you intend to have the “reload” button change state dynamically.

    You need to have a way to force a reload when loading has stalled; in other words, if the button is in its “stop loading” state, how can a user force a reload?

    If the old way (two separate buttons) is at least an alternate configuration that’s up to user choice/needs, then that’s fine.

  114. lohith says:

    looks like firefox is into Go Green concept… lol

  115. Karl says:

    Id like to see an intuitive replacement of the address bar. Id like to see the address bar take up less space. ie a simple concept is to have a popup/expandable/fade in field show when I click the webpage title text on the tab, or the icon of the webpage on the tab to not interfere with tab dragging/switching. but this is probably not an in demand option. Still a really nice feature/option to include.

  116. Samuel says:

    I would like to see HTTPS websites highlight the whole of the URL bar like they used to, this would really make one feel safer. By far the most graceful experience is Safari’s which allows for the most screen space and has done away with all the complexity.. I have a FireFox extension which depends on the status bar at the bottom, but with that and tabs everything just gets cramped.

    More space and speed please.

  117. ssj4Gogeta says:

    Nice, but I have a few suggestions:

    a) If you’re going to have the app button above the tab bar (i.e., in the titlebar), you should have enough vertical space to also display the page title in the titlebar, like MS Office does.

    b) An option would be to display the page title and the app button in the titlebar when Firefox is not maximized. When the user maximizes the window, hide the titlebar completely and display the app button to the left of the tabs.

    c) Add a full-blown search results page for searching history, bookmarks, tags, etc. Basically an option to display the awesome bar search results in a full-blown page, with collapsible categories like tag results, etc. The awesome bar would still display drop-down search results, but when the user presses *modifier key*+enter, it would open the search results page. There can be a subtle tooltip to tell the user they can press that key combination for it.

    d) If you want to make the search box separate from the URL bar, you could add more features to it, like rich search suggestions, a nice UI for on-the-fly switching of search engines, directly searching images/maps, etc. like Ubiquity’s search functionality. All this would justify the extra space it would take.

    Hope you read this. Thanks :)

  118. Rek says:

    Hello! I would just want to give a suggestion:

    It would be cool if we have a unified bar for url and search. But the problem is familiarity, right?

    IMO, it will be more better if we can, at least put two buttons below the bar, like, the pic link:

    http://i49.tinypic.com/j0zm2r.jpg (copy and paste =D)

  119. rbwm says:

    Chrome has a place that allows you to always drag the window – just below the minimize/maximize/close buttons. I guess it’s not very discoverable though. The very first image in this post also has it (by “accident” I guess since there are just 4 tabs). The amount of space they left (ignoring this area) also feels good, more than enough (a little too much in my opinion).

    I see a lot of people complaining about the removal of the redundant “page title in the titlebar” thing. I hope they are aware you can mouse-over any tab to get a tooltip with the full page title. IMO it’s really not worth keeping (very annoying that you can’t easily customize the current Firefox to remove it).

    The status bar looks weird, too imposing. I guess auto-hide is in the radar, but even then the it looks visually off to me.

    The current location bar highlighting looks dangerous to me because the subdomain(s) are too highlighted, aiding the kinds of attack that it was supposed to relieve on the first place. Highlight just the main domain, don’t make anything else bold, specially not the subdomain.

    Other than that I mostly like it.

  120. Andrew says:

    Ultimately, you’re asking for a Windows design; thus it should follow a Windows standard (or what less technical Windows users expect to see). While a large portion of the computer-savvy userbase would like some nifty updates, the average person is going to expect a Windows-y experience. Since this is the market you have to appeal to to obtain a larger market share, well there you go… Leave the menu bar.

    Me personally… I would like all the functionality obtainable through the menubar just be on a webpage accessed by a particular tab.

  121. Olaf says:

    I don’t understand the motivation for all these changes. Screen sizes are getting larger and larger and there’s no incentive to save space anymore by hiding menu bars and address bars / search bars. In fact, the shameless mindless copying of IE and Chrome will cheapen Firefox as being a cheap knock-off and of not being able to come up with its own original ideas. The Firefox UI is fine as it is and even on Vista / Win7 with Aero it looks modern enough to please the most finicky Windows users.

    Most Windows users hate the Ribbon and the App Bar anyway. Why isn’t the UI team asking for opinions from its userbase instead of mindlessly copying everything Microsoft does? OpenOfice also had the bright idea of coming up with a Ribbon bar knock-off and they were lambasted for it by their users.

    Like some of the users here are pointing out, there are many small UI changes which could dramatically increase the UX (User Experience) such as tabs which move. I would propose that when a new tab starts the default page is loaded into it, a ‘blank’ page is useless.

    I’m still vexed that the Firefox team changed the behavior when you load multiple tabs (the previous versions would close all tabs before loading the new batch, the new one overwrites the current tab and then adds the rest) and never bothered asking the users if they liked this or not. Many users (including myself) complained about it on the Firefox forum but were ignored. For a ‘user-driven’ application the Firefox UX designers seem to do pretty much as they see fit, pretty much like the developers at Microsoft.

    My strong advice: make incremental changes to enhance usage and don’t be tempted to copy other browsers. Microsoft’s Ribbon looks good on paper (less keystrokes to perform an action) but fails in practice (i.e. unintuitive: I couldn’t figure out to print with the ribbon bar at first, after searching for half an hour I found out that the ‘globe’ hid a menu with printing in it).

  122. I like the second version in “variations”, because it saves one line so the page itself gets more space. But I would recommend leaving there the “Firefox” text also.

  123. JD says:

    Shininess is fine but I hope that burying the menus behind a button won’t mean that all of those functions (bookmarks, history, tools…) require an extra click and extra navigation to reach. Seems like direct access to those doesn’t have to take up a lot of space. (Not that a menu bar actually takes up that much space to begin with.) If you really want it off the top row, it could move to a vertical arrangement on the side. Since most screens these days are much wider than they are tall, space on the sides effectively costs less than at the top.

    Chrome isn’t spreading because of its UI, it’s spreading because it’s fast. Copying the Chrome UI isn’t going to make FF faster.

  124. Elmer says:

    I do not like this. I do not want any of this. I want my File – View menu bar exactly where I have had it since Netscape 1.2. I have dumped Windows Vista and Internet Explorer from my computer in favour of Linux and Firefox and do not intend ever to install Windows 7. Why would I want a browser that looks and functions in the same rotten way as an operating system I have rejected? File – View wasn’t broken – how dare you try to fix it. The day Firefox ships without an option to revert to File – View menus will be the day I get myself another browser. Am I making myself clear?

  125. Saurabh Thakur says:

    I’ll go for Tabs Under the Navigation Bar alternative.

  126. periferral says:

    what i’d really love to see is getting rid of the status bar entirely. The mockup suggests that the page loading status will be moved to the tabs. Currently a lot of plugins load icons there which could be moved to the bookmark toolbar. All we need is a solution for the links on mouseover. Maybe a solution similar to chrome.

  127. Dan says:

    @Olaf MOST users hate the ribbon? How do you figure this? A few loud complainers on forums? Just look at replies in this blog post, most are actually favorable on this design and there valid tweaks suggested. Just because a menubar plus toolbar worked for the last 15 years doesn’t mean there isn’t anything better, sure you might have to relearn or change habits if you took the extensive time and effort to get acquaintted with the old, but the old way is truly a bigger usablity nightmare, the Office/Openoffice menu are the perfect example of that if you look at it through the eyes of a new user.

    Go out and talk to the general public sometime. You’ll be surprised at what people actually think of Office 2007.

  128. Roxics says:

    How well does this work with touch screens?

    Please consider rethinking the bookmarks list. This is long overdue. At the very least add a scroll bar to the side that can be grabbed and scrolled as fast as we can move our mouse. Having to wait for that down arrow to auto-scroll at one speed through hundreds/thousands of bookmarks is a real pain.

  129. aatkco says:

    Creative Fesign , Keep on the good worj , i suggest you to increase the addredd bar height like google chrome and google.com search it’s very important .

  130. Ilia says:

    I think the appbutton at the very top is the best way to go. As you say, it maintains some of the familiarity with the traditional menubar and doesn’t take space in the tab bar. Whether it should be icon, text, or both – personally I prefer text, but it’s definitely something that should be customizable (separately from other buttons perhaps).
    I do think it’d be useful to keep the title of current tab in the window’s titlebar. For one, you already have the space there (I like that the titlebar stays more or less same height, Chrome’s extra thin titlebar is annoying when I need to drag or maximize), and that way you don’t have to worry about cutting off text in the tabs themselves.

    Tabs below or above location bar – honestly I’m not sure about this one, but ideally there would be a way to switch it in options. Having tabs above location bar does save some vertical space (seems like), since you don’t need to do extra borders between the location, bookmarks and tabs bars.

  131. Max says:

    Great idea with Firefox button. Just one request: please make it accessible with the mouse click in the upper left corner of the screen when the browser is maximized. This way users don’t have to aim for the button itself and can just move their cursor into the corner of the screen to get quick access to its functions. In other words, the clickable area which would activate the button should extend all the way into the corner.

    Also, how about giving users an option to display the “firefox” text on the button or just show an icon?

  132. dev says:

    this new design is really great and decision to retain separate address box and search box is right as i was also concerned with their merging.

    Also,instead of just removing website titles, we can have website title next to App Button.

    Also, as more efforts are being made to make Firefox look like native applications, choice for native or default Firefox(3.5) look and feel would be great.

  133. dev says:

    Idea proposed by @126-Roxics about scroll bar for menu drop down is really useful.

    @124-periferral: we have choice to either show or hide status bar. Removing status bar altogether will be bad as apart from showing page loading progress, many user use it to read what actual url a particular link is pointing to.

  134. Natanael L says:

    App button variation #4 is the best according to me, and #3 comes second (Visible icon + coolness).
    And as mentioned before, the tab title should be kept in the “title bar”.

    I also like the “Tabs Under the Navigation Bar” mockup, both with and without “Bookmarks Bar”.
    One possibility would be to put the bookmarks bar in the App Menu – then you would save space and keep usability!

    Another possibility would be to use tabs in the drop down menu too – you could have bookmarks as default plus a few toolbars, such as a Ubiquity text box combined with bookmarks, as I said before.
    Settings could even have it’s own tab in there!

  135. Kipp says:

    One thing that I always do when installing Firefox, is to drag the Bookmarks Bar up to the right of the Help menu. This, obviously, removes extra vertical space and still allows you to customize some bookmarks that you always use (thus making access to your bookmarks quicker).

    I can see that the first thing I would do with this current design is to move the Bookmarks Bar next to the Firefox button.

    I’m not saying that I think this should be done for everyone, but please allow the Bookmarks Bar to be placed in that area as well. It might not be pretty but I would find it useful.

  136. Eric says:

    Looks really, really sexy. Hopefully you leave in the variations – although I’m sure that’s probably the plan at this point.

    I can’t decide whether I like the app button as just an icon or having text, or both. I think you should leave each variation in and let the user decide. Maybe grab some statistics from users for the next update and just consolidate the text/icon issue then. Let us play with it first! =)

    I do however think that orange should be the hover-over color and blue should be the standard.

    I too am kind of disappointed with the Awesome bar being separate from the search bar. An idea for functionality would be when a user types in a phrase, not only does the Awesome bar come down with suggestions, but the part with the favicon and the SSH verification turns into a drop-down with search engines.

    I also have more ideas concerning the status bar on the bottom, such as placing the download icon down there (on default). If you post a screenshot of the entire v4 browser I can show you what I mean.

  137. These are great ideas. But what worries me is that there are no ideas for improving how Firefox looks on any platform EXCEPT Windows.

    The Mac version is fine, I suppose. And Mac users really like conforming with the Mac Desktop UI, which it does.

    But on the Linux side, we don’t see much if any real innovation on UI work. The UI is basically the same as it always has been. Just because Microsoft has forced a change down our throats in Windows, doesn’t mean we can’t start to think about new ideas for the Linux side of things.

    I want to see some real changes with the UI on the Linux version, because the Linux version’s UI takes up quite a lot of space. With Linux being used in small screens a lot, it would make sense to start looking into how to improve the UI so that valuable space isn’t wasted.

    A lot of these ideas improve the usage of screen space on the Windows Firefox. Maybe it is time to look into improving Linux Firefox the same way…

  138. Body Taing says:

    I’d like to request one feature: The option to remove any (if not most) of the UI components. I know many users, including myself, who do not use the refresh, home, nav, or config buttons. We use the command we need through the keyboard shortcuts.

    -bt

  139. Eriq says:

    I think #’s 5 and 3 are visually better out of the App button mocks. Docking the app button from the very top of the window looks very awkward IMHO.

    Great work so far though. I use the Google Search toolbar and curious how the new Firefox layout will look with toolbars in place?

  140. Carlos Osuna says:

    Hi Guys. Just one comment. Please try to leave a separate download for us Windows XP users, since the mockups look great on Windows 7 and–yuck–Vista, but would look awful in XP. That way Firefox can pave the way to define the four *REAL* platforms that we are facing right now (Windows XP, Windows 7/Vista, Mac OS X and Linux).

    That way, FF 4.0 (Cairo) can be based on all the cool stuff 7 has (Direct3D, DirectX, Pixel Shader), without affecting previous users which find the actual interface about right for us.

  141. Shan says:

    Please kill the title bar. It is a complete waste of space in a tabbed environment and really serves only two purposes; windows dragging a sizing and advertising the app name (Firefox). It is not needed. There are many approach you can use other than the huge Firefox button up top. You could do a small tab, just like the home tab but colored Orange with a Firefox icon. You do not need a full bar for Window movement and it seems like a cop out to use that as an excuse to justify keeping it. We have resized our windows for years on left, right and bottom using tiny strips. I agree to the bar being slightly larger, but it should not be the same size as now…use at least half of that space for tabs.

    Also agree that increased customization is needed. I also never use the back, forward, refresh or home buttons. Those are all mapped to mouse and keyboard so removing them and gaining additional room for tabs would be terrific.

  142. avdiel says:

    Мне очень нравиться, супер, самое главное минимализм в интерфейсе.

  143. Max says:

    Stephen — A BIG THANK YOU for everything you are doing.

    I greatly appreciate your efforts.

    A shame the strident criticisers and ‘taking-for-granteders’ have forgotten FF is free, and represents the bestr in altruism this planet has to offer.

    And a shame most have forgotten to include a ‘thank you’ along the way…

    Thanks again.

  144. PYDOT says:

    It looks really, really nice. Just with a simple look the new 4 design already makes the 3.5 design look old. :)
    I do like the way Chrome moved things and I like Firefox is taking also that approach.
    Like most people the first I do when installing Firefox is removing the favorites bar and some other things to gain more screen.
    What I dont like about Chrome and I hope Firefox doesn’t do this:

    a) Chrome kills website Titles. You can not see the title of the website you landed anymore unless you hover over with the mouse.

    b) I dont like the status bar that appears and and disappears. I like more the Firefox 4 approach with a small green line under the onmibar. It makes sense not having to look down to see if a page is loaded after you typed a url. So that is better. Have the status bar right under the url, just to see if pages finished loading or not, useful for javascript apps.

    I would also suggest to be able to lock tabs like Opera does and to duplicate them. There is one thing I do hate about Chrome, sometimes I want to click a tab and I close it by accident.
    Firefox also has a similar weird behavior of putting the + icon that creates tabs next to the X that closes it. They should not be close to each other. Double clicking a tab should open a new one, when clicked on the favicon on the tab. I do like that Firefox has big tabs. Most people dont have over 4 or 5 tabs open. Why? Because your mind cannot concentrate on reading or working with several contents. Unless someone is doing something that requires tons of tabs, I have enough with opening 3 to 4 websites. I can say that 90% people only use 2 tabs at all, so keep them big to be able to duplicate them, drag them and close them fast moving the mouse without having to look exactly where to click, as Chrome with its small tabs which I always click wrong. Tabs are like windows to websites so they should be important. I really like the new approach Firefox 4 is taking. There is no need to have things on screen people rarely use, like the menus and buttons. For someone that said you will have to click more to get to the same things there is a simple solution for that.
    a) People that use allot some features, like favorites have always keyboard shortcuts
    b) Make like the Windows Superbar that opens things only when you put the mouse over them, could be made with menus as well.

  145. Dmitriy says:

    Agree with message #103 from Awesome Dude of Awesomeness
    )
    Dude says real things!

  146. Fatman says:

    As someone who has espoused the use of Firefox in a corporate setting across Windows (XP, Vista and 7) and Linux; I can not stress the necessity to retain the same UI appearance across these platforms. For corporate use, CONSISTENCY in the UI makes supporting users who balk at having to navigate different UIs (for the same application) so much easier. Thus I hope that the ability to RETAIN the classic (Windows XP/ Linux) appearance on those systems running Vista and 7 stays. This does not mean that I do not want to see UI improvements; but, these improvements should not be “forced” on a user, like the dreaded Office “ribbon”. You have no idea how much grief I heard about that.

    For many reasons, none of which apply to this dialog, we are leaving Windows behind. Instead of a complete wholesale REPLACEMENT of OS and applications, we chose to do it in stages. Stage 1 was to get rid of IE, Outlook and MS Office, moving to Firefox, Thunderbird and Open Office. Stage 2 is replacing the Windows systems with Linux. As far as the users are concerned, the applications that they use have stayed the same. The navigation that they have learned (in Firefox, Thunderbird and Open Office) transfers right over to the Linux system. The Linux desktop UI is not that difficult to teach.

    So, while the UI changes will make Firefox appear better on Windows 7, PLEASE retain the ability to use the “classic” UI. MANY corporate users will thank you for it. Many users who move between Linux and the varied Windows flavors will also appreciate that.

  147. Jörg says:

    Please stop changing ANYTHING at the Firefox UI. It is one of dozens of Application on my computer and should not look different from the others.

    Also the most users have big display.

    So please burry such anoyance in an AddOn/Theme for Netbooks and let our computers behave like the last 15 years. We have to work with it and do not need any „innovative“ changes.

    Jörg

  148. bjg222 says:

    I personally prefer the tab bar below the navigation bar. Perhaps this could be an option. Aside from finding it more visually pleasing, I get frustrated with Chrome’s combination of the tab bar and title bar sometimes. In Firefox, I can quickly double click the tab bar for a new tab. In Chrome, double clicking the tab/title bar maximizes/unmaximizes the window, so I’m required to click the small plus button. Granted this is a small issue, but an annoyance nontheless. Besides, my current Firefox has only one toolbar anyway (I have the menu bar turned off and use an add on to access it from a button on the toolbar.). Other than that, I like the new mockups. I’m glad to see Firefox incorporating transparency and minimizing the amount of UI at the top of the window.

  149. Will it be possible to have the following buttons on the toolbar (at the left side of the address bar):

    1) DIFFERENT and INDEPENDENT “Reload” and “Stop” buttons? (NOT like Opera and Chrome)

    2) “New tab” button added through “Customize toolbar” dialog?

    If not, then please, PLEASE! leave an option to divide “Stop/Reload” button and ability to drag “New tab” button on the toolbar.

    Thank you in advance,
    Mike

  150. megs says:

    I really dig the design mockups here, keep it up! But also, I want to point out a couple of things that interested me about the App Button as a “tab” as seen above next to the Home “tab.” While taking up tab space, the text could be replaced with the Firefox logo and the orange background maintained to make it obviously stand out.

    Secondly, why not have it actually be a tab? As in, you click it and anything you need to do is presented in a “web page” that is basically the functionality of the menu? I understand that this is somewhat difficult sounding, but I don’t think it would be to implement. Button points to, say, about:menu which is a web page rendered in such a way that it resembles the UI. Themes could use custom CSS sheets to match this page as well. While odd at first for users simply because there is no menu bar (and hey, there still will be on OS X, and it wouldn’t hurt to keep it accessible via Alt+F), I don’t think it would take much to get used to for most people as they’re pretty used to web pages. If it can be loaded quickly and designed in an intuitive manor (such as having things like Print, Exit, Open, Save As… stand out and be in “familiar” locations) then I think it could signal a new, if not interesting, chapter in how application UIs are designed.

  151. Matt says:

    “No “window dragging space” is needed when maximized, since dragging can’t be done.”

    Oh I beg to differ, I drag windows out of the maximized state ALL THE TIME in Windows 7. It’s one of my favorite new features.

  152. [...] Fonte Esta notícia já foi lida 0 vezes Gostou desta notícia? Assine já o fluxo RSS da Revolução Digital! A forma mais cómoda e simples de ter todas as últimas notícias, completas, no seu leitor RSS preferido! [...]

  153. ömer says:

    gayet güzel, teşekkürler..

  154. Manu says:

    As for the mock-ups, they look great!
    But i feel that, naming the App Button “Firefox” takes away too much space.So it might be considered to be named “Menu” or something similar.

    And as David Regev said in an above comment, it would be nice to look into some studies regarding title bar dragging to move windows. I suspect, most users have their windows maximized most of the time.

    Its also nice to see that the scheme is no longer displayed and colors are used to differentiate sites.Moving the bookmark button to the right of the Awesome Bar would help retain consistency across different versions of Firefox.
    Also, have you considered having new ways of visualising tabs(like TabViz or any of these)?
    BTW, will the statusbar be retained in Fx4 and have you considered a way to integrate Personas into it?

    Thanks for the time.

  155. SE says:

    Great look. Go for it!

  156. Darren says:

    What concerned me when I first read this is that it seems all the things I don’t like about Chrome are about to be implemented… the lack of a menu, the tabs at the top, no title bar.

    Having said that, I then thought about how often I use the menu… hardly ever. But I do have a full compliment of tool bar buttons… navigation, reload, stop, home, bookmarks, history, new tab, downloads and print. I need space for those.

    Also, I have a few plug-ins which attach themselves to menus (e.g. DownThemAll).

  157. Thomas says:

    Look at that marvelous loading line at the top of the third tab! I love it!
    I don’t think the #3 “site identity” thing is new, FF3 for mac has a more intergrated version of this identifier.

  158. Poom says:

    I think what you wrote about the whole menubar choices and the ribbon-esque decision is TOTALLY SPOT-ON!! What you have right now is absolutely the best when weighing all the costs and benefits, which you have all mentioned. Awesome job.

    I have many gripes about the location bar though. I’ve always felt that the team has added too much stuff to the location bar, with the RSS button and the bookmark button. Still, I can bare it. Now, the bookmark button is even on the left, which does not make much sense to me since that is where the favicon should belong… Also, I would hate it if I can’t change it so that there is no Microsoft.com text at all but only a favicon with the blue glow like in FF3. Yea, I see that the text makes it more conspicuous for people who aren’t very observant and easily scammed, but there should be an option for someone like me who wants more space and is not easily scammed.

    Also, what’s the current state for the go button? Please have it appear when something is typed onto the location bar like FF3 is now. I know that enter does the job and I personally don’t use the button, but having it gone completely is a bit too much, IMO. Same goes for the search bar — hide the magnifier glass button until something is typed. I also think the search bar should reset to being empty again when the search query is made.

  159. Poom says:

    I made a mistake. Replace “Microsoft.com” with “Mozilla Cooperation (US)”. I want an option to make that thing just a favicon like in FF3 on Windows (my friend told me it’s both text and favicon on Linux).

    @Olaf: I completely disagree with you. Minimalism is frigging awesome and has got Apple a lot of praises (I don’t like Apple, but I have to admit that the way they execute minimalism is very praise-worthy). Also, most people who don’t like ribbon do not like it just because they’re not used to it and don’t like to learn new things (which is stupid). I also do not believe that the majority of the people hate ribbon nowadays, esp when they got some time to get used to it.

  160. alex says:

    where is the browser volume button?
    every multimedia application has a volume button! why not the browser?
    thanks

  161. Toizudical says:

    I wish FF stored their bookmarks in real time in a folder the way IE does. I keep all my Windows data folders on a separate partition so if I ever have to redo the OS, my data, bookmarks and prefs don’t get lost.

    Thanks!

  162. XenoX says:

    I have my bookmarks in the menu bar!!! … like http://img268.imageshack.us/img268/7037/capture7h.png with favicons only and no folders… combining functions and reducing space… not some stupid extra TOOLBAR taking up space.. assholes. Get that A MENU BAR!!!!!!!!!!!!!!.. before those fucking retards at MicroSUCK decided to release the UBER SHITE AERO skin design/layout

    Also the menubar with separate menus is still way more useful than cramming shit into one menu, like some IE7/8 looking SHITE where you have stupid icons one side of the browser and then other functions on the opposite.. I mean what are you fucking retarding thinking… oh you’re NOT.. you’re dumbing shit down for noobtards like yourselves.

    Anyway FF4.0 looks some non customization shit.. even my own custom skin(not shown in screenshot above) is 10x better than this scrap, and whats with the Maxthon2 ripped off gfx for the unopened tab. Losers

  163. davenport says:

    The page title should not be removed from the title bar.

  164. Meito legal esta nova interface do Firefox aqui o pessoal no Brasil estamos muito anciosos para testar este novo lançamento.!!!

  165. Texoom.tk says:

    Thanks,
    really nine designs for Firefox 4
    but i have a question: is the green by default? because we are familiar with grey by default in such applications.
    thanks a lot

  166. Texoom says:

    Thanks a lot for this post,
    but, Why the green colour by default in this theme, i think classic Grey is more Pro,
    I just Think

  167. [...] design updates – Today, 05:37 AM In an interesting look at the the new Firefox 4 design chromaticpixel gets into some of the changes and the reasons for them. There are also several mock-up pictures of [...]

  168. 3XTron.dixib says:

    I already use something like *Tabs Under the Navigation Bar* with addon *Tiny Menu* and skin *NASA night Launch* and Bookmarks Widget are *Fast Dial*
    hire prtscr http://i47.tinypic.com/20kptoz.png

  169. AZ says:

    I like “Tabs-on-Top” with bookmarks bar.

  170. XP_2600 says:

    While its mimic MS Office, but i don’t find it a good idea, even in office 2010 i don’t like it i just find it confusing, i think you have to vote for whether apply it or not, to get a clearer feedback about how firefox users think.

  171. [...] Ormai sembra che tutti i browser convergano verso uno stile molto simile che ricorda da vicino la grafica di Chrome. Per maggiori info vi rimando a questo post. [...]

  172. p_z says:

    – In my opinion, the Firefox button is the way to go! Perhaps, 1/3 larger height should be considered for touch devices (but for desktops current height seems about right). I vote in support of placing Firefox button on top of whole window as opposed to placing it with other tabs, as stated earlier “Attaching the button to the top of the window further implies that this menu affects Firefox as a whole.”
    – In addition it may help older users (grannies & granddads) in aspect as cursor can not go further than top left corner of the screen, so position it on App button is somewhat easier than on tab-space… (in my experience older users tend to not use tabs at all).
    – As stated in other comments Bookmarks on the left is wrong, as this space is primary for “site favicon”, but these two together just introduce more visual clutter.
    – Title bar: In my opinion, should still display title of active tab just without “- Mozilla Firefox” on the end, as App button will state it is Firefox already. Furthermore: A – reserving that space just for dragging seams wrong as title does not disallows it; B – There are also smart developers, that make usable titles like “sub-Sub-Section << sub-Section << Section”, so these do not fit in tab…

  173. Micah says:

    I like the overall look and i believe that the app menu is a good idea. I do have a couple of critiques though

    I do think the blue and white gradient buttons look a little chrome-ish though; i like the default beige color of FF3.

    Also, I think it is very important to keep the tabs below the navigation bar as the default. Firefox’s visual identity is based off of the tabs being right above the page and I think that it would be nice to keep firefox visually distinct from chrome.

    I personally prefer to have an extra 10 pixels of vertical space taken up to have a titlebar instead of having everything so clustered together. I like having space between the different components on the browser.

  174. very nice draft, it look great. Firefox 4 will be nice.

  175. Please add icons to the Bookmarks Toolbar for Mac Firefox!!!

  176. pingo mister says:

    Please, why don´t you software developers just build configuration options, so that people can create their own designs and put those different components wherever they want?

    Why must there always be a “unique design” to an application? Just tweak it enough to make it configurable, present it with a unified startup design, and then let people move the components in a flexible way?

    Perhaps you should be spending more time working on that, instead of thinking too much about how Firefox “unique look” should be.

  177. Irve says:

    This is what I have configured for my current firefox.
    http://www.pasteall.org/pic/668

    For back-forward I use mouse&context menu, but the main “trick” here was to put address and menu on the same line to get more room for stuff.

  178. indir says:

    Thank you.really nine designs for Firefox 4

  179. I often double-click on the application icon on the top right to close a window, and also sometimes use the menu there. This works everywhere, even in the Paint and Word examples you gave, as well as Windows Explorer (which has no icon there but the menu still works).

    I sincerely hope that the Firefox visual update will not break this.

  180. Peter says:

    What i miss are home and stop buttons i hate them on the right as in IE now…

  181. sabret00the says:

    I’m glad to see that the early ideas shown around the net won’t be the final ones. But as it stands, there’s still the huge question of what to do with the tabs, should they be at the bottom, at the top over the address bar or under the address bar. I’m hoping that they move away from tabs and instead go for a Windows Seven style clone in a task bar that doubles as a bookmark toolbar.

    I’ve also got huge hopes for a revamp of the feeds system. I’m hoping it’s totally revamped and separated from the bookmarks system. Give it it’s own process, let it minimize to the bottom right of the browser (in the status bar) and allow it to have pop-ups down there too.

  182. Jan says:

    GREAT OH YES

  183. 낭만곰팅의 알림…

    Windows Theme/UI Update 지금 보다 훨씬 더 잘 다듬어지고 깔끔해진듯……

  184. avra says:

    I support “App Button” if add ons will be able to add their own buttons next to it.

  185. zhenyi says:

    I like the new design for Firefox 4 but as for the tabs being above the navigation or below, during installation you can let users choose them instead of having them to google to search how to set it.

    And you can provide images on how it looks like if it is above the navigation bar or below as those non-geeks might not know what is a navigation bar.

    And this should start as soon as possible so that when it is release as a nightly build, at least people can feedback more on it rather than sketches. That is what i feel, once you have the idea and enough feedbacks via the sketches, do it already and then let users feedback further on it.

  186. [...] bar below and a menu bar replaced by some drop-down menu buttons that take up less room. Now, in a refresh of the Firefox 4.0 look, Mozilla designer Stephen Horlander introduced a new way to replace the menu bar, the Firefox app [...]

  187. thomas says:

    How will this work with Ubuntu Netbook Remix, which puts a modified (and smaller) titlebar in the system panel?

  188. John says:

    Go with the Firefox icon instead of the word “Firefox” and place the tabs in place of the title bar. When Firefox is maximized (or in full screen mode), there will be as much or more room for tabs at the top as there is for application tabs in the Windows task bar at the bottom.

  189. MatthewP says:

    I love the idea, Its more of a vision of the future for me. As Operating Systems change is visual style, the default theme of browsers will change also. This is a huge step for Mozilla. Anything is Possible

  190. DavidCologne says:

    About the app button variations: i prefer the last one, because it is outstanding in color and it it is not looking urged (because of the small vertical height) and small like the one ur currently prefering

  191. Patman21 says:

    I love the idea overall. I do wish that the three in 1 button was still there, but I think I can deal.

    I don’t know if this is already how it will function, but will the home button be considered it’s own tab? I think that when you first open firefox, you should see only the home button, and the add tab button. Then once you leave the homepage, the next page opens in a new tab.

  192. Busty says:

    Hello Stephen,

    why do you use an additional frame for the Bookmarks Bar in “Tabs Under the Navigation Bar” mode? I think it would be way more beautiful, if the bookmark labels would be painted onto the form directly (like the old not “app button”ed title) withoud the additional frame.

    Another idea: showing the old menu bar on the title bar while hovering it. The popup menus can only be shown on mouse up in this case, because mousedown will be needed for moving the window.

    The empty title bar in some of your mockups is a little boring.

    Hope you do read all the comments. :)

  193. Luuk says:

    Looks really nice, but what are they going to do on Linux and Mac?

  194. tux. says:

    Now this is ugly. Seriously, I dislike Microsoft’s Ribbon approach and I find the Chrome GUI unintuitive and inconsequent. If Firefox adapts the same, I won’t upgrade. What about a bit of originality?

  195. RevX says:

    I don’t care about the (look&feel of the) new style AS LONG as you can configure it to your needs, which may be to look and behave like in the FF 3.x version(s).

  196. Anonymous says:

    Can you please upload the PSD of this mockup? It would be great because someone is making a theme for Firefox that looks exactly like the FF 4.0 mockups.

  197. Xorimax says:

    Really nice design, BUT
    1. How much will all this eye-candy slow down the FF’s start? I don’t need to waste x startup seconds plus y RAM MB for a bijou (the 1st thing after installing my OS was switching to classic look) – I really don’t need beautiful controls to read news, operate my accounts or view photo galleries. I prefer performance and stability, that’s why I chose FF. I’d like the possibility not to load a new UI at all and keep a lightweight and fast one. The user should have choice. (Ex.: starting an MP3 playback in Media Player Classic in 0.5 – 1 sec? No problem, I love it!)
    2. App button. Well, it seems that it’s ONE MORE step to get to a menu command. Saves space, but this is the cost. Is that worth it? I don’t know yet, we’ll see.
    3. I hope nobody will implement that “ribbon” s… thing. When I’m forced to use that MS behemoth Office time after time, it’s when I say the most dirty words. Nothing’s worse than exploring a UI looking for a well hidden tool I need at the moment.
    SUMMARY: Nice job, really. But there still are poeople, who aren’t too happy carrying kilos of bijou with them anywhere they go, just because of fashion.

  198. Ivan says:

    I’d try not to follow Chrome’s own design because maybe one of the reasons whey people don’t use it it’s because of its interface. By changing Firefox many people would be forced to get used to its UI but will make them easier for them to switch to Chrome. Just something to think about.

  199. Bart says:

    I appreciate the thought and consideration here but so many years
    since Microsoft has been in this business are there really no standards to answer some of the questions you’re trying to answer? It seems maddening that someone has to consider things like the look and feel of the application’s main menus (and the application name/icon next to them!) at the level of a single piece of software, which should be consistent in every application running on the OS. Is there no HIG for Windows 7?

  200. Mikel says:

    Looks great, but I don’t agree. This proposal will waste too much vertical space. There is so much to be gained by merging the location and search bars. The two out of the five shots of the app button on the second row also feel wrong.

  201. SpewBoy says:

    With the number of comments here totalling 206 (excluding this one) I doubt this will get through.

    I am the creator of Strata40, a theme that imitates these mockups and I have some suggestions / questions for you Mozilla guys to think over.

    1. Any chance of obtaining the PSD files for your mockups? You have released transparent PNGs, so why not help the theming community out and upload the PSDs? Or email them privatly to me. Of course, this is just a request that would be greatly appreciated but will probably go unanswered. I don’t know if there are licensing issues involved here.

    2. The Firefox button. What will happen when you are in fullscreen mode? Will it dissapear? Will it go into the tab bar? Whatever happens, it is likely to appear very jerky and unsmooth with the current setup, as the button has to move from the titlebar to another toolbar or the tab bar or it will disappear completely. This also raises a number of issues concerning other Windows OS’s. What will happen in XP? Where will the Firefox button go then? For the sake of consistency, the Firefox button should be located in the same place for all operating systems (even non-Windows ones).

    3. What has become of “Recently closed tabs”? I use it every day and it is far more useful than “Recent history”. Why not just throw it in as a contextual item because face it, people are going to miss it. I would argue that it would be more missed than other items that are actually in the Firefox menu.

    4. I still haven’t seen any mockups addressing button customization. Will there be a “Use small icons” option like in previous Firefox versions? Will there be a text only option? A text and icon option?

    5. So you are keeping the status bar then? What will become of those features that will be moved to other parts of the browser? Will they be scrapped and kept in the status bar?

    So yeah, keep the ideas flowing. Hope you read this comment.

  202. Daniel says:

    You are on the right track. Simplify as close as possible to the point of diminishing returns among current users in order to attract the most desired audiences you are seeking to convert. It’s a delicate dance.

    I like the simplification of the forward and back buttons. However, reducing the number of visible lines and angles is always a fundamentally correct move, but for each arrow stem you added, you have exchanged the reduction in clutter from the cleaner button layout for three additional line surfaces and two angles, resulting in a lesser net reduction in simplification. I question whether the stems add sufficient clarity to justify their inclusion. Fattening the current stemless arrow by 1 px may suffice if the arrows really need help. I suggest testing that with a few pairs of unbiased eyes first, and go with the results whatever they be.

  203. Buzz says:

    Take a look at safari on the iphone.
    Basicaly by having 1 button to allow you to change tabs (which then shows a seprate screen with all the open tabs).

    It a nice clean interface which means the change tab button could be placed next to the firefox or address bar completly removing the tab strip line.

  204. Nathan says:

    Super cool, looks like your team is putting in a lot of thought and energy to polishing the UI. Any word on a similar treatment for OS X? I know a lot of folks would probably use Firefox more if it looked (and behaved!) like a native app…

  205. MikeJF says:

    Hmm

    As to the alternative App buttons:
    - The proposals in which they’re visually identified with the tabs are definitely a no-go (3 and 5) for obvious reasons. The broad, wide firefox button doesn’t sit right with me, though; it just stands out too much, when the purpose of the aero theme is to fade the whole window frame into the background.

    I would suggest alternative 2, of just the firefox icon, but expand the button so that vertically it fills down to a standard gap above the toolbar next to the tabs, thus making the button square and with a large firefox icon but avoiding the associating with the tab system due to it being attached to the frame and not the toolbar. The word firefox can then be in a standard application header.

  206. emiferrer says:

    Hola, soy usuario del Mozilla Firefox, no me gustaria cambiarlo por otro, me gusta el diseño, pero me gustaria más que trabajen en acelerar la apertura de páginas y que sea más liviano que las versiones anteriores, espero que esta version sea mejor que la viejas, muchas gracias.

  207. SpriteWare says:

    Hello,

    I am very anxious that this new version so. Firefox has a very bad appearance in Vista and 7, especially because he does not style aero. Because of her, I dare not install Firefox on my Windows 7, and am obliged to sail with Chrome. The modules fail me, but Firefox is so very ugly :p

    I read that before version 4, there will have a version 3.7
    I hope with all my heart that this Mozilla version jump to focus directly on version 4.0

    Thanks.

  208. [...] 4 Windows Theme Update! All information here: Windows Theme/UI Update Chromatic Pixel [...]

  209. Andrey says:

    1. I like the idea of a one-button menu (app button). Would be nice if the menu navigation can be organized like the Win7 start menu – clicking on a grouping item (New, Print, Bars…) would expand the sub-items downwards (below the grouping item) preferably with a sligth indent. This will save us from the nightmare of moving the mouse to the right where the submenu opened without moving it vertically and losing the submenu. Collapsing the items could be done by clicking again on the grouping item or/and right-clicking somewhere else in the menu. Autoexpanding and autocollapsing by hovering the mouse over grouping items is a nice feature too. Several grouping items could stay open.

    2. I think the App button would be better if it’s tab-like or at least an ordinary button located where the first tab would be (variants 3 & 5).

    3. Having in mind suggestions 1 & 2, the menu could be a top-to-bottom strip (down to the statusbar) like the sidebar, but shown OVER the contents area, not displacing (moving) the contents area to the right. By expanding/collapsing the grouping items the number of visible items/subitems would vary and some of the items will slide down and some of them eventually hide under the lower edge of the menu strip. This will allways keep the menu inside the browser window, just like the Win7 Start menu always accupies the same real estate. If there is no vertical room for all items (and opened subitems) to be shown then the can be scrolled by the mouse scroller and/or by tiny scroll buttont on the top and bottom of the menu strip.

  210. akp982 says:

    Looks great cant wait

  211. koa1a says:

    This looks fine to me. It seems however that the ‘recent pages’ button has disappeared altogether. I had a mini-crisis when we went from two to only one. To go from one to zero would certainly result in one unhappy surfer.

  212. mitja says:

    Looks great, when can we test it?

  213. C B says:

    I hope this fancy redesign doesn’t mean Firefox is about to be screwed up & unusable like Thunderbird 3.0 was. If so, I guess I need a new browser too.

    CB

  214. Alce says:

    Please keep in mind the terrible mistake other software organizations made: They started with products that were really useful (Lotus Notes, for instance) and eventually they’ve turned them into something so complex that nobody cared anymore. I’d rather use several nice, clean, fast apps instead of another “Super application” that brings more trouble than ease of use.

    Long live Firefox
    KEEP IT SIMPLE
    1,2,3 That’s good

  215. andriejko says:

    *** about location bar / search bar:
    Quit the ARTIFICIAL distinction between the two bars. There are many reasons why they shouldn’t be kept separated:
    - its natural to heave one unified input field from the user. Its the role of software to help user: first firefox awesome bar helped user so he didn’t had to chose between going bookmarks and typing url -> the way to go is start typing in the awesome bar. Smart technology interprets what user wants to do and helps. Then Google pushed forward this thinking and freed user from choosing between awesome bar and search bar (plus auto hinting searches). This is progress in the direction Firefox initiated end embraced. By denying this progress you are denying yourselves.
    - its reasonable to try differentiate from competition, but you shouldn’t do it in places where competition is advantageous. You should close the gap where you are behind and grow/go forward in other directions. Chrome has only two real advantages over Firefox: vertical space and single input bar (thats the only reasons why i’m using chrome). App button is great way to differentiate in those other directions (chrome’s two buttons are not intuitive enough).
    - don’t look too much at current users habits. Great software is meant to change habits!
    Look at the ribbon in Ms Office – although there are people ready to cut their veins in order to prove how bad it is, objectively speaking ribbon was a HUGE success for Microsoft. Smart bar in Chrome is a single greatest thing in it.
    Cut the proud/fear and JUST COPY IT!!!
    *** about app button: i like best variation two merged with variation’s five button shape (would look cleanest).
    *** you should copy IE’s refresh/go button (and strip them from the only thing they did right ;) – it would make looks even cleaner.
    *** my preferred design: first row – app button, tabs, (_,O,X): second row – prev/next, address bar, bookmarks button. Super clean, super sexy!
    andriejko@gmail.com

  216. Sebastian says:

    I really love the ideas for the new theme! At the moment I use the Strata40 Theme Mockup from SpewBoy and I can’t wait for Firefox 4! Hurry up! ;-)

  217. Jérôme B. says:

    I’d agree with andriejko about the single input field for URL, search on the web, bookmarks, and history. Possibly as MS did, the dropdown might explicit whether the suggestion comes from one source or the other.

    Additionally, I like the design, but you may havce noticed something about the app button in MS office 2010. Between the preview and the beta, MS backuped and restores the window manipulation menu (maximize, minimize etc.). This should find some place somewhere, as window manipulation with the keyboard is still useful sometimes…

    Another thing: one reason I’ve disinstalled chrome is that they don’t have a “back” menu. On a shopping site or any site with a redirection, no way to go skip back the redirection and really restart from step 1 in your cart… Unless some power feature, such as press the back button for some time goes back several pages, eg the first page you browsed on the current domain ?

    But otherwise, I do like the graphical design, and I can’t wait to have some ribbon-like feature in my favorite browser!

  218. sabret00the says:

    Initially I was all about number two, now it’s all about number five.

  219. [...] Layoutvorschläge veröffentlicht. Unter anderem hat er in einem Artikel über das Windows Theme/UI Update auch eine Vergleichsgrafik zwischen Firefox 3.5 und 4.0 [...]

  220. I was really disappointed by the fact that firefox did not come out with a good look to match windows 7… I’m glad you showed us how to make Firefox match Windows 7′s new feel.

  221. breni says:

    These mockups are simply awesome. I really hope these changes get uplifted into the fox.

    However, I have noticed a lacking slidebar button.
    As far as I know Firefox 4 is supposed to ship with lightweight extensions (aka Jetpack) which frequently use a feature called slidebars (https://mozillalabs.com/blog/2009/06/jetpack-02/).

    I would like to see this to be added to your proposals.
    (If I may suggest: SideBars like “History” and “Bookmarks” could be added to the slidebar.

  222. chris says:

    I think the one with the ‘Tabs Under the Navigation Bar’ looks awesome, I don’t know about the tabs on top but that’s what I love about Firefox, you have options!

    But it’s finally nice to see a theme for Windows that looks cool. And it doesn’t look like it’s trying to be Chrome, it’s just using the best ideas and what’s wrong with that?

    The only thing I wish Firefox would copy from Safari and Chrome is some animation for creating/closing/moving tabs and some other little things like that, it would really give a great user experience to FF.

  223. Davidtr says:

    It would be nice to at least have an option to leave the MenuBar as a bar. I know Safari will show the bar if you hit the Alt key, and there is an option to have it shown at all times.

    Also, I do like the way it looks. Very clean, streamlined, and open with the Aero effects, however I have a question. Will this effect the skinning in any way? Will themes only be translucent, or will the thememaker have control of the opacity? Will there be a Firefox 3/3.5 theme bundled with it for those who do not wish to adjust to a new layout. (I have parents that very much like using Firefox, but even the small jump from Fx2.0 to Fx3.0 was enough to prompt at least a dozen questions.)

    I do happen to like the two variations on the right, with the Firefox button inline with tabs (both upper and lower right variations).

  224. broccauley says:

    Excellent proposal – I like best the menu button with both the text and button! I had also proposed a few months ago that Microsoft should really have made the office/windows 7 “ribbon” menu button more like this:
    http://www.windows7taskforce.com/view/2934

    If only Microsoft would follow Mozilla’s lead here for the next Office and next Windows!!

  225. kretos says:

    I think similar to andriejko – distinguish between url bar and search bar is not needed anymore – please look how opera behaves when user enters text into url bar – it shows section – bookmarks, history filtered according to entered text. It would be nice to see submentu there to perform search.
    Also the app button looks a little thin – maybe it would be good idea to move it lower and make bigger (marge with firefox icon in same manner as office 2007 did), if you could desing start page working in same manner as those in other browsers (safari, chrome, opera) then home button will be also useless. Your propositions are getting better and better – can’t wait for 4.0.

  226. A man says:

    I think fixefox is looking a lot like Chrome. But, I think that a combo button wud be good. I want to concentrate more on under-the-hood. A browser needs to remain a browser, not an everythinger. Because making it a suite will make it slow. I have seen that there are many technologies that have to do with maps and socialising sites. The sites themselves r enough. Keep firefox junk free.

  227. anthony says:

    Will this make it better or just look prettier. I hate one button does all.
    Making things simple for the simplest of persons: LCD. Sometimes “if it ain’t broke don’t fix it” is as good as “Change for change’s sake”.
    If I wanted Chrome I would use chrome, not Firechrome or is it Chromefox.

  228. Johnny says:

    Put the application bar in any other place for saving space.

  229. Rash says:

    Please release this now!

    Saying this is a copy of Chrome is like saying all programs are coping Microsoft because they use a window caption with the program logo on the far left folowed by its name and the minimize, maximize and close buttons on the far right.

    Don’t trash this idea please, it is really great.

  230. Kurt says:

    Really liking the tabs on top. Can’t stand tabs under URL bar. One thing I’d like to see though is the removal of the search bar. It’s not needed at all and just makes the browser look more cluttered. I know I have Firefox atm setup so I can search Google within the URL bar, as that search box is just annoying.

    I personally liked the Page and Tools buttons on the right hand side instead of the Firefox button, as that button is just making the height of Firefox buttons bigger. I want to see more website content, not browser content. That just adds one more line that is not needed IMO.

  231. Kurt says:

    Also for those saying Firefox is trying to look like Chrome, what is so wrong with that? Yes it’s good to have a bit of a difference, but Chrome is very clean looking, something Firefox 3.6 isn’t atm as the UI is outdated.

    Firefox 4.0 looks like it’s going in the right direction though. The previous mockup with the Page/Tools buttons on right looked better IMO with tabs on top.

  232. Jeff says:

    Nice. Way better than the Chrome clone designs shown back in July.

    I agree with most of the people who commented on the title bar; I believe it should stay, and I’m glad to see it back. Looking at Option 2, removing the title bar seems to give no benefit other than salvaging about 10 pixels of vertical space, while keeping it provides a place to display the full page title, something that a tab can’t do. I liked Option 4 at first, but I’m now leaning to Option 5, just because I like the way it flows, and it also allows for a more traditional appearance of the title bar.

    My only other comment is that I hope you don’t consider adopting Chrome’s appearing/disappearing status bar, which I find distracting.

    Thanks for making Firefox so great, and I hope you guys continue to innovate and make Firefox even better!

  233. Kurt says:

    I think if possible you should give an option to possibly have title bar on or off. I really can’t stand the title bar as it serves no real purpose as you can just use the tab. More browsers are heading in that direction for the title bar being removed. How many people actually read the title bar anyways? You look at the site’s content not the title bar.

  234. Eter says:

    The mockups themselves are very appealing. Look way better then Chrome or Opera.

    But, please, consider hiding the titlebar when the browser is fullscreen. Vertical space is very important to many of us laptop and netbook users with small wide screens. Titlebar is a waste of space.

    I see customization as the main firefox’s strength, so an option to remove titlebar would be a very welcome addition.

  235. Kurt says:

    Eter, I think that is a great idea to give the option to allow the titlebar. I can’t stand the title bar nor the status bar. It seems these new mockups compared to the old 4.0 mockups have gotten worse and have added both of the two things I hate the most back. :(

  236. eugen says:

    Nice work. Needless to say, i’m a Firefox 3.5 user and the first thing I do is to gain vertical space. My firefox only has 3 bars, ie the Tabs, Navigation and Bookmarks. Yeah, I remove the titlebar too.

    The very best thing you do is to allow users to choose where the Firefox button is located. You can’t satisfy everybody can you?

    Another idea (if not put up yet) is to allow users to move the bookmark bar to the right/left thereby saving vertical space.

    Or maybe allow users to add buttons to the titlebar. We can have a “firefox” button, then add our own bookmark button etc..

  237. Jeff says:

    Interesting. When I install Firefox on a new computer the first thing I do is add a print button and switch the toolbar to display icons and text, and with the 4.0 updates I may be adding a bookmark button as well. Vertical page space isn’t an issue for me, I greatly prefer functionality, of course I also have a full-sized laptop, so maybe that’s why I don’t see it as an issue.

    Anyway, the trend seems to be to satisfy netbook users who have to contend with tiny screens. While that’s all well and good, you can’t forget about those of us who want the features of our browser to be easily accessible. The ideal option would be to give the users more options, so those of us who start by adding functionality can have our title bar, bookmarks bar, etc., and those who start by removing functionality to free up space can turn those things off.

  238. I don’t want to sound negative here, but how will this effect extensions that need to work with multiple platforms. Will I have to go to extra work so my extensions functions equivalently on Linux or MAC? Or are you going to do similar UI changes to them as well? Which IMO would feel alien.

  239. Yung says:

    No status bar and title bar, please.
    Status bar : useless.
    Title bar : titles’ are already shown on tabs.

  240. Thomas Lee says:

    While I understand the need to make room for more web page space for netbook users, this still feels like a step backwards. Screen sizes are getting larger and larger, and most new monitors have an aspect ratio of 16:9 or 16:10. Combining the AwesomeBar and search bar feels like a bad idea, the AwesomeBar already takes up most of the horizontal space and really doesn’t need any expansion. Plus the search bar is quite intuitive, whether using shortcuts or the mouse. How would changing search engines work in this design? One solution I would like to see is combining Ubiquity with the AwesomeBar, which could work quite well.

  241. John says:

    Firefox is ok, this looks better than their old Firefox, but I’m still sticking with Google Chrome. It is way faster and more secure than Firefox is. This to me looks to be a bit of a knock off of Chrome, but of course so is Safari 4.

  242. Hung says:

    Can you put more glass!

  243. Jeff Carlsen says:

    I’ve been using the Strata40 theme to try this stuff out, and overall I like it a lot. But I’ve discovered a problem with using orange for the app menu. Orange is the color Windows applies to task bar icons that have changed or updated since last being looked at, and the orange button catches my eye as something that must be checked immediately when I open Firefox, even though it’s actually just the menu. A more information neutral color, such as blue or green, may be more appropriate. Just food for thought.

  244. G13 Media says:

    really vibe your layout on this site, simple and clean, so your the man behind firefox graphics, wow.

  245. Igor says:

    Excellent, quickly would I really like this idea

  246. Cutter says:

    The tabs could go in the (otherwise empty) titlebar. This would save a few more vertical pixels of screen space.

  247. [...] con Windows o más específicos en Windows 7. Stephen Horlander por lado de Firefox 4.0 (en su blog habla del proceso) con ese App Buttonen la izquierda superior del programa (que curiosamente Opera días previos [...]

  248. [...] wird. Vielleicht gibt es auch nie Möglichkeit selbst zu entscheiden wo sich alles befinden soll.  Entwürfe auf Stephen Horlander´s Blog  Print This Post Tags: Firefox 4.0 Diesen [...]

  249. ddd says:

    Excellent gui! Looks gorgeous ! Can I use it today? any alpha out yet?

  250. [...] July, we revealed the first images of Firefox 4.0. Now one of the designers behind the browser has shared on his blog updated mock-ups of the new [...]

  251. John Hilla says:

    Love the app button, but along with everyones’ concern it needs to remove the word Firefox and just use a decent image of the Firefox Mascot. one idea would be to show the Fox Icon with a 4 in the middle.

  252. [...] The latest Firefox 3.7 nightlies now have the first bits of  the Firefox Windows theme refresh that was discussed in detail here. [...]

  253. [...] bar below and a menu bar replaced by some drop-down menu buttons that take up less room. Now, in a refresh of the Firefox 4.0 look, Mozilla designer Stephen Horlander introduced a new way to replace the menu bar, the Firefox app [...]

  254. Виталик says:

    Скорей бы новая версия уже вышла, а то внешний вид это пожалуй единственное что мне не нравится в этом браузере

  255. john says:

    In other words, my plug-ins might be just fine but based on some secret criterion, Firefox determines that they are “out of date” and refuses to run with them, and who says the plug-in provider has provided an update? I getting tired of this.

  256. Stephen says:

    @john: I am not sure what this applies to?

  257. Nyuszika7H says:

    Hi!
    1. I like the idea of App button, but liked separate Page and Tools menus MUCH MORE! And, please tell me, since you decided to use just ONE menu, did you abandoned the notification UI? If not, then you should need to indicate clearly whether it’s a page or a browser notification.

    2. Separating the location and search bars was a good idea. You’re right, you can’t type ”DOS/V” in the omnibar, the only way to do is WITH quotes. And it’s annoying to do that every time.

    3. I really hope the Reload/Stop/Go combo will come back.

    4. The Bookmarks button should be at the right of the bookmarks bar.

    5. Tabs on top – I LOVE this!

    More ideas coming later. About one hour later.

  258. Nyuszika7H says:

    A quick idea before going away:

    6. For the status bar, you should do something like the Status Bar: Dynamic & Compact add-on. Still thinking about where add-ons icons would be better. Navigation toolbar, or status bar.

    Now, bye, coming back about one hour later!

  259. Nice theme, i like it ,Thank you very much for this post.

  260. [...] «Скриншоты» набросков Firefox 4 взяты из блога дизайнера, их [...]

  261. Richard says:

    It’s a major update for Firefox. Excellent…

  262. 0x0x says:

    Hi,
    just checked Firefox 4 beta 2 on mac and windows. looks great so far the only problem is that the tabs are not drawn into the Firefox application border like for example chrome does. I really like this and I think it is a good idea to save space on small screens. Are there any plans to do this?

  263. sevisme says:

    Love the app button, but along with everyones’ concern it needs to remove the word Firefox and just use a decent image of the Firefox Mascot. one idea would be to show the Fox Icon with a 4 in the middle.

  264. seks izle says:

    It’s a major update for Firefox. Excellent…

  265. [...] Lo anterior tiene varias repercuciones, y creo que la más notable es que no habrá Firefox 3.7, pues con las actualizaciones menores pierde su razón de existir. La próxima versión, por lo tanto, será Firefox 4.0 (la cual se espera a finales de 2010, o a principios de 2011), en donde observaremos las llamadas actualizaciones mayores, como son las mejoras en la interfaz de usuario. [...]

  266. Thank you for going out of your way explaining the UX thinking here. We are in the process of doing something inside our app like this and the blog helped.

  267. utangac says:

    the full title needs to be fully visible

  268. [...] old users who’ve since migrated away.  Let us know what you think of Firefox’s new look.[Via ChromaticPixel] Tags: firefox, image, Windows travisharvey /**/ Ben FoxThis is beginning to look a lot like [...]

  269. [...] Active retirement living is the key to a excellent extended lifetime. A abundance of human beings have loved a abundance more retirement years extended by staying active and healthy. More information: ของเล่นสุนัข [...]

  270. [...] Visual Designer at Mozilla has posted some updated UI concepts for the upcoming Firefox 4.0 on his blog. This isn’t the first time that we’ve seen concept screenshotsfrom Mozilla for Firefox 4.0. [...]

|