Archive for the ‘Firefox’ Category
Theme Status and Mockups on SVN
Saturday, February 27th, 2010
Theme Bugs Checked-In
Dao and Markus have already started to land bugs pertaining to the new theme/ui:
Windows:
- #544999 – New toolbarbutton style for the main window – You may have noticed this on trunk
- #547752 – Adjust toolbarbutton paddings and margins for small and big icon modes
Mac:
- #546874 – New style for the bookmarks bar
Some new theme bugs have been filed
Windows:
- #548027 – Tweak New Toolbar Button Style to Match Designs
- #546259 – enable aero glass for the main window
- #549061 – [Windows] New Style for Tabs
Mac:
- #547787 – New style for the tab bar
Mockup Iterations now on SVN
I posted the mockup Photoshop files to an SVN repository: http://svn.mozilla.org/design/projects/newtheme/
This can be accessed through the web or with an SVN client.
Tags: Mockups, Progress Report, SVN, Theme
Posted in Firefox | 5 Comments »
Theme Bugs Filed, Wiki Updated
Monday, February 8th, 2010
Theme Bugs Filed This Week
Note: I haven’t filed any Linux bugs yet and the Wiki page is out-of-date. Still working out some details there and should have that resolved this week.
This week I filed the first round of Bugs for implementing the new theme:
- #544815 – Allow for placing Tabs over the Navigation Bar with option for Tabs under the Navigation Bar
- #544816 – Attach combined Stop/Go/Refresh button to the Location Bar
- #544817 – Create Bookmarks Widget with placement dependent on Bookmarks Bar status
- #544818 – Progress “Line” indicator for background loading tabs
- #544819 – Create a basic Home Tab linking to the current Home Page
- #544823 – [Meta] Theme Visual Refresh
This is a pretty exciting step for me after having worked on the design for so many months.
Wiki Updates
I also spent some time getting all the mockups and thought processes on the Wiki current:
- Theme and UI Revamp
- Windows Theme Mockups
- Theme/UI Direction and Feedback
- Mac Theme Mockups
- Mac Specific Visual Design
Tags: Mac, Progress Report, Theme, Windows
Posted in Firefox | 15 Comments »
Tab Animation
Friday, January 29th, 2010
In addition to the UI and appearance changes we have been exploring for Firefox, we have also been exploring how to better improve the user experience through animation.
One area that animation would be very beneficial is with tab interactions. Specifically moving/arranging tabs on the tab strip, closing/opening tabs and tearing off tabs into new windows. Presently the feedback here isn’t as good or as elegant as it could be.
New Tab Animation
Some of the goals for animation are to make browsing feel faster, adding visual affordances that makes tasks more understandable and to make the browser more visually appealing. There is much more detail on the Wiki articles linked above. My goal was to quickly demo how this would actually look and feel because still images and wireframes can only convey so much.
Click the image below for the animation that shows how a new tab animation could look. It’s pretty short and fast.
It is hard to tell from the video how this would work frame by frame. The general idea is that after you click the new tab button that button itself grows into the new tab.
Tab Tear Off
This demo shows both tab rearrangement and tab tear-off.
Tags: Animation
Posted in Firefox | 75 Comments »