Confirmed users
954
edits
Firefox/Features/New Tab Page v2: Difference between revisions
Firefox/Features/New Tab Page v2 (view source)
Revision as of 21:32, 3 September 2012
, 3 September 2012adding 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> | |||