Computer-implemented user interface having semi-transparent scroll bar tool for increased display screen usage

• US 6,057,840 A
• Filed: 03/27/1998
• Issued: 05/02/2000
• Est. Priority Date: 03/27/1998
• Status: Expired due to Term

• Current Assignee: Sony Corporation (Sony Group Corp.)
• Original Assignee: Sony Corporation Of America (Sony Group Corp.), Sony Electronics Inc. (Sony Group Corp.)
• Inventors: Durrani, Sulaiman, Karmel, Clay
• Primary Examiner(s): SAX, STEVEN PAUL
• Application Number:
  US09/049,780
• Time in Patent Office: 767 Days
• Field of Search: 345/341, 345/340, 345/333, 345/334, 345/335, 345/336-338, 345/342, 345/343, 345/344, 345/345, 345/347
• US Class Current: 715/786
• CPC Class Codes: G06F 2203/04804 Transparency, e.g. transparent or translucent windows
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars

Abstract

A computer-implemented user interface having a semi-transparent scroll bar tool for increased screen usage. The present invention includes a user interface having one or more scroll bar tools displayed within a window area of a computer screen. The scroll bars are semi-transparent in that they allow the visualization of text and/or other graphical information that coincides in screen location with the scroll bars (e.g., "behind information"). By allowing the visualization of "behind information," the present invention effectively increases the display screen'"'"'s usable space for displaying information to a user. This capability is particularly advantageous when used in combination with products that have small display screens and/or when used in combination with products that allow the user to interact with the display screen (e.g., for inputting or accessing information using a touch screen or stylus etc.). For instance, the present invention is particularly advantageous for use on the relatively small screens of personal digital assistants (PDAs), portable telephones, portable computing devices, etc. Within the present invention, each scroll bar tool includes a semi-transparent graphical image with which a user can interact thereby effecting the horizontal or vertical scrolling of text and/or other graphical information associated with an open work file or "document." In one embodiment, the size of the graphical image depends on the relative portion of information displayed on the display screen to the total information within the open document in a given direction (e.g., horizontal or vertical).

Claims

1. In a computer system having a processor coupled to a bus, a memory device coupled to said bus and a display screen coupled to said bus, a method of displaying information on said display screen, said method comprising the computer-implemented steps of:

a) displaying a portion of an information bearing document within a window on said display screen;

b) displaying a first elongated graphic image along a first edge of said window wherein said first elongated graphic image comprises a first movable graphic image that is semi-transparent;

c) using said first elongated graphic image, controlling user interactive scrolling of said information bearing document in a first direction, said step c) comprises the step of scrolling said information bearing document in said first direction in response to, and in relative proportion to, a displacement of said first movable graphic image along said first edge of said window;

d) displaying a second elongated graphic image along a second edge of said window;

e) using said second elongated graphic image, controlling user interactive scrolling of said information bearing document in a second direction, wherein said first elongated graphic image and said second elongated graphic image are each semi-transparent allowing text and/or other graphic images associated with said information bearing document to be visualized therethrough; and

f) varying the size of said first movable graphic image depending on a relationship between the portion of information displayed within said window, along said first direction, to the total amount of information within said information bearing document along said first direction.

2. A method as described in claim 1 wherein said first direction is horizontal and wherein said second direction is vertical.

3. A method as described in claim 1 wherein said first movable graphic image is displaced by a user selecting said first movable graphic image and dragging said first movable graphic image.

4. A method as described in claim 1 wherein said first movable graphic image is displaced by a user selecting a portion of said first elongated graphic image other than said first movable graphic image.

5. A method as described in claim 1 wherein said second elongated graphic image comprises a second movable graphic image that is semi-transparent, and wherein said step e) comprises the step of scrolling said information bearing document in said second direction in response to, and in relative proportion to, a displacement of said second movable graphic image along said second edge of said window.

6. An electronic device comprising:

a processor coupled to a bus;

a display coupled to said bus;

a user interface device coupled to said bus; and

a memory device coupled to said bus, said memory device containing instructions that when executed implement a method of displaying information on said display, said method comprising the computer-implemented steps of;

a) displaying a portion of an information bearing document within a window on said display;

