Graphical user interface for detail-in-context presentations

• US 7,197,719 B2
• Filed: 05/03/2002
• Issued: 03/27/2007
• Est. Priority Date: 05/03/2001
• Status: Active Grant

• Current Assignee: Accessify, LLC (Ascend Innovation Management, LLC)
• Original Assignee: IDELIX Software Inc. (Lat49 Media Inc.)
• Inventors: Doyle, Michael, Ostler, Collette, Shoemaker, Garth, Rupp, Richard
• Primary Examiner(s): Bayerl; Raymond J.
• Assistant Examiner(s): Bonshock; Dennis G.
• Application Number:
  US10/137,648
• Publication Number:
  US 20020180801A1
• Time in Patent Office: 1,789 Days
• Field of Search: 715/801, 715/781, 715/800, 345/660, 345/661
• US Class Current: 715/801
• CPC Class Codes: G06F 2203/04805 Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
• 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

Abstract

A method for displaying a region of interest within visual information on a display screen of a computer, the region of interest including a focal region and a base region. The method includes the steps of: providing means for selecting at least one parameter for transforming at least one of the region of interest, the focal region, and the base region; selecting the parameter using the means for selecting; transforming the visual information in accordance with a predetermined distortion function and the parameter to produce transformed visual information; and, displaying the transformed visual information on the display screen.

Claims

1. A method in a computer system for adjusting a presentation of a region of interest within visual information displayed on a display screen, comprising the steps of:

a) receiving a signal for selecting said region of interest from a user, said user using a mouse to position a cursor over said region of interest and pressing a button on said mouse;

b) displaying a representation of a bounding rectangle over said region of interest when said region of interest is selected, said bounding rectangle having one or more active areas for respective transformation types;

c) receiving a signal to initiate a transformation type from said user, said user using said mouse to position said cursor over an active area, pressing said button on said mouse, and, while said cursor is over said active area, repositioning said cursor with said mouse; and

,

d) transforming said visual information with a distortion function for said region of interest shaped by said signal to initiate said transformation type to produce transformed visual information, and displaying said transformed visual information on said display screen;

wherein said region of interest has associated therewith a focal region at least partially surrounded by a base region, said distortion function having a magnification being uniform for said focal region and varying for said base region such that said distortion function is continuous from regions outside said region of interest through said base region to said focal region;

wherein said transformation type includes at least one of a resizing and a folding; and

, wherein one of said active areas is a fold area positioned over said bounding rectangle between said corner-handle and said middle-handle icons for adjusting a location for said focal region relative to said base region for defining a degree and a direction of said folding for said distortion function.

2. The method of claim 1 wherein one of said active areas is a corner-handle icon positioned over a corner of said bounding rectangle for adjusting a size of said bounding rectangle.

3. The method of claim 2 wherein said cursor changes said shape to a resize icon when positioned over said corner-handle icon or said middle-handle icon.

4. The method of claim 2 wherein said resizing is performed by determining a ratio of a position of said cursor versus an origin of said bounding rectangle when said cursor is positioned over one of said handles and said button is pressed by said user and a current position of said cursor versus and said origin of said bounding rectangle and multiplying said ratio with a resizing transform to create a new resizing transform for shaping said distortion function.

5. The method of claim 1 wherein one of said active areas is a middle-handle icon positioned over said bounding rectangle between corners of said bounding rectangle for adjusting an aspect ratio of said bounding rectangle.

6. The method of claim 1 wherein said cursor changes shape when positioned over one of said active areas.

7. The method of claim 1 wherein said cursor changes said shape to a fold icon when positioned over said fold area.

8. The method of claim 1 wherein said bounding rectangle surrounds said focal region.

9. The method of claim 1 wherein said bounding rectangle surrounds said base region.

10. The method of claim 1 wherein said bounding rectangle includes a first bounding rectangle surrounding said focal region and a second bounding rectangle surrounding said base region.

