134
edits
Firefox/Projects/Multiple Tab Selection/Design: Difference between revisions
Jump to navigation
Jump to search
Firefox/Projects/Multiple Tab Selection/Design (view source)
Revision as of 19:33, 30 June 2010
, 30 June 2010no edit summary
No edit summary |
|||
| Line 14: | Line 14: | ||
Firefox 3.5 shipped with a "tab tearing" feature that enables users to detach a tab to a new window or drag individual tabs between windows. However, there are many cases in which a user may have already opened multiple tabs that the user wants to move to a different window. Currently, this requires one click-and-drag per tab. As specified in this document, multiple tab selection would achieve this result with at most ''n'' clicks and 1 drag motion. The common case of selecting and dragging a range of tabs can be completed in at most 2 clicks and 1 drag. | Firefox 3.5 shipped with a "tab tearing" feature that enables users to detach a tab to a new window or drag individual tabs between windows. However, there are many cases in which a user may have already opened multiple tabs that the user wants to move to a different window. Currently, this requires one click-and-drag per tab. As specified in this document, multiple tab selection would achieve this result with at most ''n'' clicks and 1 drag motion. The common case of selecting and dragging a range of tabs can be completed in at most 2 clicks and 1 drag. | ||
In the case where a user has opened many tabs but only wishes to keep a small of them, multiple tab selection enables the user to select that subset and then select 'Close other tabs' from the context menu of a selected tab. An action that took | |||
=== Interaction Design === | === Interaction Design === | ||
| Line 72: | Line 74: | ||
* 'Close Selected Tabs' closes the selected tabs in the current window | * 'Close Selected Tabs' closes the selected tabs in the current window | ||
=== | === More usage examples === | ||
{| class="fullwidth-table" style="width: 100%;" | |||
|- | |||
| width="33%" style="background: none repeat scroll 0% 0% rgb(239, 239, 239);" | '''Pre-condition''' | |||
| style="background: none repeat scroll 0% 0% rgb(239, 239, 239);" | '''Actions''' | |||
| style="background: none repeat scroll 0% 0% rgb(239, 239, 239);" | '''Post-condition''' | |||
|- | |||
| window 1 = 20 tabs. | |||
| click tab 11;<br>shift+drag tab 20 downward. | |||
| tabs 11 - 20 detached to new window. | |||
|- | |||
| window 1 = 20 tabs,<br>tab 11 is selected. | |||
| shift+drag tab 20 downward. | |||
| tabs 11 - 20 detached to new window. | |||
|- | |||
| window 1 = 10 tabs;<br>window 2 = 10 tabs. | |||
| focus window 2;<Br>click tab 1;<br>shift+drag tab 10 to window 1's tab bar. | |||
| all of window 2's tabs moved to window 1;<br>window 2 closed. | |||
|- | |||
| OS = Windows;<br>window 1 = 5 tabs,<br>tab 3 is selected;<br>window 2 = 5 tabs. | |||
| focus window 1;<br>ctrl+click tab 5 to window 2's tab bar. | |||
| tabs 3, 5 moved to window 2. | |||
|- | |||
| OS = OS X;<br>window 1 = 5 tabs,<br>tab 3 is selected. | |||
| shift+click tab 5;<br>cmd+click tab 1;<br>drag tag 3 downward. | |||
| tabs 1, 3, 4, 5 detached to new window. | |||
|- | |||
| OS = OS X;<br>window 1 = 5 tabs,<br>tab 3 is selected. | |||
| shift+click tab 5;<br>cmd+click tab 1;<br>shift+drag tab 2 downward. | |||
| tabs 1, 2, 3 detached to new window. | |||
|} | |||