b) displaying a first elongated graphic image along a first edge of said window, said first elongated graphic image comprises a first movable graphic image that is semi-transparent and wherein said first elongated graphic image represents a first portion of an animal body and wherein said first movable graphic image represents a bulge of food within said animal body;

c) using said first elongated graphic image, controlling user interactive scrolling of said information bearing document in a first direction and wherein said step c) comprises the step of scrolling said information bearing document in said first direction in response to, and in relative proportion to, a displacement of said first movable graphic image along said first edge of said window;

d) displaying a second elongated graphic image along a second edge of said window; and

e) using said second elongated graphic image, controlling user interactive scrolling of said information bearing document in a second direction, wherein said first elongated graphic image and said second elongated graphic image are each semi-transparent to allow text and/or other graphic images associated with said information bearing document to be visualized therethrough.

7. An electronic device as described in claim 6 wherein said first direction is horizontal and wherein said second direction is vertical.

8. An electronic device as described in claim 6 wherein said second elongated graphic image comprises a second movable graphic image that is semi-transparent, and wherein said step e) comprises the step of scrolling said information bearing document in said second direction in response to, and in relative proportion to, a displacement of said second movable graphic image along said second edge of said window.

9. An electronic device as described in claim 8 wherein said first movable graphic image is displaced by a user selecting said first movable graphic image and dragging said first movable graphic image and wherein said second movable graphic image is displaced by said user selecting said second movable graphic image and dragging said second movable graphic image.

10. An electronic device as described in claim 8 wherein said first movable graphic image is displaced by a user selecting a portion of said first elongated graphic image other than said first movable graphic image and wherein said second movable graphic image is displaced by said user selecting a portion of said second elongated graphic image other than said second movable graphic image.

11. An electronic device as described in claim 6 further comprising the step of f) varying the size of said first movable graphic image depending on a relationship between the portion of information displayed within said window, along said first direction, to the total amount of information within said information bearing document along said first direction.

12. An electronic device as described in claim 8 further comprising the step of g) varying the size of said second movable graphic image depending on a relationship between the portion of information displayed within said window, along said second direction, to the total amount of information within said information bearing document along said second direction.

13. In a computer system, a method of displaying information on a display screen comprising the computer-implemented steps of:

a) displaying a portion of an information bearing document within a window on said display screen;

b) displaying first elongated graphic image along a vertical edge of said window, said first elongated graphic image comprising a first movable graphic image that is semi-transparent, wherein said first elongated graphic image represents a first portion of an animal body and wherein said first movable graphic image represents a bulge of food within said animal body;

c) using said first elongated graphic image, controlling user interactive scrolling of said information bearing document in a vertical direction by scrolling said information bearing document in said vertical direction in response to, and in relative proportion to, a displacement of said first movable graphic image along said vertical edge of said window; and

d) displaying a second elongated graphic image representing a second portion of said animal body along a horizontal edge of said window;

e) using said second graphic image, controlling user interactive scrolling of said information bearing document in a horizontal direction, wherein said first and second elongated graphic images are each semi-transparent to allow text and/or other graphic images, associated with said information bearing document, to be visualized therethrough.

14. A method as described in claim 13 wherein said first movable graphic image is displaced by a user selecting said first movable graphic image and dragging said first movable graphic image.

15. A method as described in claim 13 wherein said first movable graphic image is displaced by a user selecting a portion of said first elongated graphic image other than said first movable graphic image.

16. A method as described in claim 13 wherein said second elongated graphic image comprises a second movable graphic image of a bulge of food within said animal body, said second movable graphic image being semi-transparent, and wherein said step e) comprises the step of scrolling said information bearing document in said horizontal direction in response to, and in relative proportion to, a displacement of said second movable graphic image along said horizontal edge of said window.

17. A method as described in claim 13 further comprising the step of f) varying the size of said first movable graphic image depending on a relationship between the portion of information displayed within said window, along said vertical direction, to the total amount of information within said information bearing document along said vertical direction.

18. A method as described in claim 16 further comprising the step of g) varying the size of said second movable graphic image depending on a relationship between the portion of information displayed within said window, along said horizontal direction, to the total amount of information within said information bearing document along said horizontal direction.