Extension Manager UI:User Interface

From MozillaWiki
Revision as of 22:04, 23 March 2006 by Robert Strong (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Please comment in the Talk page (use the Discussion tab above)

Scope of this Document

This document will provide the specification for the Extension Manager user interface changes that will ship in Firefox 2.0. For additional information regarding why these changes are necessary please refer to the [/Extension_Manager_UI|Extension Manager UI] project document.

UI Design

Case 1: Discoverability

When an addon is selected the most commonly used actions will be displayed within the item that is selected. This will provide a clear separation between global actions and actions for the selected addon. The selected addon will wrap the description text. The theme preview area will be separated from the list with a splitter and thereby allow changing the width of the list.

  • this is not easily discoverable (I believe on all OS's except Mac OS X) but I don't see this as a setback since this is the case in most applications that provide this capability.
        +--------------------------------------------------------------+
        | Addons                                                 _ - X |
        +-------| ---------- |-----------------------------------------+
        |     @@@       #@@@#    @@@                                   |
        |     @@@       #@@@#    @@@                                   |
        |  Extensions  Themes Languages                                |
        | +----------------------------------------------------------+ |
        | | @@ Firefox (default) 2.0       ||                        | |
        | | @@ The default theme           ||                        | |
        | | -------------------------------||                        | |
        | |#@@#Noia#2.0#(eXtreme)#3.00##   ||                        | |
        | |#@@#Fully#skinned#based#on#Noia#||                        | |
        | |####icon#set.###################||        Theme           | |
        | |####(Use Theme)#( Uninstall )###||     Preview Area       | |
        | | -------------------------------||                        | |
        | |                                ||                        | |
        | |                                ||                        | |
        | |                                ||                        | |
        | |                                ||                        | |
        | |                                ||                        | |
        | |                                ||                        | |
        | +----------------------------------------------------------+ |
        | ( @ Find Updates )                        Get More Themes... |
        +--------------------------------------------------------------+

        .----------------------------------------------------.
        |This extension isn't secure                         |
        |====================================================|
        |   .                                                |
        |  /!\   The extension $extNameAndVersion is known   |
        |  ---   to be dangerous, and can't be installed.    |
        |                                                    |   
        |        More information                            |
        |                                                    |   
        |                       [ OK ]                       |
        '----------------------------------------------------'