{"id":8133,"date":"2017-04-11T11:57:45","date_gmt":"2017-04-11T18:57:45","guid":{"rendered":"http:\/\/blog.mozilla.org\/addons\/?p=8133"},"modified":"2017-04-11T11:57:45","modified_gmt":"2017-04-11T18:57:45","slug":"amo-new-look-android","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/","title":{"rendered":"AMO Has a New Look on Android"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-8138 alignleft\" src=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home-252x448.png\" alt=\"\" width=\"252\" height=\"448\" srcset=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home-252x448.png 252w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home-600x1067.png 600w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home.png 750w\" sizes=\"(max-width: 252px) 100vw, 252px\" \/>The mobile version of addons.mozilla.org (AMO) recently debuted a new appearance. It\u2019s not a complete redesign, but rather the start of an iterative process that will take months to fully transform AMO for mobile. The new look is also a preview of what&#8217;s to come for desktop AMO. Once the mobile design elements mature, we&#8217;ll apply the same concepts to desktop, likely sometime later this year.<\/p>\n<p>&#8220;Parity between the two platforms is a high priority,&#8221; says Sr. Visual Designer Philip Walmsley. &#8220;We&#8217;re using mobile to test and learn what works, and uplifting that into the desktop designs. And anything new we discover along the way on desktop will be designed back into mobile, as well.&#8221;<\/p>\n<p>Our main goal was to make browsing add-ons more intuitive and effortless. To that end, the new design presents content in a cleaner, more streamlined manner. There are fewer buttons to tap, but the ones that remain are bold and clear.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-8137 size-medium\" src=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_detail-252x448.png\" alt=\"\" width=\"252\" height=\"448\" srcset=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_detail-252x448.png 252w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_detail-600x1067.png 600w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_detail.png 750w\" sizes=\"(max-width: 252px) 100vw, 252px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-8136 size-medium\" src=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_themes-252x448.png\" alt=\"\" width=\"252\" height=\"448\" srcset=\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_themes-252x448.png 252w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_themes-600x1067.png 600w, https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_themes.png 720w\" sizes=\"(max-width: 252px) 100vw, 252px\" \/><\/p>\n<p>Illustrated in the images above, the homepage displays a subset of categories represented primarily though iconography&#8230; The density of information on an add-on detail page is more balanced now, with only essential information in clear view&#8230; and theme previews are bigger and screenshots more prominent. <\/p>\n<p>There&#8217;s a bit more color, too. In general much of the aesthetic was in need of a modernizing overhaul. These recent changes are just the start. Plenty more to come. If you&#8217;re exploring the new AMO on your Android device and spot a bug, please feel free to <a href=\"https:\/\/github.com\/mozilla\/addons\/issues\/new\" target=\"_blank\">let us know about it<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The mobile version of addons.mozilla.org (AMO) recently debuted a new appearance. It\u2019s not a complete redesign, but rather the start of an iterative process that will take months to fully &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/\">Read more<\/a><\/p>\n","protected":false},"author":648,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[581,124],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>AMO Has a New Look on Android - Mozilla Add-ons Community Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott DeVaney\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/\",\"name\":\"AMO Has a New Look on Android - Mozilla Add-ons Community Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home-252x448.png\",\"datePublished\":\"2017-04-11T18:57:45+00:00\",\"dateModified\":\"2017-04-11T18:57:45+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/4c2e23c8fee2460a91031d2825ff7d35\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home.png\",\"width\":750,\"height\":1334},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/addons\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AMO Has a New Look on Android\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/\",\"name\":\"Mozilla Add-ons Community Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/4c2e23c8fee2460a91031d2825ff7d35\",\"name\":\"Scott DeVaney\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dc38a62432c7d12585390805c2bc58e2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dc38a62432c7d12585390805c2bc58e2?s=96&d=mm&r=g\",\"caption\":\"Scott DeVaney\"},\"url\":\"https:\/\/blog.mozilla.org\/addons\/author\/sdevaneymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AMO Has a New Look on Android - Mozilla Add-ons Community Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/","twitter_misc":{"Written by":"Scott DeVaney","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/","url":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/","name":"AMO Has a New Look on Android - Mozilla Add-ons Community Blog","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/addons\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home-252x448.png","datePublished":"2017-04-11T18:57:45+00:00","dateModified":"2017-04-11T18:57:45+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/4c2e23c8fee2460a91031d2825ff7d35"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#primaryimage","url":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home.png","contentUrl":"https:\/\/blog.mozilla.org\/addons\/files\/2017\/04\/IMG_home.png","width":750,"height":1334},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/addons\/2017\/04\/11\/amo-new-look-android\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/addons\/"},{"@type":"ListItem","position":2,"name":"AMO Has a New Look on Android"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/addons\/#website","url":"https:\/\/blog.mozilla.org\/addons\/","name":"Mozilla Add-ons Community Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/4c2e23c8fee2460a91031d2825ff7d35","name":"Scott DeVaney","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dc38a62432c7d12585390805c2bc58e2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dc38a62432c7d12585390805c2bc58e2?s=96&d=mm&r=g","caption":"Scott DeVaney"},"url":"https:\/\/blog.mozilla.org\/addons\/author\/sdevaneymozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8133"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/users\/648"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/comments?post=8133"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/8133\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/media?parent=8133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/categories?post=8133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/tags?post=8133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}