User interface presentation of information in reconfigured or overlapping containers

• US 9,411,487 B2
• Filed: 05/01/2015
• Issued: 08/09/2016
• Est. Priority Date: 04/30/2004
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Ording, Bas
• Primary Examiner(s): Theriault, Steven B
• Application Number:
  US14/701,790
• Publication Number:
  US 20150248191A1
• Time in Patent Office: 466 Days
• US Class Current: 1/1
• 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/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 15/60 Shadow generation

Abstract

A graphical user interface provides a display of multiple items of information in a manner such that the user can comprehend the relationship of various items to one another over a wide span. To achieve this result, at least some information containers are allocated a reduced amount of area in which to be viewed by the user. At least one container continues to be displayed in full view, however. In one embodiment, the containers are displayed in an overlapping arrangement. In a column view, for instance, the column containing the object that was last clicked upon, and the column showing the contents of the selected object, can be displayed in full view. The other columns may be only partially visible, due to the overlapping arrangement. However, the user is presented with enough information to comprehend the relationship of objects at different levels. When the user moves a cursor over a container with a reduced viewing area, the display changes to show that container in full view.

Claims

1. A method, comprising:

at an electronic device with a display and one or more input devices;

concurrently displaying, on the display, a user interface that includes portions of a plurality of user interface regions including a first user interface region and a second user interface region, wherein concurrently displaying the plurality of user interface regions includes;

displaying the first user interface region overlapping and obscuring at least a portion of the second user interface region; and

displaying the first user interface region adjacent to a boundary in the user interface;

while concurrently displaying portions of the plurality of user interface regions, detecting, with the one or more input devices, an input at a location that corresponds to the plurality of user interface regions; and

in response to detecting the input, concurrently shifting the plurality of user interface regions with a non-linear variance, including;

shifting the first user interface region on the display; and

shifting the second user interface region on the display,

wherein shifting the first user interface region and shifting the second user interface region includes concurrently;

revealing a portion of the second user interface region that was previously hidden underneath the first user interface region; and

hiding a previously visible portion of the first user interface region by moving the previously visible portion of the first user interface region beyond the boundary.

2. The method of claim 1, wherein the boundary is a boundary of a third user interface region distinct from the first and second user interface regions.

3. The method of claim 1, wherein the boundary and an intersection between the first user interface region and the second user interface region are distinguished by a simulated 3-dimensional effect.

4. The method of claim 3, wherein the simulated 3-dimensional effect further comprises a shadow.

5. The method of claim 4, further comprising gradually displaying the shadow distinguishing the intersection concurrently with shifting the first user interface region and shifting the second user interface region.

6. The method of claim 3, wherein a magnitude of the 3-dimensional effect is determined based on an amount of overlap between the first user interface region and the second user interface region.

7. The method of claim 1, further comprising revealing a portion of a third user interface region that was previously hidden underneath the second user interface region in response to detecting the input.

8. The method of claim 1, further comprising hiding a previously visible portion of a third user interface region by moving the previously visible portion of the third user interface region under the second user interface region in response to detecting the input.

9. The method of claim 1, wherein the user interface regions are part of a hierarchy of regions, and wherein the first user interface region is closer to a root node than the second user interface region if the first user interface region is located left of the second user interface region on the display.

10. The method of claim 1, wherein the user interface regions are different content items in a single application.

11. The method of claim 1, wherein the portions of the plurality of user interface regions include a third user interface region between the second user interface region and the first user interface region and wherein a portion displayed of the second user interface region is larger than a portion displayed of the third user interface region.

12. The method of claim 1, wherein when the first user interface region is adjacent to the boundary, it is touching the boundary.

13. A non-transitory machine readable medium including instructions that, when executed by an electronic device with a display, cause the electronic device to perform operations comprising:

concurrently displaying, on the display of the electronic device, a user interface that includes portions of a plurality of user interface regions including a first user interface region and a second user interface region, wherein concurrently displaying the plurality of user interface regions includes;

displaying the first user interface region overlapping and obscuring at least a portion of the second user interface; and

displaying the first user interface region adjacent to a boundary in the user interface;

while concurrently displaying portions of the plurality of user interface regions, detecting, with one or more input devices of the electronic device, an input at a location that corresponds to the plurality of user interface regions; and

in response to detecting the input, concurrently shifting the plurality of user interface regions with a non-linear variance, including;

shifting the first user interface region on the display; and

shifting the second user interface region on the display,

wherein shifting the first user interface region and shifting the second user interface region includes concurrently;

revealing a portion of the second user interface region that was previously hidden underneath the first user interface region; and

hiding a previously visible portion of the first user interface region by moving the previously visible portion of the first user interface region beyond the boundary.

