Firefox/4.0 Windows Theme Mockups: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 5: Line 5:
'''Feedback is entirely welcome and encouraged. Hit the discussion button at the top :)'''
'''Feedback is entirely welcome and encouraged. Hit the discussion button at the top :)'''


(For 3.7 Mockups: [[Firefox/3.7 Windows Theme Mockups]])
= Firefox Theme and UI Changes =
== '''Default''' ''(Tabs-on-Top)'' ==
[[Image:Firefox-4-Mockup-i05-(Win7)-(Aero)-(TabsTop)-(Default).png]]


= Initial Windows Theme Mockups for Firefox ''4.0''  =
== '''Alternative''' ''(Tabs-on-Bottom)'' ==
== '''Version A''' - ''Tabs-on-Bottom'' ==
[[Image:Firefox-4-Mockup-i05-(Win7)-(Aero)-(BottomTabs).png]]
[[Image:Mockup-4-0-Vista-(TabsBottom).png]]


Possibly add a Bookmarks widget as an upfront replacement for the Bookmarks menu/Bookmarks toolbar (option to turn those on would remain).
== Button States ==
 
[[Image:Firefox-4-Mockup-i05-(Win7)-(Aero)-(TabsTop)-(ButtonStates).png]]
== '''Version B''' - ''Tabs-on-Top'' ==
[[Image:Mockup-4-0-Vista-(TabsTop)-(LocBarSearch).png]]
 
The more contentious Tabs-on-Top concept.
 
'''Positives'''
*'''Save Vertical Space'''
*'''Efficiency/Remove Visual Complexity''' - Right now the tabs have to be connected to something. So we are adding an extra visual element for them to connect to.
*'''Shorter Mouse Distance to Page Controls'''
 
'''Negatives'''
*'''Breaks Consistency/Familiarity''' - Moving things confuses existing users.
*'''Title is MIA''' - With the space removed from the titlebar you only get the truncated version in the tab.
*'''Longer Mouse Distance to Tabs''' - Takes longer to mouse to a tab.
*'''Lost Space''' - Sandwiched in between the application icon and the window widgets you lose some space.
 
== Combo Stop/Refresh/Go Button ==
[[Image:Mockup-4-0-Vista-(TabsBottom)-(LocBar).png]]
Attached at the end of the location bar.
 
*Turns green when you start typing.
*Blends with the location bar when at rest.
*Turns blue on hover.
*Turns red when a page is loading.
 
The proposed iconography is mostly colorless. Adding color to these temporary action driven buttons will make it more obvious something is going on.

Revision as of 04:48, 26 January 2010

Draft-template-image.png THIS PAGE IS A WORKING DRAFT Pencil-emoji U270F-gray.png
The page may be difficult to navigate, and some information on its subject might be incomplete and/or evolving rapidly.
If you have any questions or ideas, please add them as a new topic on the discussion page.

These are NOT FINAL! THEY ARE ONLY FOR BRAINSTORMING/EXPLORATION!

Feedback is entirely welcome and encouraged. Hit the discussion button at the top :)

Firefox Theme and UI Changes

Default (Tabs-on-Top)

Firefox-4-Mockup-i05-(Win7)-(Aero)-(TabsTop)-(Default).png

Alternative (Tabs-on-Bottom)

Firefox-4-Mockup-i05-(Win7)-(Aero)-(BottomTabs).png

Button States

Firefox-4-Mockup-i05-(Win7)-(Aero)-(TabsTop)-(ButtonStates).png

Retrieved from "https://wiki.mozilla.org/index.php?title=Firefox/4.0_Windows_Theme_Mockups&oldid=196722"