: Etherpad users! We are developing an extension that will allow you to create pages from etherpads quickly and easily. Please visit our sandbox and help us test it.

Arrow Panel Redesign

From MozillaWiki
Jump to: navigation, 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 `

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 `

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

`


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

Team status notes

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