14. The machine readable medium of claim 13, wherein the boundary and an intersection between the first user interface region and the second user interface region are distinguished by a simulated 3-dimensional effect.

15. The machine readable medium of claim 14, wherein the simulated 3-dimensional effect further comprises a shadow.

16. The machine readable medium of claim 14, further comprising gradually displaying the shadow distinguishing the intersection concurrently with shifting the first user interface region and shifting the second user interface region.

17. The machine readable medium of claim 13, wherein the user interface regions are part of a hierarchy of regions, and wherein the first user interface region is closer to a root node than the second user interface region if the first user interface region is located left of the second user interface region on the display.

18. The machine readable medium of claim 13, wherein the user interface regions are different content items in a single application.

19. The machine readable medium of claim 13, wherein the portions of the plurality of user interface regions include a third user interface region between the second user interface region and the first user interface region and wherein a portion displayed of the second user interface region is larger than a portion displayed of the third user interface region.

20. The machine readable medium of claim 13, wherein when the first user interface region is adjacent to the boundary, it is touching the boundary.

21. A method, comprising:

at an electronic device with a display and one or more input devices;

concurrently displaying, on the display, a user interface that includes portions of a plurality of user interface regions including a first user interface region and a second user interface region, wherein concurrently displaying the plurality of user interface regions includes;

displaying the first user interface region overlapping and obscuring at least a portion of the second user interface region; and

displaying the first user interface region adjacent to a boundary in the user interface;

while concurrently displaying portions of the plurality of user interface regions, detecting, with the one or more input devices, an input at a location that corresponds to the plurality of user interface regions; and

in response to detecting the input, concurrently shifting the plurality of user interface regions with a non-linear variance, including;

shifting the first user interface region on the display; and

shifting the second user interface region on the display,

wherein shifting the first user interface region and shifting the second user interface region includes concurrently;

hiding a previously visible portion of the second user interface region that by moving the previously visible portion of the second user interface region underneath the first user interface region; and

revealing a portion of the first user interface region that was previously hidden beyond the boundary.

22. The method of claim 21, wherein the boundary and an intersection between the first user interface region and the second user interface region are distinguished by a simulated 3-dimensional effect.

23. The method of claim 22, further comprising gradually hiding the simulated 3-dimensional effect distinguishing the intersection concurrently with shifting the first user interface region and shifting the second user interface region.

24. The method of claim 22, wherein shifting the user interface regions includes decreasing a magnitude of the 3-dimensional effect based on an amount of overlap between the first user interface region and the second user interface region.

25. The method of claim 21, further comprising hiding a previously visible portion of a third user interface region by moving the previously visible portion of the third user interface region underneath the second user interface region in response to detecting the input.

26. The method of claim 21, wherein the portions of the plurality of user interface regions include a third user interface region between the second user interface region and the first user interface region and wherein a portion displayed of the second user interface region is larger than a portion displayed of the third user interface region.

27. The method of claim 21, wherein when the first user interface region is adjacent to the boundary, it is touching the boundary.

28. An electronic device, comprising:

a display device;

one or more processors coupled to a memory device and the display device, the memory device including instructions that, when executed by the one or more processors, cause the electronic device to perform operations comprising;

concurrently displaying, on the display device, a user interface that includes portions of a plurality of user interface regions including a first user interface region and a second user interface region, wherein to concurrently display the plurality of user interface regions, wherein concurrently displaying the user interface includes;

displaying the first user interface region overlapping and obscuring at least a portion of the second user interface region; and

displaying the first user interface region adjacent to a boundary in the user interface;

one or more input devices to, while the display is concurrently displaying portions of the plurality of user interface regions, detect an input at a location that corresponds to the plurality of user interface regions; and

in response to detecting the input, the electronic device is to concurrently shift the plurality of user interface regions with a non-linear variance, including;

shift the first user interface region on the display; and

shift the second user interface region on the display,

wherein to shift the first user interface region and to shift the second user interface region, the electronic device is to concurrently;

reveal a portion of the second user interface region that was previously hidden underneath the first user interface region; and

hide a previously visible portion of the first user interface region by moving the previously visible portion of the first user interface region beyond the boundary.

29. The electronic device of claim 28, wherein the operations further include an operation to distinguish the boundary and an intersection between the first user interface region and the second user interface region by a simulated 3-dimensional effect.

30. The electronic device of claim 29, wherein the operations further include an operation to gradually display the simulated 3-dimensional effect concurrently with shifting the first user interface region and shifting the second user interface region.

31. The electronic device of claim 28, wherein the portions of the plurality of user interface regions include a third user interface region between the second user interface region and the first user interface region and wherein a portion displayed of the second user interface region is larger than a portion displayed of the third user interface region.

32. The electronic device of claim 28, wherein when the first user interface region is adjacent to the boundary, it is touching the boundary.