{"id":426,"date":"2016-03-17T11:42:50","date_gmt":"2016-03-17T11:42:50","guid":{"rendered":"https:\/\/blog.mozilla.org\/mobile\/?p=426"},"modified":"2016-03-17T11:42:50","modified_gmt":"2016-03-17T11:42:50","slug":"rebooting-bookmarks","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/mobile\/2016\/03\/17\/rebooting-bookmarks\/","title":{"rendered":"Rebooting Bookmarks"},"content":{"rendered":"<p>When we started to look at different ways on how <a href=\"http:\/\/darrinhenein.com\/~\/mozilla\/labs\/mobile-panels\/\">our users can discover, save, and revisit content more easily<\/a>, our first initiative was to look at how one can <em>save<\/em> web content, more intuitively, and more delightfully.<\/p>\n<h3>What we know today<\/h3>\n<ul>\n<li>One of the most used and discussed features in the Firefox for Android app is \u201cBookmarks\u201d, the concept of saving websites to be retrieved at a later time again.<\/li>\n<li>We currently provide several home panels. One of these panels is the Reading List panel. It&#8217;s a panel that, by default, is several swipes away, located at the very far right of all the panels. We believe it deserves more prominence than that, and therefore should be brought closer to the user.<\/li>\n<li>We want to help our users explore easier ways of saving and revisiting content, especially when being offline.<\/li>\n<li><a href=\"https:\/\/blog.mozilla.org\/ux\/2015\/02\/save-share-revisit\/\">User research<\/a> implies that users don\u2019t fully utilize the potential of articles viewed in <a href=\"http:\/\/lucasr.org\/2012\/06\/21\/reader-mode-in-firefox-mobile\/\">Reader View<\/a> nor know how it relates to the Reading List.<\/li>\n<\/ul>\n<h3>What we will improve<\/h3>\n<div id=\"attachment_428\" style=\"width: 170px\" class=\"wp-caption alignright\"><a href=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/1-prev_readinglist_migrate.png\" rel=\"attachment wp-att-428\"><img aria-describedby=\"caption-attachment-428\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-428 size-thumbnail\" src=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/1-prev_readinglist_migrate-160x160.png\" alt=\"\" width=\"160\" height=\"160\" \/><\/a><p id=\"caption-attachment-428\" class=\"wp-caption-text\">Migration of Reading List notification<\/p><\/div>\n<p>In order to consolidate and simplify the home panels, we will <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1234314\">shift existing Reading List items<\/a> such as articles, blog posts, etc. into the Bookmarks panel, and take out the Reading List panel. By converting existing Reading List items into Bookmarks, all saved articles will now become available for syncing across all Firefox account devices, a benefit we\u2019ve been wanting to bring to our users for a long time. Existing users of the Reading List will receive a<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1234316\"> migration notification<\/a> how and where to now find their existing Reading List articles.<\/p>\n<div id=\"attachment_429\" style=\"width: 170px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/2-prev_firsttime_feedback.png\" rel=\"attachment wp-att-429\"><img aria-describedby=\"caption-attachment-429\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-429 size-thumbnail\" src=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/2-prev_firsttime_feedback-160x160.png\" alt=\"Helper UI informing the user of offline availability\" width=\"160\" height=\"160\" \/><\/a><p id=\"caption-attachment-429\" class=\"wp-caption-text\">Helper UI informing the user of offline availability<\/p><\/div>\n<p>We will not only make Reader View more discoverable by restructuring the panels, but also improve the way users can learn about Reader View and its offline capability. This will be done by an initial<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1246238\"> helper UI<\/a> as soon as a user saves a Reader View item for the first time, as well as further contextual hints if<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1247689\"> a user repeats the action of viewing<\/a> these items.<\/p>\n<p>We will provide one easy way to save and revisit. No need to decide how to to save web content anymore, whether it&#8217;s by touching the Reading List icon within Reader View or touching the Bookmark <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1234351\">star button<\/a>. Now, any link will be saved by touching the star button.<\/p>\n<div id=\"attachment_430\" style=\"width: 170px\" class=\"wp-caption alignright\"><a href=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/prev_bookmarks_root_migrate6.png\" rel=\"attachment wp-att-430\"><img aria-describedby=\"caption-attachment-430\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-430 size-thumbnail\" src=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/prev_bookmarks_root_migrate6-160x160.png\" alt=\"Reading List smart folder\" width=\"160\" height=\"160\" \/><\/a><p id=\"caption-attachment-430\" class=\"wp-caption-text\">Reading List &#8220;smart folder&#8221;<\/p><\/div>\n<p>In addition to saving Reader View articles to the Bookmarks list, these items will also automatically appear in a new Reading List smart folder. The idea of a smart folder is to organize content for our users, based on context and type (similar to the smart folder on Desktop called \u201cRecently Bookmarked\u201d).<\/p>\n<p>Once a page has been saved using the star button, the URL is added to the Bookmarks panel. If the page is in Reader View at the time it is saved, we make sure to save the Reader View version for offline use. An \u201coffline available\u201d indicator for each saved article signals that the saved content can be revisited offline.<\/p>\n<div id=\"attachment_436\" style=\"width: 260px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/offline-indicator-2.png\" rel=\"attachment wp-att-434\"><img aria-describedby=\"caption-attachment-436\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-436 size-medium\" src=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/offline-indicator-2-250x220.png\" alt=\"\" width=\"250\" height=\"220\" srcset=\"https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/offline-indicator-2-250x220.png 250w, https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/offline-indicator-2-768x677.png 768w, https:\/\/blog.mozilla.org\/mobile\/files\/2016\/03\/offline-indicator-2-600x529.png 600w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><p id=\"caption-attachment-436\" class=\"wp-caption-text\">Snackbar notification &amp; Bookmarks item with offline indicator<\/p><\/div>\n<div align=\"center\"><\/div>\n<p>Qualitative and quantitative data will help us make further decisions and adjustments, as well as help us in defining the success of this improvement.<\/p>\n<p>Feel free to follow our<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1230308\"> meta bug<\/a> which outlines our current approach in more detail.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When we started to look at different ways on how our users can discover, save, and revisit content more easily, our first initiative was to look at how one can save web content, more intuitively, and more delightfully. What we &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/mobile\/2016\/03\/17\/rebooting-bookmarks\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1300,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,181],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/posts\/426"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/users\/1300"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/comments?post=426"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/posts\/426\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/media?parent=426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/categories?post=426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/mobile\/wp-json\/wp\/v2\/tags?post=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}