{"id":18260,"date":"2012-06-21T21:18:31","date_gmt":"2012-06-22T04:18:31","guid":{"rendered":"http:\/\/blog.wapreview.com\/?p=18260"},"modified":"2012-07-09T14:48:26","modified_gmt":"2012-07-09T21:48:26","slug":"firefox-mobile-is-getting-a-new-ui","status":"publish","type":"post","link":"https:\/\/wapreview.com\/18260\/","title":{"rendered":"Firefox Mobile Is Getting a New UI"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"https:\/\/wapreview.com\/18260\/startscreen-2\/\" rel=\"attachment wp-att-18268\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18268 imgBorder\" title=\"Firefox Mobile 14 - Start Screen\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/StartScreen-240x426.png\" alt=\"Firefox Mobile 14 - Start Screen\" width=\"240\" height=\"426\" \/><\/a> <a href=\"https:\/\/wapreview.com\/18260\/menu-2\/\" rel=\"attachment wp-att-18265\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18265 imgBorder\" title=\"Firefox Mobile 14 - Main Menu\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/Menu-240x426.png\" alt=\"Firefox Mobile 14 - Main Menu\" width=\"240\" height=\"426\" \/><\/a><\/p>\n<p>I hadn&#8217;t used Firefox Mobile in a while because I didn&#8217;t have a phone that met the browser&#8217;s minimum hardware requirements. But now that I have a Motorola Photon with the requisite\u00a0ARM v7\u00a0CPU, I downloaded the Firefox Beta (v 14.0) and was surprised to see an attractive new user interface (images above).\u00a0The redesigned UI is only in the Firefox Beta, which is available in the Play Store, or a recent <a href=\"http:\/\/nightly.mozilla.org\/\">Firefox Nightly<\/a>. The old swipe interface is still used in the latest non-Beta Firefox Mobile release (v 10.0.5).<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wapreview.com\/18260\/navigationmenu\/\" rel=\"attachment wp-att-18266\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18266 imgBorder\" title=\"Firefox Mobile 10.0.5 - Old Navigation Menu\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/NavigationMenu-240x426.png\" alt=\"Firefox Mobile 10.0.5 - Old Navigation Menu\" width=\"240\" height=\"426\" \/><\/a> <a href=\"https:\/\/wapreview.com\/18260\/oldtabmenu\/\" rel=\"attachment wp-att-18267\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18267 imgBorder\" title=\"Firefox Mobile 10.0.5 - Old Tab Menu\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/OldTabMenu-240x426.png\" alt=\"Firefox Mobile 10.0.5 - Old Tab Menu\" width=\"240\" height=\"426\" \/><\/a><\/p>\n<p>Firefox Mobile (originally called Fennec) has been under continuous development since at least 2009. One thing that&#8217;s remained largely unchanged until now was its innovative but quirky user interface. Long before Nokia&#8217;s Harmattan Swipe interface, Firefox used swipe gestures. Swiping the screen left would reveal the forward, back and add bookmark buttons along with a button to open the Settings screen (image above, left). Swiping right exposed the tabs menu (image above, right). The design faced some pretty <a href=\"http:\/\/www.russellbeattie.com\/blog\/mobile-web-browser-thoughts-aka-mozilla-fennec-needs-a-redesign\">severe criticism<\/a>. But I always found it usable, although it was hard to how side sliding to open menus added any value to the user experience.<\/p>\n<p>The new UI replaces the swipable side menus with a more traditional design. The changes include:<\/p>\n<ul>\n<li>The\u00a0refresh,\u00a0forward and add bookmark buttons are now in the browser&#8217;s main menu (image top, right) which is invoked with the normal Android Menu key.<\/li>\n<li>There&#8217;s no longer a Back button in the browser itself. The Android back button takes you to the previous page.<\/li>\n<li>Tapping to the right of the combined URL\/search field at the top of the screen displays the tab menu (image below, left) where you can switch tabs, open a new tab or close a tab.<\/li>\n<li>As in previous versions, tapping in the URL\/search field opens the tabbed &#8220;Awesome Page&#8221; (image below, right) combining bookmarks, history and &#8220;Top Sites&#8221;, a list of your most visited sites.<\/li>\n<li>The new UI also includes a &#8220;Speed Dial&#8221;-like start page with thumbnail images of your four most visited sites (image top, left).<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wapreview.com\/18260\/tabs\/\" rel=\"attachment wp-att-18269\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18269 imgBorder\" title=\"Firefox Mobile 14 - Tabs Dropdown\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/Tabs-240x426.png\" alt=\"Firefox Mobile 14 - Tabs Dropdown\" width=\"240\" height=\"426\" \/><\/a> <a href=\"https:\/\/wapreview.com\/18260\/awesomescreen\/\" rel=\"attachment wp-att-18264\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18264 imgBorder\" title=\"Firefox Mobile 14 - Awesome Page\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/AwesomeScreen-240x426.png\" alt=\"Firefox Mobile 14 - Awesome Page\" width=\"240\" height=\"426\" \/><\/a><\/p>\n<p>I consider the new UI an improvement overall. It&#8217;s better looking and much more intuitive for new users. I&#8217;ve always liked Firefox&#8217;s Awesome Page, which puts bookmarks and history front and center rather than buried in a menu somewhere as they are in most mobile browsers.<\/p>\n<p>I have no complaints about the performance\u00a0and rendering of any of the recent Firefox Android versions. Firefox&#8217;s plugin and bookmarklet support is as powerful and well integrated in the Beta as ever. The current Beta seems stable but is missing full screen mode and the ability to copy text from a web page, both of which the 10.0.5 release version has. I imagine both features will be added before final release of the new UI. The latest 16.0a1 Nightly build already does have text copy, althogh it doesn&#8217;t work very well.<\/p>\n<p>I&#8217;m a little disapointed that my pet peeve about Firefox Mobile, that lines of text\u00a0don&#8217;t reflow to fit the viewport after pinch zooming, is still there in the Beta. The Beta does seem to do a better job of displaying text at a readable size than previous versions and there&#8217;s a new &#8220;Text size&#8221; menu option that lets you choose between five sizes of text. But text resize is a global rather than page specific setting that&#8217;s three taps down in the menu tree. Plus you have to refresh the page before the text size actually changes. The way text reflows to fit the screen width after every zoom in both the Android browser and Opera Mobile is so much more convenient. Mozilla continues to make slow but steady improvements in Firefox Mobile, here&#8217;s hoping that Android style text reflow after zooming is coming in a future release.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wapreview.com\/18260\/googlereader-2\/\" rel=\"attachment wp-att-18270\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18270 imgBorder\" title=\"Firefox Mobile 14 - GoogleReader\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/GoogleReader-240x426.png\" alt=\"Firefox Mobile 14 - GoogleReader\" width=\"240\" height=\"426\" \/><\/a> <a href=\"https:\/\/wapreview.com\/18260\/twitter-2\/\" rel=\"attachment wp-att-18271\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-18271 imgBorder\" title=\"Firefox Mobile 14 - Twitter\" src=\"https:\/\/wapreview.com\/wp-content\/uploads\/2012\/06\/Twitter-240x426.png\" alt=\"Firefox Mobile 14 - Twitter\" width=\"240\" height=\"426\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I hadn&#8217;t used Firefox Mobile in a while because I didn&#8217;t have a phone that met the browser&#8217;s minimum hardware requirements. But now that I have a Motorola Photon with the requisite\u00a0ARM v7\u00a0CPU, I downloaded the Firefox Beta (v 14.0) and was surprised to see an attractive new user interface (images above).\u00a0The redesigned UI is only in the Firefox Beta, which is available in the Play Store, or a recent Firefox Nightly. The old swipe interface is still used in &hellip; <a href=\"https:\/\/wapreview.com\/18260\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":18268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[],"_links":{"self":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18260"}],"collection":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/comments?post=18260"}],"version-history":[{"count":12,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18260\/revisions"}],"predecessor-version":[{"id":18275,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/18260\/revisions\/18275"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media\/18268"}],"wp:attachment":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media?parent=18260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/categories?post=18260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/tags?post=18260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}