Arrow Panel Redesign

From MozillaWiki
Jump to navigation Jump to search
Please use "Edit with form" above to edit this page.

Status

Arrow Panel Redesign
Stage Draft
Status In progress
Release target `
Health OK
Status note `

{{#set:Feature name=Arrow Panel Redesign

|Feature stage=Draft |Feature status=In progress |Feature version=` |Feature health=OK |Feature status note=` }}

Team

Product manager `
Directly Responsible Individual Stephen Horlander
Lead engineer `
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead `
UX lead Stephen Horlander
Product marketing lead `
Operations lead `
Additional members `

{{#set:Feature product manager=`

|Feature feature manager=Stephen Horlander |Feature lead engineer=` |Feature security lead=` |Feature privacy lead=` |Feature localization lead=` |Feature accessibility lead=` |Feature qa lead=` |Feature ux lead=Stephen Horlander |Feature product marketing lead=` |Feature operations lead=` |Feature additional members=` }}

Open issues/risks

`

Stage 1: Definition

1. Feature overview

Redesign and streamline the Arrow Panels.

Goals:

  • Achieve a lighter more consistent look for arrow type panels
  • Create a soft, smooth and streamlined appearance
  • Establish consistent and reusable UI element styles and dimensions for various types of panel based UI including:
    • Notifications
    • Downloads
    • Bookmarks
    • Share

2. Users & use cases

All users that use panels.

3. Dependencies

`

4. Requirements

`

Non-goals

`

Stage 2: Design

5. Functional specification

`

6. User experience design

Design:

  • Lighter more consistent appearance on all platforms
  • Specific design considerations for various types of panels

panels.jpg

panels-osx.jpg

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

  • bug 764755 - Remove the aero glass style border of arrow panels and reduce the arrow size
  • bug 723061 - Use native look for arrow panels (doorhangers) on Mac

Stage 5: Release

10. Landing criteria

` {{#set:Feature open issues and risks=` |Feature overview=Redesign and streamline the Arrow Panels.

Goals:

  • Achieve a lighter more consistent look for arrow type panels
  • Create a soft, smooth and streamlined appearance
  • Establish consistent and reusable UI element styles and dimensions for various types of panel based UI including:
    • Notifications
    • Downloads
    • Bookmarks
    • Share

|Feature users and use cases=All users that use panels. |Feature dependencies=` |Feature requirements=` |Feature non-goals=` |Feature functional spec=` |Feature ux design=Design:

  • Lighter more consistent appearance on all platforms
  • Specific design considerations for various types of panels

panels.jpg

panels-osx.jpg |Feature implementation plan=` |Feature security review=` |Feature privacy review=` |Feature localization review=` |Feature accessibility review=` |Feature qa review=` |Feature operations review=` |Feature implementation notes=* bug 764755 - Remove the aero glass style border of arrow panels and reduce the arrow size

  • bug 723061 - Use native look for arrow panels (doorhangers) on Mac

|Feature landing criteria=` }}

Feature details

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

{{#set:Feature priority=Unprioritized

|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 ` `
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=` |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=` }}