Hierarchical User Interface

• US 20130198663A1
• Filed: 06/04/2012
• Published: 08/01/2013
• Est. Priority Date: 02/01/2012
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael, Tsinteris, Kimon, Sarner, Austin, Melcher, Charles
• Granted Patent: US 9,552,147 B2
• Time in Patent Office: Days
• US Class Current: 715/765
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• 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/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/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• 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/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/137 Hierarchical processing, e.g. outlines
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 15/60 Shadow generation
• CPC Class Codes: H04L 67/06 specially adapted for file transfer, e.g. file transfer protocol [FTP]
• CPC Class Codes: H04L 67/52 specially adapted for the location of the user terminal

Abstract

In one embodiment, one or more components of a user interface are arranged in a hierarchy of layers. The user interface is presented according to the structure of the hierarchy, with one or more first components from a first layer floating on top of a second component from a second layer beneath the first layer. The first components are children of the second components. A user may interact with components uniformly, meaning that each specific user interaction applied to each component results in similar response from each component.

Claims

1. A computer-implemented method comprising:

arranging a plurality of components of a user interface in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

presenting the user interface according to a structure of the hierarchy, comprising;

presenting one or more first components in the hierarchy as floating on top of a second component, the first components being children of the second component according to the structure of the hierarchy, the first components being presented in a first layer of the user interface and the second component being presented in a second layer of the user interface beneath the first layer; and

enabling a user to interact with the components uniformly, such that each specific user interaction, when applied to each of the components, results in a similar response from each of the components.

2. The computer-implemented method of claim 1, wherein the one or more second components are presented in a table of contents of the first component.

3. The computer-implemented method of claim 1, wherein at least one of the one or more user interactions comprises a manipulation of the components.

4. The computer-implemented method of claim 3, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to move the one or more manipulated components on the display of the device.

5. The computer-implemented method of claim 4, wherein the movement of the one more fingers comprises a swiping motion on the touch-sensitive display, resulting in the manipulated components scrolling across the display.

6. The computer-implemented method of claim 3, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to resize the one or more manipulated components on the display of the device.

7. The computer-implemented method of claim 6, wherein the movement of the one or more fingers comprises:

pinching two or more fingers together to decrease the size of the manipulated components;

or

spreading two or more fingers apart to increase the size of the manipulated components.

8. One or more computer-readable non-transitory storage media embodying logic that is operable when executed to:

arrange a plurality of components of a user interface in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

present the user interface according to a structure of the hierarchy, comprising;

presenting one or more first components in the hierarchy as floating on top of a second component, the first components being children of the second component according to the structure of the hierarchy, the first components being presented in a first layer of the user interface and the second component being presented in a second layer of the user interface beneath the first layer; and

enable a user to interact with the components uniformly, such that each specific user interaction, when applied to each of the components, results in a similar response from each of the components.

9. The media of claim 8 further embodying logic operable to present the one or more second components as a table of contents of the first component.

10. The media of claim 8, wherein at least one of the one or more user interactions comprises a manipulation of the components.

11. The media of claim 10, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to move the one or more manipulated components on the display of the device.

12. The media of claim 11, wherein the movement of the one more fingers comprises a swiping motion on the touch-sensitive display, resulting in the manipulated components scrolling across the display.

13. The media of claim 10, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to resize the one or more manipulated components on the display of the device.

14. The media of claim 13, wherein the movement of the one or more fingers comprises:

pinching two or more fingers together to decrease the size of the manipulated components;

or

spreading two or more fingers apart to increase the size of the manipulated components.

15. A system comprising:

a memory comprising instructions executable by one or more processors; and

the one or more processors coupled to the memory and operable to execute the instructions, the one or more processors being operable when executing the instructions to;

arrange a plurality of components of a user interface in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

present the user interface according to a structure of the hierarchy, comprising;

presenting one or more first components in the hierarchy as floating on top of a second component, the first components being children of the second component according to the structure of the hierarchy, the first components being presented in a first layer of the user interface and the second component being presented in a second layer of the user interface beneath the first layer; and

enable a user to interact with the components uniformly, such that each specific user interaction, when applied to each of the components, results in a similar response from each of the components.

16. The system of claim 15, the processors further operable to present the one or more second components as a table of contents of the first component.

17. The system of claim 15, wherein at least one of the one or more user interactions comprises a manipulation of the components.

18. The system of claim 15, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to move the one or more manipulated components on the display of the device.

19. The system of claim 15, wherein the movement of the one more fingers comprises a swiping motion on the touch-sensitive display, resulting in the manipulated components scrolling across the display.

20. The system of claim 15, wherein the manipulation comprises contacting one or more of the components displayed on a touch-sensitive display of a device with one or more fingers, and moving the one or more fingers to resize the one or more manipulated components on the display of the device.