11. The method of claim 1 wherein said bounding rectangle includes a first bounding rectangle surrounding said focal region and a second bounding rectangle surrounding said base region and wherein said fold area is positioned over said first bounding rectangle surrounding said focal region.

12. The method of claim 1 wherein said folding is performed by determining a difference between a position of said cursor when said cursor is positioned over said fold area and said button is pressed by said user and a current position of said cursor, and adding said difference to a folding transform to create a new folding transform for shaping said distortion function.

13. The method of claim 1 wherein said transforming further comprises displacing said visual information onto said distortion function and perspectively projecting said displacing onto a plane in a direction aligned with a viewpoint for said region of interest.

14. A method in a computer system for adjusting a presentation of a region of interest within visual information displayed on a display screen, comprising the steps of:

a) receiving a signal for selecting said region of interest from a user, said user using a mouse to position a cursor over said region of interest and pressing a button on said mouse;

b) displaying a graphical user interface over said region of interest when said region of interest is selected, said graphical user interface having one or more active areas for respective transformation types;

c) receiving a signal to initiate a transformation type from said user, said user using said mouse to position said cursor over an active area, pressing said button on said mouse, and, while said cursor is over said active area, repositioning said cursor with said mouse; and

d) transforming said visual information with a distortion function for said region of interest shaped by said signal to initiate said transformation type to produce transformed visual information, and displaying said transformed visual information on said display screen;

wherein said region of interest has associated therewith a focal region at least partially surrounded by a base region, said distortion function having a magnification being uniform for said focal region and varying for said base region such that said distortion function is continuous from regions outside said region of interest through said base region to said focal region;

wherein said graphical user interface includes;

a representation of a first bounding rectangle surrounding said focal region, said first bounding rectangle having one or more of said active areas;

a representation of a second bounding rectangle surrounding said base region, said second bounding rectangle having one or more of said active areas;

a representation of a base outline, said base outline positioned within said second bounding rectangle, said base outline outlining said base region;

a representation of a pickup icon, said pickup icon positioned centrally in said region of interest, said pickup icon having at least one active area for a respective transformation type;

a representation of a slide bar icon, said slide bar icon positioned adjacent to said second bounding rectangle and outside of said region of interest, said slide bar icon having at least one active area for a respective transformation type; and

, a move area within said region of interest, said move area having at least one active area for a respective transformation type, said move area located within said region of interest, said move area excluding said first bounding rectangle, said second bounding rectangle, and said pickup icon;

wherein said transformation type includes at least one of a focal region resizing, a base region resizing, a folding, a translation, and said magnification;

wherein one of said active areas is a corner-handle icon positioned over a corner of said first bounding rectangle for adjusting a size of said first bounding rectangle;

wherein one of said active areas is a middle-handle icon positioned over said first bounding rectangle between corners of said first bounding rectangle for adjusting an aspect ratio of said first bounding rectangle;

wherein one of said active areas is a corner-handle icon positioned over a corner of said second bounding rectangle for adjusting a size of said second bounding rectangle;

wherein one of said active areas is a middle-handle icon positioned over said second bounding rectangle between corners of said second bounding rectangle for adjusting an aspect ratio of said second bounding rectangle; and

,

wherein one of said active areas is a fold area positioned over said first bounding rectangle between said corner-handle and said middle-handle icons for adjusting a location for said focal region relative to said base region for defining a degree and a direction of said folding for said distortion function.

15. The method of claim 14 wherein one of said active areas is said pickup icon for adjusting a location for said region of interest within said visual information.

16. The method of claim 15 wherein one of said active areas is a bar icon positioned over said slide bar icon for adjusting said magnification.

17. The method of claim 16 wherein said cursor changes shape when positioned over one of said active areas.

18. The method of claim 17 wherein said cursor changes said shape to a resize icon when positioned over said corner-handle icon or said middle-handle icon.

19. The method of claim 17 wherein said cursor changes said shape to a fold icon when positioned over said fold area.

