MozillaWiki

Firefox/Projects/Extension Manager Redesign: Difference between revisions

< Firefox‎ | Projects
(+goals)
 
(24 intermediate revisions by 4 users not shown)
Line 1: Line 1:
= Pitch =
This redesign will substantially improve the basic functionality of the a add-ons manager, such as installation and configuration of add-ons, as well as incorporate additional features and functionality, such as use of Personas and Jetpacks.  The design will also remove parts of the manager that interrupt and distract user tasks.


= Goals =


::''Main article: [[Extension Manager:UI Update oldversion#Prioritized_Goals|Prioritized Goals]]''
::''Main article: [[Extension Manager:UI Update oldversion#Redesign_Themes|Redesign Themes]]''


= Pitch =
The new theme for Firefox will modernize the web browser interface, reflecting the power, simplicity and customizability of the world's most popular browser. Ensuring that the application feels like a natural part of the user's desktop, web life, and task flow are key goals.
= Goals =
* Allow users to quickly locate the add-on they want to inspect  
* Allow users to quickly locate the add-on they want to inspect  
* Provide simple, usable controls for basic add-on operations such as disabling and uninstalling
* Provide simple, usable controls for basic add-on operations such as disabling and uninstalling
Line 20: Line 20:


= Non-Goals =
= Non-Goals =
*****
* Provide a way to edit and create add-ons, including jetpacks
* Redesign the preferences manager, or integrate the add-ons manager with preferences (later goal)


= Status =
= Status =
Line 26: Line 27:
** Started Implementation
** Started Implementation
* '''Tracking Bugs:'''
* '''Tracking Bugs:'''
** <span style="color: #7e7e7e">'''[Windows]'''</span> {{bug|***}}
** <span style="color: #7e7e7e">'''[UI]'''</span> {{bug|550048}}
** <span style="color: #7e7e7e">'''[Linux]'''</span>
** <span style="color: #7e7e7e">'''[API]'''</span> {{bug|461973}}
** <span style="color: #7e7e7e">'''[Mac]'''</span> {{bug|***}}
** <span style="color: #7e7e7e">'''[AMO]'''</span> {{bug|***}}
* '''Project Members:''' Unfocused, Boriss, Mossop
* '''Project Members:''' Unfocused, Boriss, Mossop
* '''Status Summary:''' <onlyinclude>Redoing wiki, taking care of some edge cases, specifying how jetpack/extensions and personas/themes work together</onlyinclude>  
* '''QA contacts''': hskupin (lead), tchung ([[QA/Firefox_3.next/Test_Plan:AddonsManagerRedesign|test plan]])
 
* '''Status Summary:''' <onlyinclude>Fixing bugs, getting final graphics together</onlyinclude>


= Design =
= Design =
* [[Firefox/Projects/New Theme/Windows|Windows]]
::''Main article: [[Firefox/Projects/Extension_Manager_Redesign/design|Design]]
* [[Firefox/Projects/New Theme/Linux|Linux]]
* [[Firefox/Projects/New Theme/Mac|Mac]]
 
 
= Timeline / Milestones =
* 2010/01 - <span style="color: #7e7e7e">'''[Complete]'''</span> Mockups for main browser window interface with N tabs
* 2010/02 - <span style="color: #7e7e7e">'''[Complete]'''</span> Begin implementation work on graphic elements and code changes
* 2010/03 - <span style="color: #568a12">'''[A1]'''</span> Alpha quality implementation of new theme on mozilla-central
* 2010/03 - <span style="color: #567da8">'''[DCP]'''</span> Review with product drivers for feedback/plan alteration
* 2010/05 - <span style="color: #567da8">'''[A2]'''</span> All graphic collateral (icons, image files) complete and reviewed
* 2010/?? - <span style="color: #567da8">'''[B1]'''</span> Beta quality implementation of new theme on mozilla-central
* 2010/?? - <span style="color: #567da8">'''[FINAL]'''</span> All work complete
 


= Delivery Requirements =
= Delivery Requirements =
* Requires an add-on compatibility changing application version increment
* Requires an add-on compatibility changing application version increment
* Requires full alpha and beta testing with over 50,000 users on all platforms
* Requires full alpha and beta testing with over 50,000 users on all platforms
 


= Constraints =
= Constraints =
* Designs completed and accepted for Windows (XP, Vista and Windows 7, in Classic and with Windows themes applied), OSX (10.5 and later) and Linux (Ubuntu 9.10 and later)
* Design must not require add-ons developers to rewrite their preferences
* No impact to Ts or TXul metrics
 


= Dependencies =
= Dependencies =
* Ability to draw in title bar of window on all operating systems (Core::Widget) {{bug|513157}}
* Requires Jetpack integration with Firefox
* Re-implement tab strip as toolbar (Toolkit::Tabbed Browser) {{bug|347930}}
* Requires Personas integration with Firefox
 
* Design depends on whether [[Firefox/Projects/New Theme|New Theme]] lands


= Testing =
= Testing =  
* <span style="color: #7e7e7e">'''[Perf]'''</span> Ts and TXUL should be monitored closely as code lands
* The state of testing can be tracked on the [https://wiki.mozilla.org/QA/Firefox_3.next/Test_Plan:AddonsManagerRedesign Testplan] page
* <span style="color: #7e7e7e">'''[Compatibility]'''</span> Test with OS alternate themes (ie: Classic, Tan, Aqua)
* <span style="color: #7e7e7e">'''[Security]'''</span> No security review required


 
= Related Projects =  
= Related Projects =
* [[Firefox/Projects/New Theme|New Theme]]
* App Button/App Menu + Menu Cleanup
* [[Firefox/Projects/Home Tab|Home Tab]]
* [[Firefox/Projects/Home Tab|Home Tab]]
* App Tabs
* Location Bar
* Location Bar
* [[Firefox/Projects/Doorhanger notifications|Browser Notifications (Doorhangers)]]
* [[Firefox/Projects/Doorhanger notifications|Browser Notifications (Doorhangers)]]
* browser.js cleanup
******
== Status Summary (transcluded) ==
<onlyinclude>Redoing wiki, taking care of some edge cases, specifying how jetpack/extensions and personas/themes work together</onlyinclude>
== 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: [[Extension Manager:UI Update oldversion#Past_work|Past Work]]''
Madhava worked on redesigning the add-ons manager in 2007, and posted his work [https://wiki.mozilla.org/Firefox:Add-ons_Manager_UI here]. He also [https://wiki.mozilla.org/Firefox:Add-ons_Manager_UI_interim_rev2 designed much of the current add-ons manager] for Firefox 3, which is largely unchanged today.
http://people.mozilla.com/~madhava/files/addons/manager/2007-08-21/am1.png


=== Current Add-ons Manager  ===
=== Current Add-ons Manager  ===
Line 138: Line 96:
|}
|}


== 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
 
[[File: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.
 
[[File: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
 
[[File:Detail_view_32423.png]]
 
==== Themes and Personas View ====
 
((coming soon))
 
=== Interaction design ===
 
==== Main Functionality ====
 
====Searching, Downloading, and Installing Add-ons Within the Manager=====
 
[[File:From within manager make this horizontal.png|800px]]
 
====Downloading and Installing Add-ons from AMO====
 
[[File:Download_install_amo.png|800px]]
 
==== Edge Cases ====
 
== Team  ==


;Sprint lead&nbsp;  
;Sprint lead&nbsp;  
Line 212: Line 106:
;AMO liaison&nbsp;  
;AMO liaison&nbsp;  
:Nick and Fligtar
:Nick and Fligtar
;QA
Henrik Skupin (Lead), Raymond Etornam (Discovery Pane), Tony Chung


;Other contacts  
;Other contacts  
Line 245: Line 141:


::''Main article: [[Extension Manager:UI Update oldversion#Extra_Images|Not Current Images &amp; Wireframes]]''
::''Main article: [[Extension Manager:UI Update oldversion#Extra_Images|Not Current Images &amp; Wireframes]]''
=== Past work  ===
::''Main article: [[Extension Manager:UI Update oldversion#Past_work|Past Work]]''
Madhava worked on redesigning the add-ons manager in 2007, and posted his work [https://wiki.mozilla.org/Firefox:Add-ons_Manager_UI here]. He also [https://wiki.mozilla.org/Firefox:Add-ons_Manager_UI_interim_rev2 designed much of the current add-ons manager] for Firefox 3, which is largely unchanged today.
http://people.mozilla.com/~madhava/files/addons/manager/2007-08-21/am1.png

Latest revision as of 18:22, 27 October 2010

Pitch

This redesign will substantially improve the basic functionality of the a add-ons manager, such as installation and configuration of add-ons, as well as incorporate additional features and functionality, such as use of Personas and Jetpacks. The design will also remove parts of the manager that interrupt and distract user tasks.

Goals

Main article: Prioritized Goals
Main article: Redesign Themes
  • Allow users to quickly locate the add-on they want to inspect
  • Provide simple, usable controls for basic add-on operations such as disabling and uninstalling
  • Allow new forms of add-ons, such as jetpacks and personas, to be maintained and configured easily alongside traditional add-ons
  • (at best) Provide users with a consistent place to go for a particular add-on's preferences, or (at worst) provide users with a consistent place to go to launch a particular add-on's preferences
  • Indicate to the user that updates are available without blocking the startup of Firefox
  • Allow the user to choose silent updates if they prefer, and for those updates to happen without interfering with browsing
  • Streamlining the install process to as few steps as possible
  • Providing the user with a clear indication of the process and what actions are needed, especially in the face of possibly differing install experiences per add-on (restart required vs not)
  • Providing a compelling first run experience to new add-ons users, including showing what add-ons can do in a way that makes sense to non-technical users
  • Allowing users to search for add-ons from within the Add-ons manager, only requiring a visit to AMO when greater community involvement or information is sought
  • Provide a way to rank add-ons by size, RAM, etc to see if disabling one would give a significant performance boost

Non-Goals

  • Provide a way to edit and create add-ons, including jetpacks
  • Redesign the preferences manager, or integrate the add-ons manager with preferences (later goal)

Status

  • IN FLIGHT
    • Started Implementation
  • Tracking Bugs:
  • Project Members: Unfocused, Boriss, Mossop
  • QA contacts: hskupin (lead), tchung (test plan)
  • Status Summary: Fixing bugs, getting final graphics together

Design

Main article: Design

Delivery Requirements

  • Requires an add-on compatibility changing application version increment
  • Requires full alpha and beta testing with over 50,000 users on all platforms

Constraints

  • Design must not require add-ons developers to rewrite their preferences

Dependencies

  • Requires Jetpack integration with Firefox
  • Requires Personas integration with Firefox
  • Design depends on whether New Theme lands

Testing

  • The state of testing can be tracked on the Testplan page

Related Projects

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


Sprint lead 
Boriss
Development 
Unfocused, Mossop
AMO liaison 
Nick and Fligtar
QA

Henrik Skupin (Lead), Raymond Etornam (Discovery Pane), Tony Chung

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

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

Retrieved from "https://wiki.allizom.org/index.php?title=Firefox/Projects/Extension_Manager_Redesign&oldid=263895"