|   |  | 
| Line 5: | Line 5: | 
|  | |Feature version=Firefox Next |  | |Feature version=Firefox Next | 
|  | |Feature health=OK |  | |Feature health=OK | 
|  | |Feature status note=New Tab and Home Page landed in Firefox 13.  This new project seeks to improve and combinethese two pages into one integrated design on Firefox desktop, mobile, andtable |  | |Feature status note=This new project seeks to improve and combine New Tab ("about:newtab" in Firefox) and Home ("about:home" in Firefox) into one integrated design on Firefox desktop, mobile, and tablet. | 
|  | }} |  | }} | 
|  | {{FeatureTeam |  | {{FeatureTeam | 
| Line 27: | Line 27: | 
|  | 
 |  | 
 | 
|  | ==Goals== |  | ==Goals== | 
|  | ===1. Offer a seamless experience across devices and users=== |  | ===1.  Make users more powerful=== | 
|  | 
 |  | 
 | 
|  | * '''Be user-centric, not device-centric.'''When a Firefoxuser begins a browsing session,they should always feel they are continuing aweb experiencewith a browser built for them, not having to re-introduce themselves |  | * '''Utilizes usage data Firefox already has.'''  Creates value from what Firefox knows about the people who use it, building a richer experience over time without compromising privacy or security | 
|  | * '''Feel ''Firefoxy'' on any platform.'''While Firefox is designed differently for differentform factors, NT2 will look, feel, and act in accordance with our brand tone andstyle |  |   | 
|  |  |   | 
|  |  | * '''Make users efficient.'''  Has a high likelihood of predicting what the user’s next action is and saving them time in the process.'''  Allows users to easily navigate different locations and contexts | 
|  | 
 |  | 
 | 
|  | ===2. Make users more powerful===
 |  | 
|  | * '''Utilizes usage data Firefox already has.'''  Creates value from what Firefox knows about the people who use it, building a richer experience over time without compromising privacy or security
 |  | 
|  | * '''Make users efficient.'''  Has a high likelihood of predicting what the user’s next action is and saving them time in the process.  Allows users to easily navigate different locations and contexts
 |  | 
|  | * '''Recognize context.'''  Understands that how users browse changes based on their situation, state, and tasks.  Does require users to compromise privacy among people in their life. |  | * '''Recognize context.'''  Understands that how users browse changes based on their situation, state, and tasks.  Does require users to compromise privacy among people in their life. | 
|  |  |  | 
|  | * '''Be the user’s agent and advocate.'''  Welcomes users to their browsing session while being helpful, not overpowering. |  | * '''Be the user’s agent and advocate.'''  Welcomes users to their browsing session while being helpful, not overpowering. | 
|  | * Non-goal: Engage users at all costs.  A successful design will passively present our best guess as to what users will find useful, but not any content that the user might find interesting.  Distraction from the user’s intended task is not acceptable.
 |  | 
|  | 
 |  | 
 | 
|  | ===3.Successfully Integrate New Tab andHome Tab into one Page===
 |  | * '''Non-goal: Work well with a user’s current and future tools.'''  Firefox cannot be all tools to all users, and a successful design will integrate with users’ current workflows and tools  Firefox and a user’s tools | 
|  | Successfully Integrates New Tab andHome Tab into one Page
 |  | should be more powerful together: Firefox should not work around or despite a user’s tools. | 
|  | 
 |  | 
 | 
|  | * '''Use what we’ve learned''' through research and testing about what users do and want at the beginning of their session and when opening a new tab and delivers a solution to address real user needs
 |  | ===2. Offer a seamless experience across devices and users=== | 
|  | * '''Don't leave current users in the lurch.'''  While the features NT2 presents will change and some will move, users will not be left unable to find functionality they need
 |  | 
|  | * Non-goal: Combine all the features of Home Tab and New Tab into one page.  Currently, these two pages offer users different options, but a successful design for v2 will curate content strategically in the way that produces the best user experience.  Any item present on the page must have a rationale to be displayed other than historical design.
 |  | 
|  | |Feature users and use cases=* A user opens Firefox to begin a browsing task such as checking email, social networking, or reading the news
 |  | 
|  | * A user opens a new Firefox tab to complete a task such as navigating to a website, mapping a location, doing a math problem, or checking the spelling of a word
 |  | 
|  | * A users closes their laptop at home and runs to catch a bus, taking their Android device with them
 |  | 
|  | * A user shares a family computer with her children, but wants to make sure they’re not exposed to the websites she visits
 |  | 
|  | * A user is backpacking far from his home computer and uses an internet cafe communicate while traveling
 |  | 
|  | |Feature non-goals=* Engage users at all costs.  A successful design will passively present our best guess as to what users will find useful, but not any content that the user might find interesting. Distraction from the user’s intended task is not acceptable.
 |  | 
|  | * Combine all the features of Home Tab and New Tab into one page.  Currently, these two pages offer users different options, but asuccessful design for v2 will curate content strategically in the way that produces the best user experience.  Any item present on the page must have a rationale to be displayed other than historical design.
 |  | 
|  | * Brand overload.  The home and new tab see a great deal of user traffic, andtemptation to introduce Mozilla’s latest products and services here will be high.  However, the focus of these pages is on users, not on Mozilla.  While there may be some room for subtle messaging in some cases (e.g. snippets), it is the user’s goals which will define content, not necessarily Mozilla corporation’s goals.  The goal to keep in mind is that *Firefox answers to no one but you.*
 |  | 
|  | |Feature ux design=Current design document can be downloaded here: http://people.mozilla.com/~jboriss/specs/newtabv2/
 |  | 
|  | 
 |  | 
 | 
|  | On each instance of Firefox, auser will see the sites most likely to be useful to themgrouped into categories.  These categories will include recently closed,recently bookmarked, history, etc.
 |  | * '''Be user-centric, not device-centric.When a Firefox user begins a browsing session, they should always feel they are continuing a web experience with a browser built for them, not having to re-intro duce themselves | 
|  | 
 |  | 
 | 
|  | Firefox itself, regardless of device, willhave a default list of site categories that is determined by its chance of being useful to the braod swathe of users.  For instance,the first category will be “top sites,” meaning those withthe highest frecency (frequency + recency) score.  The order of subsequent categories will be in order of decreasing usefulness. |  | * '''Feel Firefoxy on any platform.'''  While Firefox is designed differently for different form factors, NT2 will look, feel, and act in accordance with our brand tone and style | 
|  | 
 |  | 
 | 
|  | Any device Firefox runs in will have present these categories in consistent behavior andlayout.  For users who have not logged intoFirefox on multiple devices, the categories will always default to the same order (frecency first, etc).  Scrolling to the right on every device shows additional categories, while scrolling down on onecategory maximizes it.  This means that even if a user has no Firefox account, they can use muscle memory to find the category they want, even across devices.
 |  | ===3. Successfully Integrate New Tab and Home Tab into one Page=== | 
|  | 
 |  | 
 | 
|  | The differences between devices are dependant only on thedevices themselves: touch vs click, small screen vs large.  On desktop, all categories past “Top Sites” will be shown in list form, while on tablets andmobile devices only thumbnails will be shown.  This is due tothe affordance of touch on touchscreens requiring large targets, while mice on desktop allow for smaller targets.
 |  | * '''Use what we’ve learned through research and testing about what users do and want at the begin ning of their session and when opening a new tab and delivers a solution to address real user needs | 
|  | 
 |  | 
 | 
|  | In keeping with theSandstone Mozilla style,a “supertab” at the top right of all new tabs on all devices willallow a user toaccess additional items and customization.  
 |  | * '''Don’t leave current users in the lurch.'''  While the features NT2 presents will change and some will move, users will not be left unable to find functionality they need | 
|  | 
 |  | 
 | 
|  | Things get interesting once a user has a Firefox account.Then,all of the devices they log into willkeep thesame categories with thesame sites in thesame order, and muscle memory will increase further. 
 |  | * '''Non-goal: Combine all the features of Home Tab and New Tab into one page.'''  Currently, these two pages offer users different options, but a successful design for v2 will curate content strategically in the | 
|  |  | way that produces the best user experience.  Any item present on the page must have a rationale to be displayed other than historical design. | 
|  | 
 |  | 
 | 
|  | Rather than requesting users set up their Firefox dashboard, this system passively adds sites users care about into categories.  If users want to customize this dashboard, they can remove, add, and reprioritize these cateogires.  But, vitally, these categories are created for them.
 |  | 
|  | [[Image:New tab v2 mockup 0 3.png]] |  | [[Image:New tab v2 mockup 0 3.png]] | 
|  | [[Image:Sliding right reveals more categories.png]] |  | [[Image:Sliding right reveals more categories.png]] |