Tab Strip Visual Redesign

From MozillaWiki
Revision as of 10:02, 8 August 2013 by Ntim007 (talk | contribs)
Jump to navigation Jump to search
Please use "Edit with form" above to edit this page.

Status

Tab Strip Visual Redesign
Stage Development
Status In progress
Release target Firefox 25
Health OK
Status note `

{{#set:Feature name=Tab Strip Visual Redesign

|Feature stage=Development |Feature status=In progress |Feature version=Firefox 25 |Feature health=OK |Feature status note=` }}

Team

Product manager Asa Dotzler
Directly Responsible Individual Stephen Horlander
Lead engineer Matthew Noorenberghe
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead Paul Silaghi
UX lead Stephen Horlander
Product marketing lead `
Operations lead `
Additional members Mike Conley

{{#set:Feature product manager=Asa Dotzler

|Feature feature manager=Stephen Horlander |Feature lead engineer=Matthew Noorenberghe |Feature security lead=` |Feature privacy lead=` |Feature localization lead=` |Feature accessibility lead=` |Feature qa lead=Paul Silaghi |Feature ux lead=Stephen Horlander |Feature product marketing lead=` |Feature operations lead=` |Feature additional members=Mike Conley }}

Open issues/risks

`

Stage 1: Definition

1. Feature overview

Redesign and streamline the Tab Strip.

Goals:

  • Emphasis the current active tab
  • Create a soft, smooth and streamlined appearance

2. Users & use cases

All users that use tabs.

3. Dependencies

  • Implement window frame in XUL – bug 590945
  • Tabs in titlebar support for OSX – bug 625989
  • Ability to manipulate window controls for OSX - bug 851652

4. Requirements

`

Non-goals

`

Stage 2: Design

5. Functional specification

`

6. User experience design

Design Goals:

  • Soft curves connecting the Active Tab to the Tab Strip
  • No visual affordance to background tabs except on hover
  • Subtle separators for background tabs

Design Specs:

Tabs

Stage 3: Planning

7. Implementation plan

`

8. Reviews

Security review

`

Privacy review

`

Localization review

`

Accessibility

`

Quality Assurance review

`

Operations review

`

Stage 4: Development

9. Implementation

Development work can be tracked in bug 732583 and its dependencies:

Planning etherpad Bug tracking dashboard

Stage 5: Release

10. Landing criteria

Must land in the same Firefox release as the Panel Menu and new toolbar customization {{#set:Feature open issues and risks=` |Feature overview=Redesign and streamline the Tab Strip.

Goals:

  • Emphasis the current active tab
  • Create a soft, smooth and streamlined appearance

|Feature users and use cases=All users that use tabs. |Feature dependencies=* Implement window frame in XUL – bug 590945

  • Tabs in titlebar support for OSX – bug 625989
  • Ability to manipulate window controls for OSX - bug 851652

|Feature requirements=` |Feature non-goals=` |Feature functional spec=` |Feature ux design=Design Goals:

  • Soft curves connecting the Active Tab to the Tab Strip
  • No visual affordance to background tabs except on hover
  • Subtle separators for background tabs

Design Specs:

Tabs

|Feature implementation plan=` |Feature security review=` |Feature privacy review=` |Feature localization review=` |Feature accessibility review=` |Feature qa review=` |Feature operations review=` |Feature implementation notes=Development work can be tracked in bug 732583 and its dependencies:

Planning etherpad Bug tracking dashboard |Feature landing criteria=Must land in the same Firefox release as the Panel Menu and new toolbar customization }}

Feature details

Priority P1
Rank 999
Theme / Goal Experience
Roadmap User Experience
Secondary roadmap Firefox Desktop
Feature list Desktop
Project `
Engineering team Desktop front-end

{{#set:Feature priority=P1

|Feature rank=999 |Feature theme=Experience |Feature roadmap=User Experience |Feature secondary roadmap=Firefox Desktop |Feature list=Desktop |Feature project=` |Feature engineering team=Desktop front-end }}

Team status notes

  status notes
Products ` `
Engineering ` `
Security sec-review-unnecessary `
Privacy ` `
Localization ` `
Accessibility ` `
Quality assurance ` `
User experience ` `
Product marketing ` `
Operations ` `

{{#set:Feature products status=`

|Feature products notes=` |Feature engineering status=` |Feature engineering notes=` |Feature security status=sec-review-unnecessary |Feature security health=` |Feature security notes=` |Feature privacy status=` |Feature privacy notes=` |Feature localization status=` |Feature localization notes=` |Feature accessibility status=` |Feature accessibility notes=` |Feature qa status=` |Feature qa notes=` |Feature ux status=` |Feature ux notes=` |Feature product marketing status=` |Feature product marketing notes=` |Feature operations status=` |Feature operations notes=` }}