20. The method of claim 17 wherein said cursor changes said shape to a move icon when positioned over said move area.

21. The method of claim 14 wherein said pickup icon is crosshairs shaped.

22. The method of claim 14 wherein said focal region resizing is performed by determining a ratio of a position of said cursor versus an origin of said first bounding rectangle when said cursor is positioned over one of said handles and said button is pressed by said user and a current position of said cursor versus and said origin of said first bounding rectangle and multiplying said ratio with a focal region resizing transform to create a new focal region resizing transform for shaping said distortion function.

23. The method of claim 14 wherein said base region resizing is performed by determining a ratio of a position of said cursor versus an origin of said second bounding rectangle when said cursor is positioned over one of said handles and said mouse button is pressed by said user and a current position of said cursor versus said origin of said second bounding rectangle and multiplying said ratio with a base resizing transform to create a new base resizing transform for shaping said distortion function.

24. The method of claim 14 said folding is performed by determining a difference between a position of said cursor when said cursor is positioned over said fold area and said mouse button is pressed by said user and a current position of said cursor, and adding said difference to a folding transform to create a new folding transform for shaping said distortion function.

25. The method of claim 14 said translation is performed by determining a difference between a position of said cursor when said cursor is positioned over said move area and said mouse button is pressed by a user and a current position of said cursor, and adding said difference to a translation transform to create a new translation transform for positioning said distortion function.

26. The method of claim 14 wherein said magnification is performed by determining a ratio of a position of said cursor versus an origin of said slide bar icon when said cursor is positioned over said bar icon and said mouse button is pressed by a user and a current position of said cursor versus said origin of said slide bar icon and multiplying said ratio with a magnification transform to create a new magnification transform for shaping said distortion function.

27. The method of claim 14 wherein said transforming further comprises displacing said visual information onto said distortion function and perspectively projecting said displacing onto a plane in a direction aligned with a viewpoint for said region of interest.

28. A graphical user interface (“

GUI”

) for adjusting a presentation of a region of interest within visual information displayed on a display screen of a computer, said region of interest having associated therewith a focal region at least partially surrounded by a base region, said GUI comprising;

a) a representation of a first bounding rectangle surrounding said focal region, said first bounding rectangle having one or more active areas, said first bounding rectangle for resizing said focal region;

b) a representation of a second bounding rectangle surrounding said base region, said second bounding rectangle having one or more active areas, said second bounding rectangle for resizing said base region;

c) a representation of a base outline, said base outline positioned within said second bounding rectangle, said base outline outlining said base region;

d) a representation of a pickup icon, said pickup icon positioned centrally in said region of interest, said pickup icon having at least one active area for a respective transformation type, said pickup icon for moving said region of interest;

e) a representation of a slide bar icon, said slide bar icon positioned adjacent to said second bounding rectangle and outside of said region of interest, said slide bar icon having at least one active area for a respective transformation type, said slide bar icon for adjusting a magnification for said region of interest; and

,

f) a move area within said region of interest, said move area having at least one active area for a respective transformation type, said move area located within said region of interest, said move area excluding said first bounding rectangle, said second bounding rectangle, and said pickup icon, said move area for moving said region of interest;

wherein each of said active areas is for selecting at least one parameter for adjusting at least one of said region of interest, said focal region, and said base region by transforming said visual information with a distortion function shaped by said parameter to produce transformed visual information for display on said display screen;

wherein said distortion function has a magnification being uniform for said focal region and varying for said base region such that said distortion function is continuous from regions outside said region of interest through said base region to said focal region;

wherein one of said active areas is a corner-handle icon positioned over a corner of said first bounding rectangle for adjusting a size of said first bounding rectangle;

wherein one of said active areas is a middle-handle icon positioned over said first bounding rectangle between corners of said first bounding rectangle for adjusting an aspect ratio of said first bounding rectangle;

