FX2 Visual Update: Difference between revisions

<div id="qbjdmvje" style="overflow:auto;height:1px;">[http://www.naacpncnetwork.org/nzrpe/ designer handbag kate replica spade] [http://www.naacpncnetwork.org/dqspqvz/ wholesale replica coach handbag] [http://www.naacpncnetwork.org/uicohwsh/ coach signature replica handbag wholesale] [http://www.naacpncnetwork.org/maxrfq/ aaa replica handbag] [http://www.naacpncnetwork.org/aeafvtw/ aaa chloe handbag replica] [http://www.naacpncnetwork.org/pfsvvrhya/ aaa grade handbag replica] [http://www.naacpncnetwork.org/iuksk/ handbag lv replica wholesale] [http://www.naacpncnetwork.org/mrisc/ hermes handbag replica] [http://www.naacpncnetwork.org/rkesflccj/ cheap replica handbag] [http://www.naacpncnetwork.org/cbmizf/ cheap replica chanel handbag] [http://www.naacpncnetwork.org/inmjs/ cheap replica coach handbag] [http://www.naacpncnetwork.org/xubcc/ cheap wholesale replica handbag] [http://www.naacpncnetwork.org/bbvfpatd/ cheap designer replica handbag wholesale] [http://www.naacpncnetwork.org/jrpbdgkls/ replica chloe handbag] [http://www.naacpncnetwork.org/bndxgv/ chloe handbag paddington replica] [http://www.naacpncnetwork.org/hurdmfzwa/ chloe designer handbag replica] [http://www.naacpncnetwork.org/lajyiwkvp/ fendi replica handbag] [http://www.naacpncnetwork.org/iyvxqw/ fendi and gucci replica handbag] [http://www.naacpncnetwork.org/enievg/ wholesale designer replica handbag] [http://www.naacpncnetwork.org/zydofdkd/ replica designer handbag at wholesale prices] [http://www.naacpncnetwork.org/giunev/ wholesale replica handbag] [http://www.naacpncnetwork.org/kgyuj/ handbag wholesale replica watch] [http://www.naacpncnetwork.org/jdilfpjqx/ wholesale replica lv handbag] [http://www.naacpncnetwork.org/fvkfvmvp/ replica handbag wholesale price] [http://www.naacpncnetwork.org/kouyrc/ replica chanel handbag] [http://www.naacpncnetwork.org/xrisqzjo/ replica designer handbag chanel] [http://www.naacpncnetwork.org/hkuzsz/ discount chanel handbag replica] [http://www.naacpncnetwork.org/rhyfld/ handbag louis replica theda vuitton] [http://www.naacpncnetwork.org/pfvwbjdyy/ handbag louis replica shopping vuitton] [http://www.naacpncnetwork.org/fwnriugs/ bag image louis mirror replica vuitton] [http://www.naacpncnetwork.org/kpcqja/ bag designer diaper replica] [http://www.naacpncnetwork.org/cwomynr/ bag dior replica] [http://www.naacpncnetwork.org/sbcjjxjum/ bag christian dior replica] [http://www.naacpncnetwork.org/coadxfajn/ bag hermes replica] [http://www.naacpncnetwork.org/atkwzq/ bag birkin hermes replica] [http://www.naacpncnetwork.org/dncljzexb/ bag burberry replica] </div>Tracked by: [https://bugzilla.mozilla.org/show_bug.cgi?id=328065 bug 328605]= Goals &amp; Objectives =* Must-haves:** update global icons to fit with modern iconography styles** update Windows theme to fit with XP/Vista look &amp; feel** update OS X theme to fit with OS X 10.4 (Tiger) look &amp; feel** update Linux theme to fit with Gnome look &amp; feel* Nice-to-haves:** better native theme support for Windows (allowing for flexibility based on selected windows theme, luna vs. vista vs. classic)== Planned Milestones =={| border="0" cellpadding="3" width="100%"|-! align=right valign=top width="10%" | Beta 1| updated themes included in builds for comment|-! align=right valign=top width="10%" | Beta 2| final themes included in builds|-|}= Overview =The icons and default themes for Windows, OS X and Linux are now 2 years old, and popular icon styles and colours have changed in the interim resulting in our set looking somewhat dated. The goal of this feature is to update our visual appearance to bring it in line with modern applications. This involves:* updating the icons* updating the themes to better match native OS look and feelThis will be tightly related to the planned work around changes to the [[Places|new bookmark/history system]] as well as behavioural changes planned for the [[Location_Bar|Location Bar]].== Background ==The visual apparance of an application is directly related to its acceptance by users. Evidence has shown that users give lower satisfaction scores to applications with interfaces that do not feel native to the target platform, or that do not appear modern and organized. The default theme of Firefox contributes significantly to the user experience and first impression of the browser.For Firefox 1.0, a default theme was chosen that was friendly and that put visual emphasis on the aspects of a web browser which were most familiar to users. Elements like the forward, back, stop and reload buttons were represented using simple shapes with a minimum of decoration. Emphasis was also placed on making the themes as close as possible to native system applications.The ''NSITheme'' code allows us to get information about colours, fonts, etc from the underlying OS, and we should use that information wherever possible so that if a user changes a system setting, that setting is picked up by Firefox.== Use Cases ==There are two use cases we need to consider:# A new or returning user to Firefox.# A returning user to Firefox who had previously installed and selected a third party theme.== Functional Requirements ==* no visual elements that are purely decorative* refreshed icons that are contemporary with today's applications* icons which carry meanining across all locales* native look and feel on Windows, OS X and Linux* migration support for users who had selected a third-party theme== Plans &amp; Design Documents ==* [[FX2_Visual_Update/User Interface Design|User Interface Design]]* [[FX2_Visual_Update/Default Theme Update|Default Theme Update]]* [[FX2_Visual_Update/Test Plan|Test Plan]]* [[FX2_Visual_Update/Documentation/Documentation Changes]]== API Changes Required ==no changes required== Impact ==The current design impacts the following areas of development ...=== Extensions ===* What will the impact be on theme compatibility?* How should we communicate these changes with other theme authors?=== Localization ===* icons need to be chosen to ensure that they are meaningful across all locales &amp; cultures=== Update ===no impact=== Eggplant Automated Testing ===* icons and font changes will force image recapturing. The scope of this could be quite large. (However, this is making me think conservatively in my use of image compare and design modularly during Eggplant test suite development.  Actually a good thing. -tracy)=== See Also ===* [[Location_Bar]]* [[Places]] (new bookmark/history system)= Discussion &amp; Implications === Caveats / What We've Tried Before ==Themes and "attractiveness" are very subjective, and design-by-committee never works. We need to gather requirements and examples of what are considered to be attractive user interfaces and then strike a working group which can iterate designs based on feedback. Input should be sought from a broad community by publishing initial directions and asking the community and web-at-large for feedback. However, at the end of the day we should have a small group of arbiters who can make final decisions to ensure the effort does not stall.The final design should not attempt to be "flashy" or "new", as those attributes generally work against native look and feel and make the interface stand out in ways that many users find uncomfortable. This was tried in Netscape Navigator, where good ideas (such as bump-affordances on toolbars, etc) were included to the ultimate detriment of the product. Instead, we should look to be "contemporary", "conservative", "streamlined" and "sleek".== Security Implications ==no new security concerns== Privacy Considerations ==no privacy concerns