Firefox/Features/New Tab Page v2: Difference between revisions

adding gallery
(more)
(adding gallery)
Line 92: Line 92:
|Feature qa notes=[https://wiki.mozilla.org/Firefox/Features/New_Tab_Page/Test_Plan Test Plan]
|Feature qa notes=[https://wiki.mozilla.org/Firefox/Features/New_Tab_Page/Test_Plan Test Plan]
}}
}}
== Resources ==
== Resources ==
* [https://wiki.mozilla.org/Firefox/Features/New_Tab_Page Feature Page for Firefox 13's Home and New Tab design update]
* [https://wiki.mozilla.org/Firefox/Features/New_Tab_Page Feature Page for Firefox 13's Home and New Tab design update]
Line 99: Line 101:
* [https://blog.mozilla.org/faaborg/2011/06/10/home-tab-and-new-tab-conceptual-mockups/ Home Tab and New Tab Conceptual Mockups] Faaborg, June 10, 2011
* [https://blog.mozilla.org/faaborg/2011/06/10/home-tab-and-new-tab-conceptual-mockups/ Home Tab and New Tab Conceptual Mockups] Faaborg, June 10, 2011
* [https://blog.mozilla.org/faaborg/2011/04/13/the-firefox-home-tab/ Firefox Home Tab] Faaborg, April 13, 2011
* [https://blog.mozilla.org/faaborg/2011/04/13/the-firefox-home-tab/ Firefox Home Tab] Faaborg, April 13, 2011
* [https://blog.mozilla.org/blog/2012/06/05/firefox-has-a-redesigned-home-page-and-new-tab-experience-that-make-browsing-the-web-faster-and-easier/ Firefox Has a Redesigned Home Page and New Tab Experience That Make Browsing the Web Faster and Easier] Boriss via Mozilla Blog, June 5, 2012


== Research ==
=== Research ===
* [http://https://jboriss.wordpress.com/2011/07/28/thumbnails-titles-and-urls-how-users-recognize-representations-of-websites/ Thumbnails, Titles, and URLs: How Users Recognize Representations of Websites] Boriss, July 28, 2011
* [http://https://jboriss.wordpress.com/2011/07/28/thumbnails-titles-and-urls-how-users-recognize-representations-of-websites/ Thumbnails, Titles, and URLs: How Users Recognize Representations of Websites] Boriss, July 28, 2011


=== From the 2011 Test Pilot A/B and Multivariate Studies ===
==== From the 2011 Test Pilot A/B and Multivariate Studies ====


* [https://jboriss.wordpress.com/2011/09/28/how-people-use-new-tabs/ How People Use New Tabs] Boriss, September 28, 2011
* [https://jboriss.wordpress.com/2011/09/28/how-people-use-new-tabs/ How People Use New Tabs] Boriss, September 28, 2011
Line 111: Line 114:
* [https://jboriss.wordpress.com/2011/07/21/firefox-would-love-to-read-your-mind/ Firefox Would Love to Read Your Mind ], Boriss, July 21, 2011]
* [https://jboriss.wordpress.com/2011/07/21/firefox-would-love-to-read-your-mind/ Firefox Would Love to Read Your Mind ], Boriss, July 21, 2011]
* [https://jboriss.wordpress.com/2011/06/15/research-spinning-up-on-new-tab-page/ Research Spinning Up on New Tab Page] Boriss, June 15, 2011
* [https://jboriss.wordpress.com/2011/06/15/research-spinning-up-on-new-tab-page/ Research Spinning Up on New Tab Page] Boriss, June 15, 2011
=== Sketches ===
==Sketches==
<gallery>
Image:New tab in firefox 13 32432.png|Windows Screenshot: New Tab in Firefox 13
Image:Firefox Home Tab in Firefox 13.png|Windows Screenshot: Home Tab in Firefox 13
Image:Conceptual home tab mockup 32423.png|Conceptual mockup: "dashboard-style" Home tab
Image:Rationale new tab home tab different 324.png|Rationale for why home tab and new tab have been separate
Image:Where users go after opening new tab23423.png|Diagram: Where users navigate to after opening a new tab
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Dashboard style hometabs 32423.png|Dashboard-style home tab concepts
Image:Simple_home_new_with_levels_at_top12431234.png|OSX Mockup for quick dial home tab with categories at top
Image:Adding new sites to black bar design 432234.png|Adding a custom site to grid view
Image:Dark labels with customization gear 32423.png|Grid view with gear to change content
Image:Bookmarks and top sites side by side23423.png|Bookmarks and top sites side-by-side
Image:Prompt for telementry on hometab4232.png|Telemetry prompt on home tab
Image:Faded out top site icons with categories254234.png|Faded out top site icons with categories
Image:Initial spec with black titles 3242342.png|Initial new tab spec with basic customization
Image:Outlined tabs on grid view with icons.png|Outlined tabs on grid view with icons
Image:Concept Marketplace and apps in new tab and in URL bar.png|Concept Mockup o f apps in New Tab and URL bar
Image:Multivariate study examples23423.png|Three types of new tab grid configurations tested in multivariate study
Image:Osx new tab design without search bar.png|OSX New tab design without search bar
Image:Osx new tab design without a search bar 23423.png|OSX New tab design without a search bar
Image:How dark labels on new tab pages look on various kinds of thumbnails.png|How dark semi-transparent labels appear on various kinds of thumbnails
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
Image:Simple with dark levels 234234.png|Simple new tab with dark titles at bottom
</gallery>
Confirmed users
954

edits