Presenting and browsing items in a tilted 3D space

• US 9,851,866 B2
• Filed: 11/23/2010
• Issued: 12/26/2017
• Est. Priority Date: 11/23/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Goossens, Thomas, Baumann, Laurent
• Primary Examiner(s): Nguyen, Phu K
• Application Number:
  US12/953,366
• Publication Number:
  US 20120127156A1
• Time in Patent Office: 2,590 Days
• Field of Search: 345419, 345440, 715767, 715853
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus

Abstract

Methods, systems, and computer-readable media for presenting and browsing items in a tilted 3D space are disclosed. In tilted viewing mode, groups of items from several consecutive levels of a hierarchy can be presented in respective browsable parades shown at different depths into a viewable region of the tilted 3D space. The user can browse laterally across each browsable parade, and browse up and down the hierarchy within the tilted 3D space. With the combination of browsing laterally across the parades presented in the viewable region of the tilted 3D space and browsing up and down the hierarchy along the depth dimension of the 3D space, the user can navigate the entirety of the hierarchy in the tilted 3D space.

Claims

1. A computer-implemented method performed by one or more data processing apparatus, comprising:

identifying a hierarchy of items, the hierarchy including a plurality of levels, each item being either a root level item within a root level of the hierarchy or a child item within a first level of the hierarchy that descends from a respective parent item within a second level of the hierarchy above the first level;

causing a first collection of child items to be presented in a three-dimensional (3D) space in a first viewing mode, wherein the first collection of child items descend from a first parent item in the hierarchy and are presented along a first predetermined path across the 3D space to form a first parade, the first collection of child items operable to advance along the first predetermined path, and wherein in the first viewing mode, the first parade is presented in front of items from one or more levels above a level associated with the first collection of child items and obscures the items from the one or more levels;

detecting a first input for raising a viewing angle of the 3D space; and

in response to the first input, causing the hierarchy of items to be presented in a second viewing mode, wherein in the second viewing mode, items within a same level as the first parent item are presented along a second predetermined path across the 3D space to form a second parade, the items within the same level operable to advance along the second predetermined path, and the second parade is revealed from behind the first parade along a depth dimension of the 3D space.

2. The method of claim 1, further comprising:

in the second viewing mode, causing one or more additional levels of items above a level associated with the first parent item to be presented in one or more additional predetermined paths in the displayed region of the 3D space to form one or more additional parades, the one or more additional parades being revealed from behind the second parade at increasing depths along the depth dimension of the 3D space.

3. The method of claim 2, wherein a respective ancestor item of the first collection of child items is highlighted in each of the second parade and the one or more additional parades is presented in the displayed region of the 3D space.

4. The method of claim 1, wherein the hierarchy of items represents a file system hierarchy, and each parent item represents a folder, and child items of the parent item represent content items contained in the folder.

5. The method of claim 1, wherein the first collection of child items is operable to advance through a series of locations along the first predetermined path, the series of locations including a primary location and one or more secondary locations proximate the primary location, and each item is presented in a frontal view when occupying the primary location and in an oblique view when occupying one of the secondary locations.

6. The method of claim 5, wherein an item currently occupying the primary location is a parent item of a second collection of child items, and the method further comprises:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing down the hierarchy; and

in response to the second input;

causing the first parade and the second parade to recede along the depth dimension of the 3D space; and

causing the second collection of child items to be presented along a third predetermined path to form a third parade, wherein the third parade is presented in front of the first parade in the displayed region of the 3D space, and the first parade and the second parade are revealed from behind the third parade at increasing depths along the depth dimension of the 3D space.

7. The method of claim 6, further comprising:

while the hierarchy is presented in the second viewing mode, detecting a third input for lowering the viewing angle of the 3D space; and

in response to the third input, causing the second collection of child items to be presented in the first viewing mode, wherein in the first viewing mode, the third parade including the second collection of child items is presented in front of the first and the second parades in the displayed region of the 3D space along the depth dimension of the 3D space and obscuring the first and the second parades.

8. The method of claim 1, further comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing up the hierarchy; and

in response to the second input;

