Current Progress

There is a functional extension that allows Tagging using the Places API created and available online (started off from mockup).

• For extension, download link and setup instructions are at here.
• The tagging interaction (textbox to button and vice-versa) can be tested here.

Also, relevant bugs/patches.

• Bug 374524

• Bug 383803.

User Interface/Interaction (From the Extension)

• Tagging feature accessible from a toolbar icon.

Textbox <-> Tag button Interaction

• User can enter text into a textbox and create a new tag via mouse or keyboard (e.g., comma, tab, return, etc. Details discussed below).

• Supports mouse interaction
  • User can click on any part of the tags list to start a new tag.
  • User can select a specific tag by clicking on it.
  • User can edit a specific tag by double-clicking on it.

• Supports keyboard Interaction
  • User can press a comma, tab, or return to create a new tag.
  • User can select a specific tag or traverse through the tags using left and right keys.
  • User can edit a selected tag by pressing return.
  • User can select a tag previous to it by pressing delete at the left-most position of a textinput.
  • User can select a tag following it by pressing right at the right-most position of a textinput.
  • User can remove a selected tag by pressing delete.

Interaction with "All Tags List"

• If a user inserts a tag to a specific page, the tag will also be added to all tags list.
• With the All Tags List open, user can check/uncheck tags from the All Tags List to insert/remove tags from a specific page.
• Tags in All Tags List are not edittable.

Removing all tags associated with this page

• "Untag" button will clear all tags associated with this page. This will not remove these tags from the All Tags List.

Feedback

• Some of the feedback so far on the extension and tagging interaction.
  • Two click access in the extension or in the mockup seem like more work than needed. Some people suggested one click access to Tagging. Click on something, and tagging dialog appears right away.
  • Want to be able to select multiple tags (e.g., with shift + click).
  • Insert a new tag by checking on a box from All Tags List should append the new tag. (Currently insert the new tag in the front).
  • Need a clearer way to open/close the All Tags List; "All Tags" and "Close All Tags" confusing. (e.g., Use drop-down button).
  • Tags should be delimited by spaces.
  • Better styling of tag buttons (rounded edges and such).
  • Would be nice to navigate/search history based on tags.