Firefox/Projects/Extension Manager Redesign
Status
Redoing wiki, taking care of some edge cases, specifying how jetpack/extensions and personas/themes work together
Background
This wiki will serve as a planning page for a redesign of the Add-ons Manager for Firefox 3.7.
Past work
- Main article: Past Work
Madhava worked on redesigning the add-ons manager in 2007, and posted his work here. He also designed much of the current add-ons manager for Firefox 3, which is largely unchanged today.
Current Add-ons Manager
- Main article: Current Add-ons Manager
Goals
- Main article: Prioritized Goals
- Main article: Redesign Themes
There are five main areas of the add-ons manager that this redesign will involve:
- 1. Maintaining and Configuring
- 2. Updating
- 3. Installing
- 4. Discovering
- 5. Troubleshooting
Tier One: |
Tier Two: |
Tier Three: |
1. Maintaining and Configuring | 2. Updating | 4. Discovering |
3. Installing | 5. Troubleshooting |
Design
For the purposes of development, this wiki is explicitly separating the visual design of the add-ons manager with the interaction design. The visual design section will have the most up-to-date mockups of how the add-ons manager will look, and the interaction design section will have the most up-to-date mockups of how the add-ons manager will behave. The reason for this separation is so that smaller changes to the design will not require re-doing all of the interaction design mockups. It can be assumed that the interaction mockups are up-to-date insofar as the highlighted behavior is effected.
Visual Design
The default Add-ons Manager view will be in a two-panel basic hierarchy view within the content area of the browser. Add-on categories will be in the left panel, and expanded view will be on the right.
The following are not pixel-perfect finals graphics, but mockups for placement. Graphics and colors should be assumed to be placeholders.
An add-on can be viewed in three ways in the right panel:
Digest View
Digest view shows a small amount of information, similar to what the current add-ons manager shows, which is visible when add-ons are viewed in a list. In this view, the following are visible for an installed add-on:
- Add-on Name
- Author name with link to AMO Profile
- Partial add-on Description
- Disable and Remove Buttons
- Date last updated
- Rating
- Link to Expanded Digest View
Expanded Digest View =
Expanded digest view gives the full add-on description, with links to the add-on's homepage, AMO profile, badness score, and Contribute link.
Detail View
Details view shows one add-on in the full content area. The following are visible for an installed add-on:
- Add-on Name
- Author name with link to AMO Profile
- Add-on Description
- Disable and Remove Buttons
- Date last updated
- Contribute link
- Link to AMO Profile and developer's own add-on page
- Rating
- Add-on Preferences
Themes and Personas View
((coming soon))
Interaction design
Main Functionality
Searching, Downloading, and Installing Add-ons Within the Manager=
Downloading and Installing Add-ons from AMO
Edge Cases
Team
- Sprint lead
- Boriss
- Development
- Unfocused, Mossop
- AMO liaison
- Nick and Fligtar
- Other contacts
- Jetpack:
- Atul, Aza
- Personas:
- Amy Zehren(?)
- Firebug:
- Firebug team is currently designing a new install/update solution for Firebug extensions. Let me know if anyone is interested in discussing it. jjb
Resources
Past work
- 3/2006: Extension Manager UI Comments from developers on redesign ideas
- 7/2007: Firefox:Add-ons Manager UI: Madhava's two-panel proposed design
- 12/2007 Add-ons Manager UI interim rev2 Scaled back version of above, one panel design, very similar to current
- 1/2010 Older, Expanded version of Add-ons Manager Wiki Scaled back version of above, one panel design, very similar to current
Feedback Received
- Main article: Feedback from Blog Posts
Bugs
- 256509 install without restart
Not Current Images & Wireframes
- Main article: Not Current Images & Wireframes