Indicating hierarchy in a computer system with a graphical user interface

• US 9,213,714 B1
• Filed: 06/22/2004
• Issued: 12/15/2015
• Est. Priority Date: 06/22/2004
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Ording, Bas
• Primary Examiner(s): Wiener, Eric
• Application Number:
  US10/875,077
• Time in Patent Office: 4,193 Days
• Field of Search: 715/853, 715/803, 715/528, 715/854, 715/907, 715/713
• US Class Current: 1/1
• CPC Class Codes: G06F 16/156 Query results presentation
• CPC Class Codes: G06F 16/168 Details of user interfaces specifically adapted to file systems, e.g. browsing and visualisation, 2d or 3d GUIs query results presentation G06F16/156
• 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/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/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77

Abstract

Some embodiments of the invention provide a method for indicating hierarchy of objects in a graphical user interface (GUI) of a computer system. The method uses a first color to display a first set of objects at a first level of the hierarchy. The method then uses a second color, different from the first color, to display a second set of objects at a second level of the hierarchy. The first and second colors are two different colors in the visible light spectrum in some embodiments, while they are two different shades of the same color in other embodiments.

Claims

1. For a graphical user interface (GUI) of a computer system, a method comprising:

displaying a plurality of parent selectable items comprising a first parent selectable item and a second parent selectable item, wherein the first parent selectable item provides access to a first set of child selectable items, wherein the second parent selectable item provides access to a second set of child selectable items;

displaying a first display area for displaying the plurality of parent selectable items, the first display area displayed by using a first color;

displaying the first set of child selectable items in a second display area when the first parent selectable item is selected; and

displaying the second set of child selectable items in the second display area when the second parent selectable item is selected, the second display area having a fixed display that remains unchanged regardless of which parent selectable item is selected,

wherein only one of the first and second sets of child selectable items may be displayed at a time in the second display area, the second display area displayed by using a second color that is different than the first color to color at least a portion of the second display area to convey a hierarchical relationship between the selected parent selectable item and the set of child selectable items displayed in the second display area.

2. The method of claim 1, wherein the first and second parent selectable items are tabs associated with a particular icon from an icon group, the particular icon being a parent of the first and second parent selectable items.

3. The method of claim 2, wherein the first and second parent selectable items are linearly arranged in the first display area and the particular icon is linearly arranged with other icons in the icon group in a third display area that is displayed by using a third color different from the first and second colors.

4. The method of claim 1, wherein the first and second display areas are both displayed within a window.

5. The method of claim 1, wherein the first set of child selectable items comprises more than one child selectable item and the second set of child selectable items comprises only one child selectable item.

6. The method of claim 1, wherein the fixed display of the second display area comprises a fixed size and shape.

7. A non-transitory computer readable medium storing a computer program executable by at least one processor, the computer program for providing a graphical user interface (“

GUI”

), the computer program comprising sets of instructions for;

providing a plurality of parent selectable items comprising a first parent selectable item and a second parent selectable item, wherein the first parent selectable item provides access to a first set of child selectable items, wherein the second parent selectable item provides access to a second set of child selectable items;

providing a first display area for displaying the plurality of parent selectable items, the first display area being provided by using a first color; and

providing a second display area for (i) displaying the first set of child selectable items when the first parent selectable item is selected and (ii) displaying the second set of child selectable items when the second parent selectable item is selected, wherein only one set of child selectable items may be displayed at a time in the second display area, the second display area being provided by using a second color that is different than the first color to color at least a portion of the second display area to highlight a parent-child relationship between the selected parent item and the set of child selectable items displayed in the second display area, the first and second display areas each having a fixed size that does not change regardless of which parent selectable item is selected.

8. The non-transitory computer readable medium of claim 7, wherein the plurality of parent selectable items defines a tab group and each parent selectable item from the plurality of parent selectable items is a particular tab.

9. The non-transitory computer readable medium of claim 8, wherein the plurality of parent selectable items are provided in a horizontal arrangement.