With a new version of Firefox depending on at least three separate themes to integrate into dozens of disparate operating systems, I think it’s high time we took a look at the evolution of Firefox’s on Windows XP. With its massive user base, the XP theme should integrate so seamlessly that users would be offended to change it. Mozilla made native-ness one of their top priorities for Firefox 3, but can they walk the walk?
Navigational Buttons
Let’s see how the primary navigation buttons have stacked against their Luna baseline:- Windows XP
- Qute (Firefox <.9)
- Old Winstripe (Firefox 0.9)
- Winstripe (Firefox 1.0-1.5)
- Firefox 2 “Refresh”
- Proposed Firefox 3
Green = Backwards/Forwards
Blue = Reload
Red = Stop
Yellow/Brown = Home.
Being able to associate specific colors with specific functionality was one thing I loved about Winstripe. You didn’t even have to scan for a button of a particular shape or remember a particular position: want to reload? Move to blue. Want to go Home? Click yellow.
Firefox 2’s “refresh” made a crucial mistake that I’m afraid seems to have been reproduced in Firefox 3: the Home button is two dimensional. Physical objects like houses and printers, under the XP style guide, should be isometric.
Notice how in IE6, Qute, and Winstripe, the Home button is tilted to an angle; that’s how it should look. I thought this had been ironed out by the time Winstripe was finalized, yet with Firefox 3 we’re seeing a Home icon almost identical to its Old Winstripe counterpart — which was excised because of its nonnative appearance.
And get a load of reload! And Stop, as well. Those new, revamped Firefox 3 glyphs fit right into Windows XP...
- Proposed Firefox 3
- Windows XP Undo & Delete
Cust, Copy & Paste
I haven’t met a single person who uses these buttons within their web browser.- Windows XP
- Qute
- Winstripe Old
- Winstripe
- Firefox 2 & 3
The Qute icons resemble their XP counterparts, but they’re way too cartoony. Winstripe is better, but I’m not sure about that green arrow. Is it some kind of metaphorical link between copy and paste?
Without a doubt the worst offender here is the latest theme. Since when is Copy represented in XP by a clipboard?! It’s not rocket science:
Scissors = Cut
Double Document = Copy
Clipboard = Paste
Other than the scissors blending into the toolbar, the indistinct copy and paste buttons, and the incorrect coloring of the clipboard... I forgot where I was going with that.
New Tab & Window
Without any XP equivalent, these buttons have been open to interpretation.- Qute
- Winstripe Old
- Winstripe
- Firefox 2 “Refresh”
- Firefox 3
I fully welcome the new icons, though I think the new “New Tab” button looks too much like a folder and doesn’t have a distinct enough color. It should be more beige/tan/brown.
Other Icons
The balance of the icons are a miasma of miscellanea that serve special purposes but don’t fit into any other category.- Windows XP (No Download Manager)
- Qute
- Winstripe Old
- Winstripe
- Firefox 2 “Refresh”
- Firefox 3
The new History button is a worthy successor to Qute and Winstripe. If anything, its more native than the XP History button.
Not having a native Download image has created a series of ideas and theories about what “download” should look like. Its metaphor has always included a down arrow, but results have varied.
I find the new Firefox 3 Download icon confusing. It’s too big, the back part of the gray box-like thing directly traverses the down arrow, amounting to a gray box with a green line coming out of it. I much preferred the Download icon used in trunk builds until just a few weeks ago:
And it’s not like this icon has been removed; the completed download box still shows this icon. In my opinion, this icon is perfect for XP: it uses a native-looking windows hard drive icon under a down arrow. What better metaphor for downloading could there be?
Until Firefox 2, the Print button was always unique: gray, isometric, with clearly defined top and bottom flaps. The Firefox 2 rendition looks way too similar to the FF2 New Tab button, and the Firefox 3 version looks like a flatbed scanner or an external CD drive. Winstripe had the same frontal view of the printer, but used shadows to better define its purpose.
In short, the new theme feels cobbled together in a haphazard fashion without serious thought given to how all the icons would interact as a coherent unit. The shame of it is, Mozilla has an excellent theming community and a competition within it could have produced a much better theme based on popular support.
Unless a lot of images are replaced at the last minute, the most native-looking aspect of Firefox 3 will be the new combined Back/Forward button.