Firefox 3.7, 4.0 User Interface Mockups

A lot of work is under way in designing the user interface for the next two releases of Firefox – 3.7 and 4.0 – and both of the currently proposed themes (Windows-specific) look interesting. These interface refreshes were needed as well, as the current Firefox interface is showing its age. Looking at the mockup for Firefox 4.0, it all becomes clear: This is Firefox – Chromified.

Firefox 3.7

Firefox 3.5 is barely fresh out of the door, but we’re already looking ahead to the next release ofeveryone’s favourite browser (except for me, that is). It’s called Firefox 3.7 for now, and the discussion on the proposed user interface overhaul is currently in full swing.

The Firefox team will be embracing Aero Glass on Vista and Windows 7, which is definitely a step forward. Sadly, though, they seem to be going a bit overboard with all the widgets, buttons, and other frivolities that confuse me. The individual pieces of the puzzle look good, it’s just that there are too many different pieces that don’t look very coherent, and are thrown all over the place. Barely any two buttons are the same, which doesn’t strike me as good UI design; there’s also a lot of wasted space. A good thing is that it also works well when Aero Glass is turned off.

Windows XP users surely aren’t left out in the rain by the Mozilla, as the implemented more or less the same design as above to the default Windows XP themes. The theme, as well as the button layout, do not copy over very well to XP’s Luna theme – and I wouldn’t dare to think how it would look on Windows Classic, which is – I surely hope so – the preferred theme on most Windows XP boxes.

Firefox 4.0

The mockups for Firefox 4.0 is where it gets really interesting. As it turns out, the Firefox UI team is experimenting with a Chrome-like tabs-on-top look, but they remain unsure whether or not tabs-on-top is actually the way to go. As a result, they designed two variants: tabs-on-top, and tabs-current.

Both variants again suffer a bit from what I call visual overload – too many different types of buttons, too many different colours, and they’re all over the place. It reminds me a lot of the current Internet Explorer interface, and that’s a bad thing. They are, however, taking a lot of cues from Google Chrome’s interface, but while they can copy certain aspects of Chrome’s UI, they failed to grasp the overall idea: reduce the chrome as much as possible, allowing you to focus on what really matters: content (web pages). The mockups are too busy for my taste, drawing my attention towards the user interface elements instead of towards the content.

Final note

Still, it’s good to see that the Firefox team is looking into improving the user interface of their highly successful browser. Even if you don’t like where these mockups are going, Firefox’ flexibility will most likely allow you to go back to the current interface quite easily.

An issue I haven’t seen addressed yet is how these themes will copy over to the Linux and Mac OS X worlds. I’m sure mockups for these platforms will pop up soon enough.

55 Comments

  1. 2009-07-27 10:30 pm
    • 2009-07-28 12:09 am
  2. 2009-07-27 10:43 pm
    • 2009-07-28 7:02 am
  3. 2009-07-27 10:57 pm
    • 2009-07-27 11:34 pm
      • 2009-07-28 7:49 am
        • 2009-07-28 11:38 am
        • 2009-07-28 1:29 pm
        • 2009-07-28 3:19 pm
        • 2009-07-28 4:31 pm
          • 2009-07-28 5:01 pm
    • 2009-07-28 2:35 am
      • 2009-07-28 3:48 am
        • 2009-07-28 4:25 am
          • 2009-07-28 12:23 pm
          • 2009-07-28 1:38 pm
          • 2009-07-28 1:41 pm
          • 2009-07-28 1:48 pm
          • 2009-07-28 2:06 pm
          • 2009-07-28 2:15 pm
          • 2009-07-28 2:40 pm
          • 2009-07-29 1:29 am
          • 2009-07-28 3:01 pm
        • 2009-07-28 6:40 am
          • 2009-07-28 12:25 pm
      • 2009-07-28 3:25 pm
  4. 2009-07-27 10:58 pm
    • 2009-07-28 5:58 am
  5. 2009-07-27 11:27 pm
  6. 2009-07-27 11:32 pm
  7. 2009-07-28 12:06 am
  8. 2009-07-28 12:12 am
  9. 2009-07-28 12:16 am
    • 2009-07-28 4:41 am
  10. 2009-07-28 12:17 am
  11. 2009-07-28 12:34 am
    • 2009-07-28 11:35 pm
  12. 2009-07-28 2:11 am
  13. 2009-07-28 2:17 am
    • 2009-07-28 8:53 am
  14. 2009-07-28 2:30 am
  15. 2009-07-28 4:02 am
    • 2009-07-28 7:48 am
  16. 2009-07-28 4:51 am
    • 2009-07-28 7:23 am
      • 2009-07-28 11:13 am
  17. 2009-07-28 6:39 am
  18. 2009-07-28 6:46 am
  19. 2009-07-28 7:14 am
  20. 2009-07-28 7:30 am
  21. 2009-07-28 8:58 am
  22. 2009-07-28 1:19 pm
  23. 2009-07-28 11:50 pm