Firefox/Projects/Extension Manager Redesign

From MozillaWiki
< Firefox‎ | Projects
Revision as of 09:08, 24 February 2010 by Jboriss (talk | contribs)
Jump to navigation Jump to search

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.

am1.png

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:
Basic Functionality
Minimum features needed for usable add-ons manager, would substantially change in any redesign, incorporation of newer forms of add-ons (jetpacks, personas) cannot happen without. The functionality here is not provided anywhere outside of the add-ons manager

Tier Two:
Current Problems
Areas that are currently interrupting user tasks

Tier Three:
Enhancements
Features that are currently barely present in add-ons manager but could provide substantial value to users. The functionality provided by these is available outside of the add-ons manager, but could be provided within it

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

Digest view from biggerleftcolumn 324.png

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.

Expanded view 32432.png

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

Detail view 32423.png

Themes and Personas View

((coming soon))

Interaction design

Main Functionality

Searching, Downloading, and Installing Add-ons Within the Manager=

From within manager make this horizontal.png

Downloading and Installing Add-ons from AMO

Download install amo.png

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

Feedback Received

Main article: Feedback from Blog Posts

Bugs

  • 256509 install without restart

Not Current Images & Wireframes

Main article: Not Current Images & Wireframes