Dynamic stacking and expansion of visual items

• US 8,464,176 B2
• Filed: 01/19/2005
• Issued: 06/11/2013
• Est. Priority Date: 01/19/2005
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Van Dok, Cornelis K, Wong, Lyon King-Fook, McKee, Timothy P., Crane, Andrew S., Debry, Fabrice A
• Primary Examiner(s): Pesin, Boris
• Assistant Examiner(s): Ell, Matthew
• Application Number:
  US11/037,259
• Publication Number:
  US 20060161868A1
• Time in Patent Office: 3,065 Days
• Field of Search: 715/835, 715/732, 715/853, 715/862, 715/833
• US Class Current: 715/793
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence

Abstract

Aspects of the present invention are directed to the stacking of visual items, and their subsequent expansion, or unstacking. Upon selection of a stack, that stack expands into the individual visual items making up that stack. Further aspects of the present invention are directed to expanding a stack in different ways depending upon the circumstances. Further aspects of the present invention are directed to providing a hot area associated with, and potentially disposed around, a stack. Selection by the user of the hot area results in selection of the associated stack. The stack may itself be considered a single item that is itself selectable. After the stack is expanded, then the individual visual items making up the original stack are each individually selectable. However, when stacked, the individual items may not be selectable except as a complete stack.

Claims

1. A method for presenting visual items on a graphical user interface of a computer, the method comprising steps of:

displaying a plurality of visual items as a stack;

receiving a first user selection of a first region associated with the stack;

responsive to the first user selection, determining whether sufficient room exists for displaying all of the plurality of visual items side-by-side without moving the top one of the visual items;

responsive to determining that sufficient room exists, altering the size or shape of the first region and displaying the plurality of visual items side-by-side without moving the top one of the visual items or overlapping any of the plurality of visual items, and responsive to determining that sufficient room does not exist, altering the size or shape of the first region and displaying a bottom-most one of the visual items in the stack at a left-most area and at least some of the remaining ones of the plurality of visual items side-by-side and to the right of the bottom-most one of the visual items;

receiving a second user selection of a second region having the altered size or shape of the first region and surrounding the plurality of visual items while the plurality of visual items are not stacked;

responsive to the second user selection, again displaying the plurality of visual items as a stack.

2. The method of claim 1, wherein the first and second regions are different and each encompasses the plurality of items.

3. The method of claim 2, wherein each of the first and second regions extends for a same length along a first direction and for different lengths along a second direction perpendicular to the first direction.

4. The method of claim 1, wherein the step of displaying the plurality of visual items as a stack includes displaying the stack as a single selectable icon.

5. The method of claim 1, wherein each of the plurality of visual items is an icon representing a file or a folder.

6. The method of claim 1, wherein each of the plurality of visual items is an event notification.

7. The method of claim 1, wherein when the plurality of visual items are displayed as a stack, a top one of the visual items is fully displayed and each of a remainder of the plurality of visual items is only partially displayed.

8. The method of claim 1, wherein when the plurality of visual items are displayed side-by-side, the top one of the visual items is in a same position as it was when the plurality of visual items were displayed as a stack.

9. The method of claim 1, further including, responsive to determining that sufficient room does not exist, moving a top-level visual item to make sufficient room to display all of the plurality of visual items.

10. The method of claim 1, where the left-most area is a control boundary that the visual items are prohibited from crossing.

11. The method of claim 1, wherein the stacks includes a visual indication of the number of visual items in the stack.

12. The method of claim 1, wherein the first and second user selections are indicated by gestures performed on the stack.

13. The method of claim 1, wherein displaying the plurality of visual items side-by-side without overlapping any of the plurality of visual items creates a grid pattern.

14. The method of claim 1, wherein displaying the plurality of visual items side-by-side includes positioning the visual items to prevent extension beyond a control boundary.

15. A method for presenting event notifications on a graphical user interface of a computer, the method comprising steps of:

displaying a plurality of presenting event notifications in an overlapping manner;

receiving a first user selection of a first hot area associated with the plurality of event notifications displayed in the overlapping manner;

responsive to the first user selection, determining whether sufficient room exists for displaying all of the plurality of event notifications side-by-side without moving the top one of the event notifications;

responsive to determining that sufficient room exists, displaying the plurality of event notifications in a non-overlapping manner and altering the size or shape of the first hot area, and responsive to determining that sufficient room does not exist, displaying a bottom-most one of the event notifications at a left-most area and at least some of the remaining ones of the plurality of visual items side-by-side and to the right of the bottom-most one of the event notifications;

receiving a second user selection of a second hot area having the size or shape of the altered first hot area and surrounding the plurality of event notifications that do not overlap with one another, wherein the first hot area and second hot area are different and each encompasses the plurality of event notifications, and each of the first hot area and second hot area extends for a same length along a first direction and for different lengths along a second direction perpendicular to the first direction; and

responsive to the second user selection, again displaying the plurality of event notifications in an overlapping manner.

16. The method of claim 15, wherein the step of displaying the plurality of event notifications in a non-overlapping manner includes displaying the plurality of event notifications so as to be distributed only along the second direction.

17. The method of claim 15, wherein when the plurality of event notifications are displayed in an overlapping manner, a top one of the event notifications is fully displayed and each of a remainder of the plurality of event notifications is only partially displayed.

18. The method of claim 15, further including, responsive to determining that sufficient room does not exist, moving a top-level event notification to make sufficient room to display all of the plurality of event notifications.