Firefox/4.0 Windows Theme Mockups: Difference between revisions

Jump to navigation Jump to search

Firefox/4.0 Windows Theme Mockups (view source)

Revision as of 04:48, 26 January 2010

1,194 bytes removed ,  26 January 2010
no edit summary
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.
Shorlander
canmove, Confirmed users
455

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/196722"

Navigation menu