causing the second parade to advance along the depth dimension of the 3D space towards the front of the displayed region of the 3D space; and

causing items from a parent level of the first parent item to be presented along a third predetermined path in the 3D space to form a third parade, the third parade being revealed from behind the second parade along the depth dimension of the 3D space.

9. The method of claim 1, further comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input selecting a second parent item from the second parade, the second parent items having a second collection of child items; and

in response to the second input;

replacing the first collection of child items presented along the first predetermined path with the second collection of child items; and

causing the second parent item to advance from a secondary location of the second predetermined path to a primary location along the second predetermined path; and

highlighting the second parent item at the primary location.

10. A non-transitory computer-readable medium having instructions stored thereon, which, when executed by one or more processors, cause the one or more processors to perform operations comprising:

identifying a hierarchy of items, the hierarchy including a plurality of levels, each item being either a root level item within a root level of the hierarchy or a child item within a first level of the hierarchy that descends from a respective parent item within a second level of the hierarchy above the first level;

causing a first collection of child items to be presented in a three-dimensional (3D) space in a first viewing mode, wherein the first collection of child items descend from a first parent item in the hierarchy and are presented along a first predetermined path across the 3D space to form a first parade, the first collection of child items operable to advance along the first predetermined path, and wherein in the first viewing mode, the first parade is presented in front of items from one or more levels above a level associated with the first collection of child items and obscures the items from the one or more levels;

detecting a first input for raising a viewing angle of the 3D space; and

in response to the first input, causing the hierarchy of items to be presented in a second viewing mode, wherein in the second viewing mode, items within a same level as the first parent item are presented along a second predetermined path across the 3D space to form a second parade, and the second parade is revealed from behind the first parade along a depth dimension of the 3D space.

11. The non-transitory machine-readable medium of claim 10, wherein the instructions further cause the one or more processors to perform operations comprising:

in the second viewing mode, causing one or more additional levels of items above a level associated with the first parent item to be presented in one or more additional predetermined paths in the displayed region of the 3D space to form one or more additional parades, the one or more additional parades being revealed from behind the second parade at increasing depths along the depth dimension of the 3D space.

12. The non-transitory machine-readable medium of claim 11, wherein a respective ancestor item of the first collection of child items is highlighted in each of the second parade and the one or more additional parades is presented in the displayed region of the 3D space.

13. The non-transitory machine-readable medium of claim 10, wherein the hierarchy of items represents a file system hierarchy, and each parent item represents a folder, and child items of the parent item represent content items contained in the folder.

14. The non-transitory machine-readable medium of claim 10, wherein the first collection of child items is operable to advance through a series of locations along the first predetermined path, the series of locations including a primary location and one or more secondary locations proximate the primary location, and each item is presented in a frontal view when occupying the primary location and in an oblique view when occupying one of the secondary locations.

15. The non-transitory machine-readable medium of claim 14, wherein an item currently occupying the primary location is a parent item of a second collection of child items, and wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing down the hierarchy; and

in response to the second input;

causing the first parade and the second parade to recede along the depth dimension of the 3D space; and

causing the second collection of child items to be presented along a third predetermined path to form a third parade, wherein the third parade is presented in front of the first parade in the displayed region of the 3D space, and the first parade and the second parade are revealed from behind the third parade at increasing depths along the depth dimension of the 3D space.

16. The non-transitory machine-readable medium of claim 15, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a third input for lowering the viewing angle of the 3D space; and

in response to the third input, causing the second collection of child items to be presented in the first viewing mode, wherein in the first viewing mode, the third parade including the second collection of child items is presented in front of the first and the second parades in the displayed region of the 3D space along the depth dimension of the 3D space and obscuring the first and the second parades.

17. The non-transitory machine-readable medium of claim 10, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing up the hierarchy; and

in response to the second input;

causing the second parade to advance along the depth dimension of the 3D space towards the front of the displayed region of the 3D space; and

causing items from a parent level of the first parent item to be presented along a third predetermined path in the 3D space to form a third parade, the third parade being

revealed from behind the second parade along the depth dimension of the 3D space.

18. The non-transitory machine-readable medium of claim 10, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input selecting a second parent item from the second parade, the second parent items having a second collection of child items; and

