![\"\"](\"http:\/\/cdn.dropmark.com\/29070\/8a236b72b666e2f7984484aaac4e75230ddedcfd\/Mockups%20For%20Metro%20Preview4.png\" "\\"FX")
<\/p>\n
We are excited about the new tile-based Start Page, where users can see their top sites, bookmarks, recent history, and pinned sites in one place. If you are interested about the details, here is a early stage video prototype<\/a>. Firefox is the flagship brand that all our consumer products fall under. The big family includes Firefox Desktop, Firefox for Mobile, Firefox OS, and the latest member: Firefox for Windows 8. My Firefox UX team have been working hard in the past few months to pursue one of our major goals of the year: getting Firefox to feel like one product [a related presentation by our Firefox UX lead<\/a>]<\/p>\n While Firefox for Windows 8 is getting a new look and feel,\u00a0our visual design lead Stephen Horlander and I have also put lots of thoughts on making it feel like a member of the Firefox family.<\/p>\n <\/em>Layering of content has been a common UI element sense in Firefox for Mobile(Diagram made by Ian Barlow<\/a>). Now this concept has been widely applied to Firefox for Firefox OS and Windows 8 as well. Firefox for Windows 8 promotes full-screen browsing experience, at the same time also provides users various controls that are hidden behind the web content. Users can easily invoke these controls with a edge swipe(or right-click when mouse in use). Darker background color is used on the tab preview panel as if the panel is deeper beneath the web content. Reversible sliding transitions simulate the movement of revealing more content.<\/p>\n We use curved tab shape to communicate a soft and friendly experience. This unique and organic shape also differentiate ourselves from other competitors.<\/p>\n The unique and powerful Firefox’s feature. Current preview build has already implemented the awesome screen feature to provide enhanced search function. Start typing to get a “frecency-based” list of your history and bookmarks. The awesome screen will always provide multiple internet search options for your input. <\/p>\n <\/p>\n Given the fact that Windows 8 runs across classic desktop and mobile environment, it’s important to point out that the user interface of Firefox for Windows 8 is designed for touch. With the official launch of Windows 8 and releases of new Windows 8 devices, more and more mouse and keyboard PC users will start using PC that comes with a touch-enabled screen. The team started the design from scratch, embraced Windows 8 touch languages, such as edge swipes, snapping, flicking, and horizontal panning, reimagined the browsing experience on this new touch-based platform. In the mean time, we understand the importance of Firefox desktop users. We will make sure all the touch-based tasks can also be achieved by interacting with mouse and\/or keyboard. Moreover, Firefox for Windows 8 Preview have already included a Tabs-on-top feature for desktop users. This touch-optimized interface will work fine with mouse and keyboard.<\/p>\n <\/p>\n Lastly, we know this is an early preview and we know there are bugs and missing features, so we would appreciate your feedback. We will be working hard polishing designs, finishing up more features, and improving responsiveness in the coming months to deliver a delightful Firefoxy experience for Windows 8.<\/p>\n <\/p>\n Related Links:<\/p>\n Complete Q2 update document<\/a>\u00a0\u00a0\u00a0 | \u00a0 Metro project wiki<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Two weeks ago,\u00a0Firefox released a preview build for Windows 8! This is a version of Firefox that runs in both the \u201cclassic desktop\u201d environment, and in the new \u201cWindows 8 … Read more<\/a><\/p>\n","protected":false},"author":487,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[246,27252,9595,9577,9600],"tags":[],"coauthors":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/1067"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/users\/487"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=1067"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/1067\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=1067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=1067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=1067"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=1067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"http:\/\/cdn.dropmark.com\/29070\/8823dfd5b7c476714f85f73b2004198763b00c1d\/Mockups%20For%20Metro%20Preview.png\" "\\"FX")
<\/p>\n<\/h1>\n
<\/h1>\n
<\/h1>\n
<\/h1>\n
Consistency Across Platforms<\/h1>\n
1. Content layering<\/h3>\n
![\"\"](\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/10\/mozilla-mozcamp-firefox-os.010-600x353.jpg\" "\\"FX")
<\/a><\/p>\n![\"\"](\"http:\/\/cdn.dropmark.com\/29070\/55a71e8899af9ca3a63335aa24e8d65b06389f2b\/Mockups%20For%20Metro%20Preview2.png\" "\\"FX")
<\/p>\n2. Unified and distinctive curves<\/h3>\n
![\"\"](\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/10\/tab-curves-600x403.jpg\" "\\"FX")
<\/a><\/p>\n\u00a03. Awesome screen<\/h3>\n
![\"\"](\"http:\/\/cdn.dropmark.com\/29070\/6581017d19c837901dff51c81ea36cdb0445ef11\/Mockups%20For%20Metro%20Preview3.png\" "\\"FX")
<\/p>\nA Touch-optimized Browser<\/h1>\n
![\"\"](\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/10\/gestures-600x409.jpg\" "\\"gestures\\"")
<\/a><\/p>\n