Usability Team

The protocol in bulletpoints for our Meeting:

• All Icons like in TYPO3 by default and not like in extJS (Resize window, Open as Popup, Make Fullscreen ...)
• Lists should use Live-Grid instead of a Pager Interface
• The extJS Multi-Selection-Model should be switched to single

• Rename from "Local Extension List" to "Local Extensions"
• The Filter BTN at the Top should be Checkboxes again and shouldn't use a Negations in Wording and Funtion (HIDE -> SHOW)
• The Version of a Extension should be a addition Info for the Extension Name (eg.: News (v3.01)
• The Tabs inside of the Extension Detail view should ..
  • Not have any redundant Infos across the Tabs
  • Have minimum hight of 150px
  • Use a smooth hight/resize tweening between the Tab-Switching
  • Show a Preloader Spinner while the content is loading
  • The open section gets a own Background (eg: #FFF) << this Info will be provided by Lars
• Upload to TER only if the user has provided a "Login" via the "Settings Tab" inside a Repository setting
• Activation / Deactivation (ON/OFF) of a Extension will be shown via an iPhone like switch instead of an Switchable Icon
  • Active state gets a Background color (eg: light green (should fit to the global system defaults)) << this Info will be provided by Lars
  • Deactivate state gets a bit opacity (eg: 0.7 (should fit to the global system defaults)) << this Info will be provided by Lars
  • Extension Updates should behave like the Updates inside of the "Translation Tab" (BTN at the same position)

• Rename from "Remote Extension List" to "Remote Repository"
• There is no Update BTN but it Updates the List every 24h when you access on the Major Tab "Remote Repository"
• In the "Settings Tab" at the Repository Listing you could change the Update Interval and do a direct update
• The workflow for the Update should be changed:
1. Only one BTN is visible "Download Extension List"
2. If the List was Downloaded the BTN will be replaced with a
• A Search field
• A Search BTN
• A Select-box for the Repositories, if there is more than one available

• Autosave the selected Langs. in the List
• BTN for Check/Update are at the Top (Like in all other Tabs)
• Progress-bar is also placed at the Top
• If the Check/Update BTN was press the BTN will be replaced with the Progress-Bar (Less space taken)
  • If the Progress is finished the BTN appears again
• While an Check/Update is progresses a Spinner appears
  • After an Check/Update the Spinner will be replaced with an Text or Icon (Check, Exclamation-mark, ...)
  • The Text will get the Colors defined in the Workspace Project

• Only two horizontal boxes
• Box one contains the settings for (own) and TYPO3.org TER Respositorys
  • This List contains a list with "Name, Last Update, Amount of Extensions, Username, Actions"
  • Actions are:
    • Update (Download list of Extensions)
    • Edit (In there is: Name, URL, Username/Password)
    • Delete
• Box two contains the settings for the selection of an Mirror
  • A "Random" entry is there, too
  • TYPO3.org TER is there visual, too

@Lars: Do you need Wireframes for this. Or is this here clear enough?
@Steffen: Could you add Screen of the current UI, please.

Screen: Extension List Tab

Screen: Extension Detail View

Screen: File View

Screen: Remote Repository

Screen: Translation

Screen: Settings

I am going to work on this issue when the workspace module is finished (design and UI wise). In the meantime it would be pretty helpful if Jens could provide wireframes for the trimmed down extension manager. A protocol is good, but still hard to convert into a screen. Thanks Jens! :)

@Lars: Ok, I will work on WF the next Week and publish them here.

Hi guys,

what's the actual state of the EM? :)

can the grid css be pushed to t3skin?

A few suggestion that have crossed my mind for the new Extension Manager:

• The "Settings" panel must be put somewhere else as it does not belong to the functional part of the EM
  Idea 1: put a button in the doc header that will pop up a settings screens
  Idea 2: put the tab at the right side

• The default modal window when installing / configuring an extension is by far too small
  Idea: we could make it full screen as it can potentially contain a lot of information

• Not sure whether "Files", "Developer Information" Tab within an extension are
  really useful. Perhaps they can be shipped as an extension
  of the Extension Manager if really useful for someone or have them in a different form in TYPO3.

• "Maintenance" Tab needs to be revamped or removed

Requested changes in new EM - written by Xavier Persguers from the Mailing List.

I must say I don't fully understand all points and some would need further discussion but nevertheless, there are good suggestions.

• Merge local/remote with really good filters (e.g. with statefull buttons [1])
• Before update, show release notes
• After update, show DB upgrade and settings
• Place to view the release notes
• Downloading the remote extension should show a real progress
• Add ExtJS action buttons to the grid for common actions
• Mark updatable extensions in the local filter
• Add extension categories search filters
• Move TER user credentials to user settings, as it is user dependent and not system-wide => makes sense for admin only
• Save space and remove most of the stuff outside the grid/tabs (e.g. in piwikiintegration manual [2], middle of page 3)
• Too many nested grids and tabs => creates lots of of scrollbars
• Too technical
• Needs more operations to do elementary stuff than with old EM
• Details shown in an accordion take too much place and should better be shown "full screen" => full width
• List of extensions lacks details such as "system/local/both"
• List of extensions lacks sorting/grouping
• Filter for updatable extensions lacks details such as local/remote version
• Handling of dependencies is uncool
• Move "Settings" to somewhere else, with a button in the topbar or within the function menu, as before
• Modal window when installing an extension is far too small => full screen

Fabien Udriot wrote:

• Downloading the remote extension should show a real progress

I think here we ment the downloading of the extensionlist (the normal installation is mosttimes fast enough)