in response to the second input;

replacing the first collection of child items presented along the first predetermined path with the second collection of child items; and

causing the second parent item to advance from a secondary location of the second predetermined path to a primary location along the second predetermined path; and

highlighting the second parent item at the primary location.

19. A system, comprising:

one or more processors; and

memory coupled to the one or more processors and storing instructions, the instructions, when executed by the one or more processors, cause the one or more processors to perform operations comprising;

identifying a hierarchy of items, the hierarchy including a plurality of levels, each item being either a root level item within a root level of the hierarchy or a child item within a first level of the hierarchy that descends from a respective parent item within a second level of the hierarchy above the first level;

causing a first collection of child items to be presented in a three-dimensional (3D) space in a first viewing mode, wherein the first collection of child items descend from a first parent item in the hierarchy and are presented along a first predetermined path across the 3D space to form a first parade, the first collection of child items operable to advance along the first predetermined path, and wherein in the first viewing mode, the first parade is presented in front of items from one or more levels above a level associated with the first collection of child items and obscures the items from the one or more levels;

detecting a first input for raising a viewing angle of the 3D space; and

in response to the first input, causing the hierarchy of items to be presented in a second viewing mode, wherein in the second viewing mode, items within a same level as the first parent item are presented along a second predetermined path across the 3D space to form a second parade, the items within the same level operable to advance along the second predetermined path, and the second parade is revealed from behind the first parade along a depth dimension of the 3D space.

20. The system of claim 19, wherein the instructions further cause the one or more processors to perform operations comprising:

in the second viewing mode, causing one or more additional levels of items above a level associated with the first parent item to be presented in one or more additional predetermined paths in the displayed region of the 3D space to form one or more additional parades, the one or more additional parades being revealed from behind the second parade at increasing depths along the depth dimension of the 3D space.

21. The system of claim 20, wherein a respective ancestor item of the first collection of child items is highlighted in each of the second parade and the one or more additional parades is presented in the displayed region of the 3D space.

22. The system of claim 19, wherein the hierarchy of items represents a file system hierarchy, and each parent item represents a folder, and child items of the parent item represent content items contained in the folder.

23. The system of claim 19, wherein the first collection of child items is operable to advance through a series of locations along the first predetermined path, the series of locations including a primary location and one or more secondary locations proximate the primary location, and each item is presented in a frontal view when occupying the primary location and in an oblique view when occupying one of the secondary locations.

24. The system of claim 23, wherein an item currently occupying the primary location is a parent item of a second collection of child items, and wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing down the hierarchy; and

in response to the second input;

causing the first parade and the second parade to recede along the depth dimension of the 3D space; and

causing the second collection of child items to be presented along a third predetermined path to form a third parade, wherein the third parade is presented in front of the first parade in the displayed region of the 3D space, and the first parade and the second parade are revealed from behind the third parade at increasing depths along the depth dimension of the 3D space.

25. The system of claim 24, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a third input for lowering the viewing angle of the 3D space; and

in response to the third input, causing the second collection of child items to be presented in the first viewing mode, wherein in the first viewing mode, the third parade including the second collection of child items is presented in front of the first and the second parades in the displayed region of the 3D space along the depth dimension of the 3D space and obscuring the first and the second parades.

26. The system of claim 19, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input for browsing up the hierarchy; and

in response to the second input;

causing the second parade to advance along the depth dimension of the 3D space towards the front of the displayed region of the 3D space; and

causing items from a parent level of the first parent item to be presented along a third predetermined path in the 3D space to form a third parade, the third parade being

revealed from behind the second parade along the depth dimension of the 3D space.

27. The system of claim 19, wherein the instructions further cause the one or more processors to perform operations comprising:

while the hierarchy is presented in the second viewing mode, detecting a second input selecting a second parent item from the second parade, the second parent items having a second collection of child items; and

in response to the second input;

replacing the first collection of child items presented along the first predetermined path with the second collection of child items; and

causing the second parent item to advance from a secondary location of the second predetermined path to a primary location along the second predetermined path; and

highlighting the second parent item at the primary location.