Firefox:Add-ons Manager UI: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 55: Line 55:
=== Add-ons Manager ===
=== Add-ons Manager ===


==== Getting Add-ons ====
[[Image:manager_get1.png]]
[[Image:manager_get1.png]]


[[Image:manager_get2.png]]
[[Image:manager_get2.png]]


==== Managing Add-ons ====
[[Image:manager_manage1.png]]
[[Image:manager_manage1.png]]


[[Image:manager_manage2.png]]
[[Image:manager_manage2.png]]

Revision as of 20:55, 30 July 2007

Previous Designs

Ideas from Feb-May 2006: Firefox:Extension_Manager_UI

Task Flow Overview

Install from AMO (and whitelist)

From amo currentflow.png

  1. User clicks on an AMO "Install Now" button
  2. The modal confirmation dialog appears
    • Issues: The dialog is (a) too intimidating, (b) verbose, (c) confusing
  3. Add-ons Manager is launched in the temporary "Installation" view
    1. Progress indication goes by (usually too fast to see)
    2. On completion, the text changes to "Restart to complete the installation"
    3. User clicks the "Restart Firefox" button or goes on with his/her life
  4. eventually, the user restarts
    • Issues: the position of the permanent "Restart Firefox" button makes it seem like it must be pressed to close the dialog (as with an OK or Cancel button)
  5. Firefox comes back up.
    • Issues: If the installed add-ons pop up prefs panes, they are there; if not, there's no indication that anything has happened, successfully or otherwise

Install from Elsewhere

Non amo currentflow.png


Plugin Install

Suggested Designs

Friendly Confirmation

Drive-by Blocker

Current: Non amo blocker current.png

Revised - option 1 (no whitelist): Non amo blocker revised.png

Revised - option 2 (whitelist): Non amo blocker revised2.png

Scary Confirmation

The rationale behind this redesign is to elevate the warning, rather than the list or reiteration of the identity of the add-on, to primacy in the dialog. The user (should) already know what he/she is installing, so its presence is just as context for the new information (the warning) above.

Scary confirmation.png

Notes:

  • (Source Unconfirmed)- this takes the place of "Unsigned" in the implementation. If it were signed, the name of the source would be in parentheses.
  • the URL should be selectable

Add-ons Manager

Getting Add-ons

Manager get1.png

Manager get2.png

Managing Add-ons

Manager manage1.png

Manager manage2.png