Technological News Portal

Mozilla Revels FireFox 4 Preview

Mozilla Just start FireFox 3.5 Branch. We already got a preview that its next will be 3.6, which has codename traceMonkey. But few days back we got few MockUps of 3.7. But they are such high ambition and insane workaholic that they also released PreView MockUps of FireFox 4.

(New) Initial Windows Theme Mockups for Firefox 4.0

Version ATabs-on-Bottom

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).

Version BTabs-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.


Take A Look at 3.7 Preview.

Initial Windows Theme Mockups for Firefox 3.7

Vista/7

Image:Mockup-Vista-001.png

  • Embracing Glass: Toolbar and Tabs using Glass. Buttons translucent and slightly glossy to meld with the toolbar. Raised 3D lookachieve tactile “feel”.
  • Page Button: Connect the Page button to the left side of the tab area. Directly connected to the Page.
  • Tools/Bookmark Bar: Connecting the Tools button to the side of the Window to emphasize the fact that it is used for customizing and changing the UI. Adding a button next to that to toggle the Bookmarks Bar which is turned off by default.

Image:Mockup-Vista-(NoAero)-001.png

XP

Image:Mockup-XP-(Combined)-001.png

You might also like
Why Not Join 250,000+ Readers, Like You!
AND GET OUR LATEST CONTENT IN YOUR INBOX

SUBSCRIBE 
Your information will never be shared
close-link