Firefox/3.0 Windows Default Theme Issues: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with '= Dated Look & Feel = Windows Vista was released in November 2006 bringing with it Aero Glass, a move towards eliminating the Menu Bar and a smoother, slicker look and feel…')
 
Line 36: Line 36:
*'''Menu Bar''' - Can be hidden and key functionality moved to Page & Tools buttons.
*'''Menu Bar''' - Can be hidden and key functionality moved to Page & Tools buttons.


= Lack Tactile Look & Feel =
= Lacks Tactile Look & Feel =
The current use of buttonless glyphs and traditional icons leaves Firefox feeling a little flat. Glyphs combined with buttons that have depth are inviting. Throw in a nice pressed state and they are buttons that want to be pressed. (see OS X, Chrome, Safari)
The current use of buttonless glyphs and traditional icons leaves Firefox feeling a little flat. Glyphs combined with buttons that have depth are inviting. Throw in a nice pressed state and they are buttons that want to be pressed. (see OS X, Chrome, Safari)


= Cross Platform Divergence is too Great =
= Cross Platform Divergence is too Great =
In an effort to push for platform integration it is possible that Firefox's visual look and feel has diverged too much. Even within Windows versions there can be fairly drastic differences. It is possible to achieve platform integration while maintaining the "Spirit" of the platform but also experimenting and "bending the rules".
In an effort to push for platform integration it is possible that Firefox's visual look and feel has diverged too much. Even within Windows versions there can be fairly drastic differences. It is possible to achieve platform integration while maintaining the "Spirit" of the platform but also experimenting and "bending the rules".

Revision as of 19:19, 17 July 2009

Dated Look & Feel

Windows Vista was released in November 2006 bringing with it Aero Glass, a move towards eliminating the Menu Bar and a smoother, slicker look and feel. Mostly gone are the clownish and garish colors of XP Luna. This was over two years ago. Vista-Example-001.png

Vista Introduced:

  1. Slightly rounded corners on etched location bar.
  2. Removal of Menu Bar.
  3. Aero Glass creates a smooth frosted look for potential use in toolbars. In the absence of Aero the toolbar has a smooth blue gradient.
  4. Move towards contextual action driven toolbar.

Firefox currently does not observe any of these conventions. Even though Vista uptake has not been substantial Windows 7 proves that the platform is staying the course with these visual changes. Other browsers like Chrome and Safari have already headed this direction with resulting slicker looks and a streamlined UI.

Chrome-Example-001.png Safari-Example-001.png Firefox-Example-001.png

Inconsistent Icon Usage on the Main Toolbar

The icon set used on the main toolbar is inconsistent. Some of the icons are glyphs in the spirit of Media Player while others are more representational traditional icons. Icons also have a variable size with some being larger/smaller than others creating visual alignment issues.

Bumpy Toolbar Texture

Vista also brought along a push towards smooth gradients for toolbars and interfaces (much like OS X). This can be seen natively when Aero is not enabled and also in other applications such as Office, Paint(Windows 7), WordPad(Windows 7), Safari, Chrome and Postbox. Firefox, in part because of the menu bar, takes on the default anemic purplish hue for toolbars but it also goes from Gloss to Flat to Gloss creating a bump effect. This is not a sleek profile:

Profile-Example-001.png

UI Height/Footprint and Horizontal Line Problem(they aren't slimming)

Firefox on Windows has a very tall UI compared to other browsers and even Firefox on OS X.

Height-Comparison-Example-001.png

Firefox on XP has another problem with a multitude of stacked horizontal lines(at least 5). This actually serves to exacerbate the large footprint problem by drawing attention to it. Firefox-XP-Example-001.png

Element Overload

Firefox currently has a lot going on visually that can potentially be combined, hidden, removed or relocated.

  • Home Button - Isn't very useful and yet gets prime toolbar positioning
  • Stop/Reload - Can be combined with each other and the "go" arrow and inserted into the status bar.
  • Back/Forward Grouping Element - Of questionable value vs. its ability to add visual complexity (can possibly remove the dropdown arrow outright)
  • Awesome Bar and Search Bar - Have convergent purposes and yet are still two elements.
  • Menu Bar - Can be hidden and key functionality moved to Page & Tools buttons.

Lacks Tactile Look & Feel

The current use of buttonless glyphs and traditional icons leaves Firefox feeling a little flat. Glyphs combined with buttons that have depth are inviting. Throw in a nice pressed state and they are buttons that want to be pressed. (see OS X, Chrome, Safari)

Cross Platform Divergence is too Great

In an effort to push for platform integration it is possible that Firefox's visual look and feel has diverged too much. Even within Windows versions there can be fairly drastic differences. It is possible to achieve platform integration while maintaining the "Spirit" of the platform but also experimenting and "bending the rules".