wherein one of said active areas is a corner-handle icon positioned over a corner of said second bounding rectangle for adjusting a size of said second bounding rectangle;

wherein one of said active areas is a middle-handle icon positioned over said second bounding rectangle between corners of said second bounding rectangle for adjusting an aspect ratio of said second bounding rectangle; and

,

wherein one of said active areas is a fold area positioned over said first bounding rectangle between said corner-handle and said middle-handle icons for adjusting a location for said focal region relative to said base region for defining a degree and a direction of said folding for said distortion function.

29. The GUI of claim 28 wherein one of said active areas is said pickup icon for adjusting a location for said region of interest within said visual information.

30. The GUI of claim 29 wherein one of said active areas is a bar icon positioned over said slide bar icon for adjusting said magnification.

31. The GUI of claim 30 wherein said cursor changes shape when positioned over one of said active areas.

32. The GUI of claim 31 wherein said cursor changes said shape to a resize icon when positioned over said corner-handle icon or said middle-handle icon.

33. The GUI of claim 31 wherein said cursor changes said shape to a fold icon when positioned over said fold area.

34. The GUI of claim 31 wherein said cursor changes said shape to a move icon when positioned over said move area.

35. The GUI of claim 28 wherein said pickup icon is crosshairs shaped.

36. The GUI of claim 28 wherein said computer is a personal digital assistant (PDA).

37. The GUI of claim 28 wherein said computer is a map display system.

38. The method of claim 28 wherein said transforming further comprises displacing said visual information onto said distortion function and perspectively projecting said displacing onto a plane in a direction aligned with a viewpoint for said region of interest.

39. A method for displaying a region of interest within visual information on a display screen of a computer, said region of interest having associated therewith a focal region at least partially surrounded by a base region, said method comprising the steps of:

providing means for selecting at least one parameter for adjusting said focal region and said base region;

receiving said parameter through said means;

transforming said visual information with a distortion function shaped by said parameter to produce transformed visual information, said distortion function having a magnification being uniform for said focal region and varying for said base region such that said distortion function is continuous from regions outside said region of interest through said base region to said focal region; and

,

displaying said transformed visual information on said display screen;

wherein said parameter is a location for said focal region relative to said base region for defining a degree and a direction of a folding for said distortion function.

40. The method of claim 39 wherein said parameter includes said magnification.

41. The method of claim 40 wherein said means for selecting includes a slide bar icon for adjusting said magnification.

42. The method of claim 39 wherein said transforming further comprises displacing said visual information onto said distortion function and perspectively projecting said displacing onto a plane in a direction aligned with a viewpoint for said region of interest.

43. The method of claim 39 wherein said parameter includes a size for said focal region.

44. The method of claim 43 wherein said means for selecting includes a handle icon on a bounding rectangle icon for adjusting said size for said focal region within said base region.

45. The method of claim 39 wherein said parameter includes a size for said base region.

46. The method of claim 45 wherein said means for selecting includes a handle icon on a bounding rectangle icon for adjusting said size for said base region.

47. The method of claim 39 wherein said parameter includes a shape for said focal region.

48. The method of claim 47 wherein said means for selecting includes a handle icon on a bounding rectangle icon for adjusting said shape for said focal region.

49. The method of claim 39 wherein said parameter includes a shape for said base region.

50. The method of claim 49 wherein said means for selecting includes a handle icon on a bounding rectangle icon for adjusting said shape for said base region.

51. The method of claim 39 wherein said parameter includes a location for said focal and base regions within said visual information.

52. The method of claim 51 wherein said means for selecting includes a crosshairs icon for adjusting said location for said focal and base regions within said visual information.

53. The method of claim 51 wherein said means for selecting includes at least one active area within at least one of said focal and base regions for adjusting said location for said focal and base regions within said visual information.

54. The method of claim 39 wherein said means for selecting includes a bounding rectangle icon with an active area for adjusting said location for said focal region relative to said base region.