# Patent

## Title
Dynamic detail-in-context user interface for application access and content access on electronic displays

## Abstract

A method for presenting applications on a display screen, comprising: displaying a first presentation on the display screen, the first presentation including two or more icons; receiving a signal indicative of an icon, the icon being one of the two or more icons, the icon having an application associated therewith; initiating the application, the application having information associated therewith; generating a second presentation, the second presentation having a first area for presenting the information at least partially surrounded by a second area for presenting reduced-size versions of the two or more icons other than the icon; and, displaying the second presentation on the display screen to replace display of the first presentation.

## Background
This application claims priority from U.S. Provisional Patent Application No. 60/952,110, filed Jul. 26, 2007, and incorporated herein by reference.


FIELD OF THE INVENTION
This invention relates to the field of computer graphics processing, and more specifically, to a method and system for generating and adjusting detailed views of selected information within the context of surrounding information presented on the display of a data processing system including a wireless device.
BACKGROUND OF THE INVENTION
Modern data processing systems including wireless devices (e.g., personal digital assistants (“PDAs”), cellular telephones, mobile devices, global positioning system (“GPS”) receivers, etc.) are used for numerous applications such as electronic mail, voice and data communications, word processing, mapping, navigation, computer games, etc. In general, these applications are launched by the system's operating system upon selection by a user from a menu or other graphical user interface (“GUI”). A GUI is used to convey information to and receive commands from users and generally includes a variety of GUI objects or controls, including icons, toolbars, drop-down menus, text, dialog boxes, buttons, and the like. A user typically interacts with a GUI by using a pointing device (e.g., a mouse) to position a pointer or cursor over an object and “clicking” on the object.
One problem with these data processing systems and devices is their inability to effectively display detailed information for selected graphic objects when those objects are in the context of a larger image. A user may require access to detailed information with respect to an object in order to closely examine the object, to interact with the object, or to interface with an external application or network through the object. For example, the detailed information may be a close-up view of the object or a region of a digital map image.
While an application may provide a GUI for a user to access and view detailed information for a selected object in a larger image, in doing so, the relative location of the object in the larger image may be lost to the user. Thus, while the user may have gained access to the detailed information required to interact with the object, the user may lose sight of the context within which that object is positioned in the larger image. This is especially so when the user must interact with the GUI using a computer mouse, keyboard, or keypad. The interaction may further distract the user from the context in which the detailed information is to be understood. This problem is an example of what is often referred to as the “screen real estate problem”.
The screen real estate problem generally arises whenever large amounts of information are to be displayed on a display screen of limited size. Known tools to address this problem include panning and zooming. While these tools are suitable for a large number of visual display applications, they become less effective where sections of the visual information are spatially related, such as in layered maps and three-dimensional representations, for example. In this type of information display, panning and zooming are not as effective as much of the context of the panned or zoomed display may be hidden.
The screen real estate problem is most apparent in wireless devices having small display screens. In particular, wireless devices such as cellular phones, PDAs, and portable GPS navigation devices typically present usability challenges in making device functions efficiently and easily accessible, due to limited-sized displays and other device limitations such as small keyboards or small active input surfaces (e.g., touchscreens) for user input. Such problems are compounded by the increasing functionality of modern wireless devices, wherein new capabilities such as cameras, music players, and video players are being incorporated into these devices, making these devices increasingly complex. The end result is that the user typically faces difficulties in efficiently gaining a desired access to a particular device feature, or to particular content, while maintaining awareness of how to access other device capabilities or content.
Advances in detail-in-context presentation technologies (such as described in U.S. Pat. No. 7,106,349, which is incorporated herein by reference) show promise in dealing with display screen real estate challenges. Furthermore, the coupling of such technologies with animated transitions to new presentation states (such as described in U.S. patent application Ser. No. 10/989,070, which is incorporated herein by reference) and to touchscreen displays (such as described in U.S. patent application Ser. No. 11/249,493, which is incorporated herein by reference) or other means of user input may be of assistance in dealing with small device user interface problems. However, a need remains for an improved user interface for such devices.
A need therefore exists for an improved method and system for generating and adjusting detailed views of selected information within the context of surrounding information presented on the display of a data processing system. Accordingly, a solution that addresses, at least in part, the above and other shortcomings is desired.
SUMMARY OF THE INVENTION
According to one aspect of the invention, there is provided a method for presenting applications on a display screen, comprising: displaying a first presentation on the display screen, the first presentation including two or more icons; receiving a signal indicative of an icon, the icon being one of the two or more icons, the icon having an application associated therewith; initiating the application, the application having information associated therewith; generating a second presentation, the second presentation having a first area for presenting the information at least partially surrounded by a second area for presenting reduced-size versions of the two or more icons other than the icon; and, displaying the second presentation on the display screen to replace display of the first presentation.
According to another aspect of the invention, there is provided a method for presenting information on a display screen, comprising: displaying a first presentation on the display screen, the first presentation including a first icon and a second icon; receiving a signal indicative of the first icon, the first icon having information associated therewith; generating a second presentation, the second presentation having an inner display area for presenting the information at least partially surrounded by an outer display area for presenting a reduced-size version of the second icon; and, displaying the second presentation on the display screen to replace display of the first presentation.
In accordance with further aspects of the present invention there is provided an apparatus such as a data processing system or wireless device, a method for adapting this system or device, as well as articles of manufacture such as a computer readable medium having program instructions recorded thereon for practising the method of the invention.



BRIEF DESCRIPTION OF THE DRAWINGS
Further features and advantages of the embodiments of the present invention will become apparent from the following detailed description, taken in combination with the appended drawings, in which:
FIG. 1 is a block diagram illustrating a data processing system adapted for implementing an embodiment of the invention;
FIG. 2 is a front view illustrating a wireless device (or data processing system) having a first graphical user interface in accordance with an embodiment of the invention;
FIG. 3 is front view illustrating the wireless device of FIG. 2 having a second graphical user interface in accordance with an embodiment of the invention;
FIG. 4 is front view illustrating the wireless device of FIG. 2 having a third graphical user interface in accordance with an embodiment of the invention;
FIG. 5 is front view illustrating the wireless device of FIG. 2 having a fourth graphical user interface in accordance with an embodiment of the invention;
FIG. 6 is a partial screen capture illustrating a graphical user interface having lens control elements for adjusting detail-in-context presentations in accordance with an embodiment of the invention; and,
FIG. 7 is a flow chart illustrating operations of modules within a data processing system for presenting applications on a display screen, in accordance with an embodiment of the invention.



It will be noted that throughout the appended drawings, like features are identified by like reference numerals.
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
In the following description, details are set forth to provide an understanding of the invention. In some instances, certain software, circuits, structures and methods have not been described or shown in detail in order not to obscure the invention. The term “data processing system” is used herein to refer to any machine for processing data, including the wireless devices, computer systems, and network arrangements described herein. The present invention may be implemented in any computer programming language provided that the operating system of the data processing system provides the facilities that may support the requirements of the present invention. Any limitations presented would be a result of a particular type of operating system or computer programming language and would not be a limitation of the present invention. The present invention may also be implemented in hardware.
FIG. 1 is a block diagram illustrating a data processing system 300 adapted to implement an embodiment of the invention. The data processing system 300 is suitable for generating, displaying, and adjusting presentations in conjunction with a graphical user interface (“GUI”), as described below. The data processing system 300 may be a wireless device or other portable or handheld device. The data processing system 300 may also be a client and/or server in a client/server system. For example, the data processing system 300 may be a server system or a personal computer (“PC”) system. The data processing system 300 includes an input device 310, a central processing unit (“CPU”) 320, memory 330, a display 340, and an interface device 350. The input device 310 may include a keyboard, a keypad, a mouse, a trackball, a thumbwheel, a touch sensitive surface or screen, a position tracking device, an eye tracking device, or a similar device. The display 340 may include a computer screen, television screen, display screen, terminal device, a touch sensitive display surface or screen, or a hardcopy producing output device such as a printer or plotter. The memory 330 may include a variety of storage devices including internal memory and external mass storage typically arranged in a hierarchy of storage as understood by those skilled in the art. For example, the memory 330 may include databases, random access memory (“RAM”), read-only memory (“ROM”), flash memory, and/or disk devices. The interface device 350 may include one or more network connections. The data processing system 300 may be adapted for communicating with other data processing systems (not shown) over a network (not shown) via the interface device 350. For example, the interface device 350 may include an interface to a network such as the Internet and/or another wired or wireless network. The interface device 350 may include transmitters, receivers, and antennae for interfacing with wireless networks. Thus, the data processing system 300 may be linked to other data processing systems by the network. The CPU 320 may include or be operatively coupled to dedicated coprocessors, memory devices, or other hardware modules 321. The CPU 320 is operatively coupled to the memory 330 which stores an operating system (not shown) for general management of the system 300. The CPU 320 is operatively coupled to the input device 310 for receiving user commands or queries and for displaying the results of these commands or queries to the user on the display 340. Commands and queries may also be received via the interface device 350 and results may be transmitted via the interface device 350. The data processing system 300 may include a database system 332 for storing data and programming information. The database system 332 may include a database management system and a database and may be stored in the memory 330 of the data processing system 300. In general, the data processing system 300 has stored therein data representing sequences of instructions which when executed cause the method described herein to be performed. Of course, the data processing system 300 may contain additional software and hardware a description of which is not necessary for understanding the invention.
Thus, the data processing system 300 includes computer executable programmed instructions for directing the system 300 to implement the embodiments of the present invention. The programmed instructions may be embodied in one or more hardware modules 321 or software modules 331 resident in the memory 330 of the data processing system 300 or elsewhere (e.g., 320). Alternatively, the programmed instructions may be embodied on a computer readable medium (e.g., a compact disk (“CD”), a floppy disk, etc.) which may be used for transporting the programmed instructions to the memory 330 of the data processing system 300. Alternatively, the programmed instructions may be embedded in a computer-readable signal or signal-bearing medium that is uploaded to a network by a vendor or supplier of the programmed instructions, and this signal or signal-bearing medium may be downloaded through an interface (e.g., 350) to the data processing system 300 from the network by end users or potential buyers.
A user may interact with the data processing system 300 and its hardware and software modules 321, 331 using a graphical user interface (“GUI”) 380. The GUI 380 may be used for monitoring, managing, and accessing the data processing system 300. GUIs are supported by common operating systems and provide a display format which enables a user to choose commands, execute application programs, manage computer files, and perform other functions by selecting pictorial representations known as icons, or items from a menu through use of an input device 310 such as a mouse, thumbwheel, trackball, or keypad. In general, a GUI is used to convey information to and receive commands from users and generally includes a variety of GUI objects or controls, including icons, toolbars, drop-down menus, text, dialog boxes, buttons, and the like. A user typically interacts with a GUI 380 presented on a display 340 by using an input device (e.g., a mouse, thumbwheel, trackball, or keypad) 310 to position a pointer or cursor 390 over an object (e.g., an icon) 391 and by “clicking” on the object 391. Typically, a GUI based system presents application, system status, and other information to the user in one or more “windows” appearing on the display 340. A window 392 is a more or less rectangular area within the display 340 in which a user may view an application or a document. Such a window 392 may be open, closed, displayed full screen, reduced to an icon, increased or reduced in size, or moved to different areas of the display 340. Multiple windows may be displayed simultaneously, such as: windows included within other windows, windows overlapping other windows, or windows tiled within the display area.
As mentioned above, the screen real estate problem is most apparent in wireless devices 300 having small display screens 340. In particular, wireless devices 300 such as cellular phones, PDAs, and portable GPS navigation devices typically present usability challenges in making device functions efficiently and easily accessible, due to limited-sized displays 340 and other device limitations such as small keyboards 310 or small active input surfaces (e.g., touchscreens) 310 for user input. Such problems are compounded by the increasing functionality of modern wireless devices 300, wherein new capabilities such as cameras, music players, and video players are being incorporated into these devices, making these devices increasingly complex. The end result is that the user typically faces difficulties in efficiently gaining a desired access to a particular device feature, or to particular content, while maintaining awareness of how to access other device capabilities or content.
Advances in detail-in-context presentation methods (such as described in U.S. Pat. No. 7,106,349, which is incorporated herein by reference) show promise in dealing with display real estate challenges. Furthermore, the coupling of such technologies with animated transitions to new presentation states (such as described in U.S. patent application Ser. No. 10/989,070, which is incorporated herein by reference) and to touchscreen displays (such as described in U.S. patent application Ser. No. 11/249,493, which is incorporated herein by reference) or other means of user input may be of assistance in dealing with small device user interface problems. However, a need remains for an improved user interface for such devices.
According to one embodiment, the present invention provides detail-in-context presentation methods for devices 300 with small displays 340, and various forms 310 of user input, to provide an improved user interface 380 for such devices 300.
For reference, the term “detail-in-context” refers to the magnification of a particular region-of-interest (the “detail”) in an original image while preserving visibility of the surrounding information (the “context”). A presentation including a detail-in-context lens (or inset magnifier) may be referred to as a detail-in-context presentation. In general, a detail-in-context presentation may be considered as a distorted view of a portion of an original image (i.e., about the region-of-interest) where the distortion is the result of the application of a “lens” like distortion function to the original image (or the application of an inset magnifier to the original image). Detail-in-context presentations may be generated using a variety of the methods. A detailed review of various detail-in-context presentation methods may be found in a publication by Marianne S. T. Carpendale, entitled “A Framework for Elastic Presentation Space” (Carpendale, Marianne S. T., A Framework for Elastic Presentation Space (Burnaby, British Columbia: Simon Fraser University, 1999)), and incorporated herein by reference. Reference may also be made to U.S. Pat. Nos. 7,197,719 and 7,213,214, which are incorporated herein by reference.
According to one embodiment, a detail-in-context presentation may be generated by applying a lens to a region-of-interest in an original image as follows. First, the undistorted original image is located in a base plane of a three-dimensional perspective viewing volume or frustum. A viewpoint is typically located above a centre point of a view plane which is located above the base plane. Points of the original image in the base plane are displaced upward onto a distorted surface or lens which is defined by a three-dimensional distortion function (e.g., the lens may have a truncated pyramid shape having a flat rectangular top surrounded by four inclined trapezoidal sides). The displaced points are then perspectively projected onto the view plane to generate the presentation. The direction of the projection may be in the direction of a line constructed through a point in the base plane through a point in the focal region of the lens. The projection may be in a direction that is viewer-aligned (i.e., the point in the base plane, the point in the focal region, and the viewpoint are collinear). The resultant combination of magnification and compression of the original image as seen in the view plane from the viewpoint results in a lens-like effect similar to that of a magnifying glass being applied to the original image. In general, the lens has a “focal region” (e.g., the flat rectangular top of a lens having a truncated pyramid shape) for the region-of-interest. The focal region has an elevation (or magnification) that produces a corresponding “magnified region” for the region-of-interest upon projection onto the view plane. At least partially surrounding the focal region is a “shoulder region” (e.g., the four inclined trapezoidal sides of a lens having a truncated pyramid shape) where the elevation (or magnification) decreases from that of the focal region to that of the original image surrounding the shoulder region and which produces a corresponding at least partially “compressed region” upon projection onto the view plane.
According to another embodiment, a detail-in-context presentation may be generated by applying an inset magnifier to an original image. An inset magnifier may be thought of as a lens without a shoulder region or as a lens with a vertical shoulder region. Projection may not be required for generating a presentation having an inset magnifier.
Now, modern wireless devices include devices such as the MotorolaTM RAZRTM V3cTM cellular telephone, the NokiaTM N95TM multimedia computer, and the AppleTM iPhoneTM. Beyond basic cellular telephone capabilities, each of these devices typically has numerous software applications and multimedia content resident on the device, or alternately, accessible via a network.
FIG. 2 is a front view illustrating a wireless device 300 (or data processing system 300) having a first graphical user interface 200 in accordance with an embodiment of the invention. The wireless device 300 includes a display screen 340, an input device (i.e., a keypad, trackball, and various function keys) 310, etc., as described above with respect to FIG. 1. FIG. 2 shows a representative “home screen” presentation 200 (i.e., the first graphical user interface 200) displayed on the display screen 340. The home screen presentation 200 has a selection of icons 201-209 representing device capabilities, information, or content that can be accessed or otherwise activated based on an input signal caused by the user (i.e., via the input device 310). The home screen presentation 200 may be displayed as the default presentation of the device 300 prior to any user input, or may be arrived at after a simple input by the user such as a screen tap, in the case of touchscreen input, or the pressing of a specific key 310, in the case of keyboard input. Further user input may select a particular icon (e.g., 205) and then activate or initiate the application associated with the icon. Upon activation of the application, all or most of the available screen real estate will typically be allocated to the application itself, such that the original icons 201-209 may no longer be visible. Note that the application could be, for example, a media player or a file manager application for browsing local and remote content.
FIG. 3 is front view illustrating the wireless device 300 of FIG. 2 having a second graphical user interface 210 in accordance with an embodiment of the invention. The second graphical user interface 210 is a representative “next” presentation 210 which is displayed on the display screen 340 after selection and activation events for the center icon 205 shown in the home screen presentation 200 of FIG. 2. The next presentation 210 may be arrived at from the same type of user input. In this next presentation 210, the icons 201′-209′ from the home screen presentation 200 have been both resized to a smaller size and displaced laterally to make room for a new inner display area 250. The new inner display area 250 is thus made available for use. The new inner display area 250 may be used as presentation space for the selected application, for information or content 251 associated with the application and/or icon 205, for the presentation of a list or menu of content 251 at a higher level of detail for further examination by the user as shown in FIG. 4, etc.
Note also in FIG. 3 that the relative angular position of the original icons 201-209 from FIG. 2 has been essentially preserved. One purpose of preserving the angular positions of the original icon 201-209 presentation 200 is to take advantage of the user's recollection of the angular positions, and to allow for the use of a typical keypad, keyboard, or hardware or software button layout such as that of a typical cellular telephone, to rapidly select individual icons 201-209. In the case of FIG. 3, a 3×3 icon arrangement is shown to this end, but other layouts are possible, for example, to efficiently match other keyboard layouts or to allow more icons to be shown.
Note also in FIG. 3 that the inner display area 250 is adjacent to the selected icon 205′ (although that icon 205′ has been reduced in size compared to the original icon 205) so as to assist the user in comprehending the device's reaction to the user's input.
Thus, the next presentation 210 has a new inner display area 250 (or first area 250) for displaying application information or content 251 associated with an icon 205 in the home screen presentation 200 and a new outer display area 260 (or second area 260) at least partially surrounding the first area 250 for displaying reduced-size versions 201′-204′, 206′-209′ of the remaining (or unselected) icons 201-204, 206-209.
FIG. 4 is front view illustrating the wireless device 300 of FIG. 2 having a third graphical user interface 220 in accordance with an embodiment of the invention. And, FIG. 5 is front view illustrating the wireless device 300 of FIG. 2 having a fourth graphical user interface 230 in accordance with an embodiment of the invention. FIG. 4 shows a representative next presentation 220 that is displayed on the display screen 340 after selection and activation events for the left icon in the second row (i.e., 204) of the home screen presentation 200 of FIG. 2. FIG. 5 shows a representative next presentation 230 that is displayed on the display screen 340 after selection and activation events for the upper left corner icon (i.e., 201) of the home screen presentation 200 of FIG. 2. Thus, FIGS. 3 and 4 show related alternate presentations 220, 230 that would result from icons 201, 204 having other positions in the original layout of icons in the home screen presentation 200 and having then been displaced according to the method of the present invention.
Furthermore, in the present invention, a means of input 310, such as depressing a particular hardware key, in the case of available hardware keys, or clicking a specific icon in the case of a touchscreen, or the use of a gesture in a gesture-based interface, may be provided for the user in order to reverse the above transitions, that is, to transition from the above next presentations 210, 220, 230 as shown in FIGS. 3-5, back to the original home screen presentation 200 of FIG. 2.
According to one embodiment, a switching function is provided for switching between content 251 or applications associated with one icon (e.g., the list 251 presented in the inner display area 250 in FIG. 4 and associated with icon 205) and other icons (e.g., the reduced size icons 201′-204′, 206′-209′ near the perimeter of the display 340 in FIG. 4). To alert the user that such a switching has taken place, the inner display area 250 (or content 251 therein) may be highlighted graphically (e.g., by a highlighted or shaded border or perimeter 252). For example, to indicate an application-level selection a highlighted boarder or perimeter 252 may be used. In contrast, a non-highlighted border or perimeter 252 may be used to indicated a content-level or detail-level selection.
In graphical user interface technology, it is often helpful to show intermediate steps over time from an initial state (e.g., 200) toward an end state (e.g., 210) for transitions caused or initiated by a user. Such animation may assist the user in understanding what has taken place through simulated motion. Such software implemented animated transitions may mimic common object displacements in reaction to forces, in the physical world, so as to provide a familiar feel to the user.
According to one embodiment, animated transitions are provided between the home screen presentation 200 and the next presentation 210, 220, 230. These animated transitions may include temporary display of both intermediate icon or object sizes and intermediate icon or object positions, in discrete steps, progressing from the home screen presentation 200 toward the next presentation 210, 220, 230. Graphics techniques such as the use of an undisplayed buffer memory area or double buffer may be employed to give the user the impression of a smooth transition between initial 200 and final states 210, 220, 230.
In the transitions from the home screen presentation 200 to the next presentation 210, 220, 230 as described above, a simple two level hierarchy of information is presented, those levels being the coarse view of the home screen presentation 200 and the detailed view of the inner display area 250 in the next presentation 210, 220, 230. However, according to one embodiment, the hierarchy need not be limited to two levels. For example, according to one embodiment, it can be extended to a multi-level hierarchy (e.g., file browsing in the case of nested folders) through the use of additional user input to proceed deeper into the hierarchy and through the use of graphical representations (e.g., additional border frames, color or greyscale or textured shading, or specialized icons) to show the presence of other levels in the hierarchy that can be selected.
According to one embodiment, magnification may be applied to the inner display area 250 shown in FIGS. 3-5. According to another embodiment, an inset magnifier may be applied to the inner display area 250 shown in FIGS. 3-5. According to another embodiment, a detail-in-context lens 410 may be applied to the inner display area 250 shown in FIGS. 3-5. In these embodiments, the inner display area 250 (or both the inner and outer display areas 250, 260) may be considered as the region-of-interest.
With respect to the application of a detail-in-context lens 410 to the inner display area 250, consider FIG. 6. FIG. 6 is a partial screen capture illustrating a GUI 400 having lens control elements for adjusting detail-in-context presentations in accordance with an embodiment of the invention. The lens control elements of the GUI 400 are adjusted by the user via an input device 310 to control the characteristics of the lens 410 (shown after projection in FIG. 6) used to generate the detail-in-context presentation. Using the input device 310 (e.g., a mouse), a user adjusts parameters of the lens 410 using icons and scroll bars of the GUI 400 that are displayed over the magnified and compressed regions 420, 430 on the display screen 340. Signals representing input device 310 movements and selections are transmitted to the CPU 320 of the data processing system 300 where they are translated into instructions for lens control.
The lens 410 (shown after projection in FIG. 6) includes a focal region 420 (shown after projection in FIG. 6) which produces a magnified region 420 after projection at least partially surrounded by a shoulder region 430 (shown after projection in FIG. 6) which produces an at least partially compressed region 430 after projection. In FIG. 6, the lens 410 is shown with a rectangular shaped focal region 420 lying near the center of the lens 410 and with a circular shaped shoulder region 430 surrounding the focal region 420. However, the lens 410 and its focal and shoulder regions 420, 430 may have any desired shape (e.g., square, rectangular, circular, etc.).
The GUI 400 may include the following lens control elements: move, pickup, resize shoulder region, resize focal region, fold, magnify, zoom, and scoop. Each of these lens control elements may have at least one lens control icon or alternate cursor icon associated with it. In general, when a lens 410 is selected by a user through a point and click operation, the following lens control icons may be displayed over the lens 410: pickup icon 450, lens outline icon 412, shoulder region bounding rectangle icon 411, focal region bounding rectangle icon 421, handle icons 481, 482, 491, magnify slide bar icon 440, zoom icon 495, and scoop slide bar icon (not shown). Typically, these icons are displayed simultaneously after selection of the lens 410. In addition, when the cursor 401 is located within the extent of a selected lens 410, an alternate cursor icon 460, 470, 480, 490, 495 may be displayed over the lens 410 to replace the cursor 401 or may be displayed in combination with the cursor 401. These lens control elements, corresponding icons, and their effects on the characteristics of a lens 410 are described below with reference to FIG. 6.
In general, when a lens 410 is selected by a point and click operation, bounding rectangle icons 411, 421 are displayed surrounding the focal region 420 and shoulder region 430 of the selected lens 410 to indicate that the lens 410 has been selected. With respect to the bounding rectangles 411, 421 one might view them as glass windows enclosing the focal region 420 and the shoulder region 430, respectively. The bounding rectangles 411, 421 include handle icons 481, 482, 491 allowing for direct manipulation of the focal region 420 and the shoulder region 430 as will be explained below. Thus, the bounding rectangles 411, 421 not only inform the user that the lens 410 has been selected, but also provide the user with indications as to what manipulation operations might be possible for the selected lens 410 though use of the displayed handles 481, 482, 491. Note that the bounding rectangle 411, 421 may be of any shape.
Moreover, the cursor 401 provides a visual cue indicating the nature of an available lens control element. As such, the cursor 401 will generally change in form by simply pointing to a different lens control icon 450, 412, 411, 421, 481, 482, 491, 440. For example, when resizing the shoulder region 430 of a lens 410 using a corner handle 491, the cursor 401 may change form to a resize icon 490 once it is pointed at (i.e., positioned over) the corner handle 491. The cursor 401 may remain in the form of the resize icon 490 until the cursor 401 has been moved away from the corner handle 491.
Lateral movement of a lens 410 is provided by the move lens control element of the GUI 400. This functionality is accomplished by the user first selecting the lens 410 through a point and click operation. Then, the user points to a point within the lens 410 that is other than a point lying on a lens control icon 450, 412, 411, 421, 481, 482, 491, 440. When the cursor 401 is so located, a move icon 460 is displayed over the lens 410 to replace the cursor 401 or may be displayed in combination with the cursor 401. The move icon 460 not only informs the user that the lens 410 may be moved, but also provides the user with indications as to what movement operations are possible for the selected lens 410. For example, the move icon 460 may include arrowheads indicating up, down, left, and right motion. Next, the lens 410 is moved by a click and drag operation in which the user clicks and drags the lens 410 to the desired position on the screen 340 and then releases the mouse button 310. The lens 410 is locked in its new position until a further pickup and move operation is performed.
Lateral movement of a lens 410 is also provided by the pickup lens control element of the GUI 400. This functionality is accomplished by the user first selecting the lens 410 through a point and click operation. As mentioned above, when the lens 410 is selected a pickup icon 450 is displayed over the lens 410 near the centre of the lens 410. Typically, the pickup icon 450 will be a crosshairs. In addition, a lens outline icon 412 is displayed over the lens 410 representing the perimeter of the lens 410 (i.e., the perimeter of the shoulder region 430). The crosshairs 450 and lens outline 412 not only inform the user that the lens has been selected, but also provides the user with an indication as to the pickup operation that is possible for the selected lens 410. Next, the user points at the crosshairs 450 with the cursor 401. Then, the lens outline 412 is moved by a click and drag operation in which the user clicks and drags the crosshairs 450 to the desired position on the screen 340 and then releases the mouse button 310. The full lens 410 is then moved to the new position and is locked there until a further pickup operation is performed. In contrast to the move operation described above, with the pickup operation, it is the lens outline 412 that the user repositions rather than the full lens 410.
Resizing of the shoulder region 430 of a lens 410 is provided by the resize shoulder region lens control element of the GUI. After the lens 410 is selected, a bounding rectangle icon 411 is displayed surrounding the shoulder region 430. For a rectangular shaped shoulder region 430, the bounding rectangle icon 411 may be coextensive with the perimeter of the shoulder region 430. The bounding rectangle 411 includes handles 491. These handles 491 can be used to stretch the shoulder region 430 taller or shorter, wider or narrower, or proportionally larger or smaller. The corner handles 491 will keep the proportions the same while changing the size. The middle handles (not shown) will make the shoulder region 430 taller or shorter, wider or narrower. Resizing the shoulder region 430 by the corner handles 491 will keep the shoulder region 430 in proportion. Resizing the shoulder region 430 by the middle handles will change the proportions of the shoulder region 430. That is, the middle handles change the aspect ratio of the shoulder region 430 (i.e., the ratio between the height and the width of the bounding rectangle 411 of the shoulder region 430). When a user points at a handle 491 with the cursor 401 a resize icon 490 may be displayed over the handle 491 to replace the cursor 401 or may be displayed in combination with the cursor 401. The resize icon 490 not only informs the user that the handle 491 may be selected, but also provides the user with indications as to the resizing operations that are possible with the selected handle. For example, the resize icon 490 for a corner handle 491 may include arrows indicating proportional resizing. The resize icon (not shown) for a middle handle may include arrows indicating width resizing or height resizing. After pointing at the desired handle 491 the user would click and drag the handle 491 until the desired shape and size for the shoulder region 430 is reached. Once the desired shape and size are reached, the user would release the mouse button 310. The shoulder region 430 of the lens 410 is then locked in its new size and shape until a further resize shoulder region operation is performed.
Resizing of the focal region 420 of a lens 410 is provided by the resize focal region lens control element of the GUI. After the lens 410 is selected, a bounding rectangle icon 421 is displayed surrounding the focal region 420. For a rectangular shaped focal region 420, the bounding rectangle icon 421 may be coextensive with the perimeter of the focal region 420. The bounding rectangle 421 includes handles 481, 482. These handles 481, 482 can be used to stretch the focal region 420 taller or shorter, wider or narrower, or proportionally larger or smaller. The corner handles 481 will keep the proportions the same while changing the size. The middle handles 482 will make the focal region 420 taller or shorter, wider or narrower. Resizing the focal region 420 by the corner handles 481 will keep the focal region 420 in proportion. Resizing the focal region 420 by the middle handles 482 will change the proportions of the focal region 420. That is, the middle handles 482 change the aspect ratio of the focal region 420 (i.e., the ratio between the height and the width of the bounding rectangle 421 of the focal region 420). When a user points at a handle 481, 482 with the cursor 401 a resize icon 480 may be displayed over the handle 481, 482 to replace the cursor 401 or may be displayed in combination with the cursor 401. The resize icon 480 not only informs the user that a handle 481, 482 may be selected, but also provides the user with indications as to the resizing operations that are possible with the selected handle. For example, the resize icon 480 for a corner handle 481 may include arrows indicating proportional resizing. The resize icon 480 for a middle handle 482 may include arrows indicating width resizing or height resizing. After pointing at the desired handle 481, 482, the user would click and drag the handle 481, 482 until the desired shape and size for the focal region 420 is reached. Once the desired shape and size are reached, the user would release the mouse button 310. The focal region 420 is then locked in its new size and shape until a further focus resize operation is performed.
Folding of the focal region 420 of a lens 410 is provided by the fold control element of the GUI. In general, control of the degree and direction of folding is accomplished by a click and drag operation on a point 471, other than a handle 481, 482, on the bounding rectangle 421 surrounding the focal region 420. The direction of folding is determined by the direction in which the point 471 is dragged. The degree of folding is determined by the magnitude of the translation of the cursor 401 during the drag. In general, the direction and degree of folding corresponds to the relative displacement of the focal region 420 with respect to the shoulder region 430. In particular, after the lens 410 is selected, a bounding rectangle icon 421 is displayed surrounding the focal region 420. The bounding rectangle 421 includes handles 481, 482. When a user points at a point 471, other than a handle 481, 482, on the bounding rectangle 421 surrounding the focal region 420 with the cursor 401, a fold icon 470 may be displayed over the point 471 to replace the cursor 401 or may be displayed in combination with the cursor 401. The fold icon 470 not only informs the user that a point 471 on the bounding rectangle 421 may be selected, but also provides the user with indications as to what fold operations are possible. For example, the fold icon 470 may include arrowheads indicating up, down, left, and right motion. By choosing a point 471, other than a handle 481, 482, on the bounding rectangle 421 a user may control the degree and direction of folding. To control the direction of folding, the user would click on the point 471 and drag in the desired direction of folding. To control the degree of folding, the user would drag to a greater or lesser degree in the desired direction of folding. Once the desired direction and degree of folding is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected fold until a further fold operation is performed.
Magnification (i.e., elevation) of the lens 410 is provided by the magnify lens control element of the GUI. After the lens 410 is selected, the magnify control is presented to the user as a slide bar icon 440 near or adjacent to the lens 410 and typically to one side of the lens 410. Sliding the bar 441 of the slide bar 440 results in a proportional change in the magnification of the lens 410. The slide bar 440 not only informs the user that magnification of the lens 410 may be selected, but also provides the user with an indication as to what level of magnification is possible. The slide bar 440 includes a bar 441 that may be slid up and down, or left and right, to adjust and indicate the level of magnification. To control the level of magnification, the user would click on the bar 441 of the slide bar 440 and drag in the direction of desired magnification level. Once the desired level of magnification is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected magnification until a further magnification operation is performed. In general, the focal region 420 is an area of the lens 410 having constant magnification (e.g., for a focal region 420 that is the flat rectangular top of a lens having a truncated pyramid shape). Magnification of the focal region 420 varies inversely with the distance from the focal region 420 to the view plane. Magnification of areas lying in the shoulder region 430 of the lens 410 also varies inversely with their distance from the view plane. Thus, magnification of areas lying in the shoulder region 430 will range from unity at the perimeter (e.g., 412) of the shoulder region 430 to the level of magnification of the focal region 420 (e.g., for a shoulder region 430 that comprises the four inclined trapezoidal sides of a lens having a truncated pyramid shape).
Zoom functionality is provided by the zoom lens control element of the GUI. The zoom lens control element allows a user to quickly navigate to a region-of-interest within an original image and then zoom in to that region-of-interest for detailed viewing or editing. Referring to FIG. 6, the combined presentation area covered by the focal region 420 and shoulder region 430 may be referred to as the “extent of the lens”. Similarly, the presentation area covered by the focal region 420 may be referred to as the “extent of the focal region”. The extent of the lens may be indicated to a user by a shoulder region bounding rectangle 411 when the lens 410 is selected. The extent of the lens may also be indicated by an arbitrarily shaped figure that bounds or is coincident with the perimeter (e.g., 412) of the shoulder region 430. Similarly, the extent of the focal region may be indicated by a focal region bounding rectangle 421 or arbitrarily shaped figure. The zoom lens control element allows a user to: (a) “zoom in” to the extent of the focal region such that the extent of the focal region fills the display screen 340 (i.e., “zoom to focal region extent”); (b) “zoom in” to the extent of the lens such that the extent of the lens fills the display screen 340 (i.e., “zoom to lens extent”); or, (c) “zoom in” to the area lying outside of the extent of the focal region such that the area without the focal region is magnified to the same level as the extent of the focal region (i.e., “zoom to scale”).
In particular, after the lens 410 is selected, a bounding rectangle icon 411 is displayed surrounding the shoulder region 430 and a bounding rectangle icon 421 is displayed surrounding the focal region 420. Zoom functionality is accomplished by the user first selecting the zoom icon 495 through a point and click operation When a user selects zoom functionality, a zoom cursor icon 496 may be displayed to replace the cursor 401 or may be displayed in combination with the cursor 401. The zoom cursor icon 496 provides the user with indications as to what zoom operations are possible. For example, the zoom cursor icon 496 may include a magnifying glass. By choosing a point within the extent of the focal region, within the extent of the lens, or without the extent of the lens, the user may control the zoom function. To zoom in to the extent of the focal region such that the extent of the focal region fills the display screen 340 (i.e., “zoom to focal region extent”), the user would point and click within the extent of the focal region. To zoom in to the extent of the lens such that the extent of the lens fills the display screen 340 (i.e., “zoom to lens extent”), the user would point and click within the extent of the lens. Or, to zoom in to the presentation area without the extent of the focal region, such that the area without the extent of the focal region is magnified to the same level as the extent of the focal region (i.e., “zoom to scale”), the user would point and click without the extent of the lens. After the point and click operation is complete, the presentation is locked with the selected zoom until a further zoom operation is performed.
Alternatively, rather than choosing a point within the extent of the focal region, within the extent of the lens, or without the extent of the lens to select the zoom function, a zoom function menu with multiple items (not shown) or multiple zoom function icons (not shown) may be used for zoom function selection. The zoom function menu may be presented as a pull-down menu. The zoom function icons may be presented in a toolbar or adjacent to the lens 410 when the lens is selected. Individual zoom function menu items or zoom function icons may be provided for each of the “zoom to focal region extent”, “zoom to lens extent”, and “zoom to scale” functions described above. In this alternative, after the lens 410 is selected, a bounding rectangle icon 411 may be displayed surrounding the shoulder region 430 and a bounding rectangle icon 421 may be displayed surrounding the focal region 420. Zoom functionality is accomplished by the user selecting a zoom function from the zoom function menu or via the zoom function icons using a point and click operation. In this way, a zoom function may be selected without considering the position of the cursor 401 within the lens 410.
The concavity or “scoop” of the shoulder region 430 of the lens 410 is provided by the scoop lens control element of the GUI. After the lens 410 is selected, the scoop control is presented to the user as a slide bar icon (not shown) near or adjacent to the lens 410 and typically below the lens 410. Sliding the bar (not shown) of the slide bar results in a proportional change in the concavity or scoop of the shoulder region 430 of the lens 410. The slide bar not only informs the user that the shape of the shoulder region 430 of the lens 410 may be selected, but also provides the user with an indication as to what degree of shaping is possible. The slide bar includes a bar that may be slid left and right, or up and down, to adjust and indicate the degree of scooping. To control the degree of scooping, the user would click on the bar of the slide bar and drag in the direction of desired scooping degree. Once the desired degree of scooping is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected scoop until a further scooping operation is performed.
Advantageously, a user may choose to hide one or more lens control icons 450, 412, 411, 421, 481, 482, 491, 440, 495 shown in FIG. 6 from view so as not to impede the user's view of the image within the lens 410. This may be helpful, for example, during an editing or move operation. A user may select this option through means such as a menu, toolbar, or lens property dialog box.
In addition, the GUI 400 maintains a record of control element operations such that the user may restore pre-operation presentations. This record of operations may be accessed by or presented to the user through “Undo” and “Redo” icons 497, 498, through a pull-down operation history menu (not shown), or through a toolbar.
For example, in order to view a selected region-of-interest in detail, a user can define a lens 410 over the region-of-interest using the GUI 400. The lens 410 may be introduced to the original image to form the a presentation through the use of a pull-down menu selection, tool bar icon, etc. Using lens control elements for the GUI 400, such as move, pickup, resize base, resize focus, fold, magnify, zoom, and scoop, as described above, the user adjusts the lens 410 for detailed viewing of the region-of-interest. Using the magnify lens control element, for example, the user may magnify the focal region 420 of the lens 410 to pixel quality resolution revealing detailed information pertaining to the selected region-of-interest. That is, the portion of the original image outside the extent of the lens is displayed at a low resolution while the portion of the original image within the extent of the lens is displayed at a resolution based on a user selected magnification 440, 441.
Moreover, the lens 410 may be added to the presentation before or after the region-of-interest is selected. That is, the user may first add a lens 410 to a presentation or the user may move a pre-existing lens into place over the selected region-of-interest. The lens 410 may be introduced to the original image to form the presentation through the use of a pull-down menu selection, tool bar icon, etc.
Advantageously, by using a detail-in-context lens 410, a user can view a large area (i.e., outside the extent of the lens 410) while focusing in on a smaller area (i.e., within the focal region 420 of the lens 410) including and/or surrounding the selected region-of-interest. This makes it possible for a user to view the region-of-interest in detail without losing visibility or context of the portion of the original image surrounding the region-of-interest.
Aspects of the above described method may be summarized with the aid of a flowchart. FIG. 7 is a flow chart illustrating operations 700 of modules 321, 331 within a data processing system 300 for presenting applications on a display screen 340, in accordance with an embodiment of the invention.
At step 701, the operations 700 start.
At step 702, a first presentation 200 is displayed on the display screen 340, the first presentation 200 including two or more icons 201-209.
At step 703, a signal indicative of an icon 205 is received, the icon 205 being one of the two or more icons 201-209, the icon 205 having an application associated therewith.
At step 704, the application is initiated, the application having information (or content) 251 associated therewith.
At step 705, a second presentation (e.g., 210) is generated, the second presentation 220 having a first area 250 for presenting the information 251 at least partially surrounded by a second area 260 for presenting reduced-size versions 201′-204′, 206′-209′ of the two or more icons other than the icon 201-204, 206-209.
At step 706, the second presentation 210 is displayed on the display screen 340 to replace display of the first presentation 200.
At step 707, the operations 700 end.
In the above method, the generating 705 may include maintaining relative position in the second presentation 210 of the first area 250 and the reduced-size versions of the two or more icons other than the icon 201′-204′, 206′-209′ with respect to the icon 205 and the two or more icons other than the icon 201-204, 206-209 in the first presentation 200, respectively. The first area 250 may have a perimeter 252 and a reduced-size version 205′ of the icon 205 may be presented proximate the perimeter 252 in the second presentation 210. The perimeter 252 may be rectangular in shape and the reduced-size version 205′ of the icon 205 may be presented over a corner of the perimeter 252. The perimeter 252 may be high-lighted according to type of application or information 251. The displaying 706 of the second presentation 210 may include animating transition from the first presentation 200 to the second presentation 210. The content 251 may be magnified for the first area 250. The second presentation 210 may include a graphical user interface 400 for adjusting a magnification for the first area 250. The second presentation 210 may include a graphical user interface 400 for adjusting a lens 410 for the first area 250. And, the display screen 340 may be a display screen of a handheld or wireless device.
While this invention is primarily discussed as a method, a person of ordinary skill in the art will understand that the apparatus discussed above with reference to a data processing system or wireless device 300, may be programmed to enable the practice of the method of the invention. Moreover, an article of manufacture for use with a data processing system or wireless device 300, such as a pre-recorded storage device or other similar computer readable medium including program instructions recorded thereon, may direct the data processing system or wireless device 300 to facilitate the practice of the method of the invention. It is understood that such apparatus and articles of manufacture also come within the scope of the invention.
In particular, the sequences of instructions which when executed cause the method described herein to be performed by the data processing system or wireless device 300 can be contained in a data carrier product according to one embodiment of the invention. This data carrier product can be loaded into and run by the data processing system or wireless device 300. In addition, the sequences of instructions which when executed cause the method described herein to be performed by the data processing system or wireless device 300 can be contained in a computer software product according to one embodiment of the invention. This computer software product can be loaded into and run by the data processing system or wireless device 300. Moreover, the sequences of instructions which when executed cause the method described herein to be performed by the data processing system or wireless device 300 can be contained in an integrated circuit product (e.g., a hardware module or modules 321) which may include a coprocessor or memory according to one embodiment of the invention. This integrated circuit product can be installed in the data processing system or wireless device 300.
The embodiments of the invention described above are intended to be exemplary only. Those skilled in the art will understand that various modifications of detail may be made to these embodiments, all of which come within the scope of the invention.

## Claims

1. A method comprising:
causing display of a first presentation on a display screen, the first presentation including a plurality of application icons arranged in an originally-sized first display area, wherein each of the plurality of application icons corresponds to a different one of a plurality of applications;
while causing display of the first presentation on the display screen, receiving a selection signal indicative of a selection of one of the plurality of application icons to form a selected application icon;
in response to receiving the selection signal, initiating a selected application, which is the one of the plurality of applications that corresponds to the selected application icon;
in response to initiating the selected application, causing display of a second presentation, wherein the second presentation includes:
a reduced-size first display area reduced in size relative to the originally-sized first display area, wherein the reduced- size first area includes reduced-sized versions of the plurality of application icons reduced in size relative to the plurality of application icons presented in the originally- sized first display area; and a second display area that presents information of the selected application; and
wherein the causing display of a first presentation and the causing display of a second presentation are performed to maintain a relative order of positions of two or more reduced-size versions of the plurality of application icons in the second presentation as compared to a relative order of positions of a corresponding two or more of the plurality of application icons presented in the originally-sized first display area.

2. The method of claim 1 wherein the second display area has a perimeter and a reduced-sized version of at least one of the plurality of application icons is presented proximate the perimeter in the second presentation.

3. The method of claim 2 wherein the perimeter is rectangular in shape and wherein the reduced-size version of the at least one of the plurality of application icons is presented over a corner of the perimeter.

4. The method of claim 1 further comprising animating a transition from the first presentation to the second presentation.

5. The method of claim 1 wherein information within the second display area is magnified.

6. The method of claim 1 wherein the second presentation includes a graphical user interface for adjusting a magnification for the second display area.

7. The method of claim 1 wherein the second presentation includes a graphical user interface for adjusting a lens for the second display area.

8. The method of claim 1 wherein the display screen is a display screen of a handheld or wireless device.

9. A system comprising:
a processor coupled to memory; and
modules within the memory that in response to being executed by the processor, cause the processor to cause operations to be performed comprising:
causing display of a first presentation on a display screen, the first presentation including a plurality of application icons arranged in an originally-sized first display area, wherein each of the plurality of application icons corresponds to a different one of a plurality of applications;
while causing display of the first presentation on the display screen, receiving a selection signal indicative of a selection of one of the plurality of application icons to form a selected application icon;
in response to receiving the selection signal, initiating a selected application, which is the one of the plurality of applications that corresponds to the selected application icon,
in response to initiating the selected application, causing display of a second presentation, wherein the second presentation includes:
a reduced-size first display area reduced in size relative to the originally-sized display area, wherein the reduced-size first area includes reduced-size versions of the plurality of application icons reduced in size relative to the plurality of application icons presented in the originally-sized first display area; and
a second display area that presents information of the selected application; and wherein causing display of the first presentation and causing display of the second presentation are performed to maintain a relative order of positions of two or more reduced-size versions of the plurality of application icons in the second presentation as compared to a relative order of positions of a corresponding two or more of the plurality of application icons presented in the originally- sized first display area.

10. The system of claim 9 wherein the second display area has a perimeter and a reduced-size version of at least one of the plurality of application icons is presented proximate the perimeter in the second presentation.

11. The system of claim 10 wherein the perimeter is rectangular in shape and wherein the reduced-size version of the at least one of the plurality of application icons is presented over a corner of the perimeter.

12. The system of claim 9 wherein the causing replacement with the second presentation includes an animated transition from the first presentation to the second presentation.

13. The system of claim 9 wherein the information is magnified for the second display area.

14. The system of claim 9 wherein the second presentation includes a graphical user interface configured to adjust a magnification for the second display area.

15. The system of claim 9 wherein the second presentation includes a graphical user interface configured to adjust a lens for the second display area.

16. The system of claim 9 wherein the system is a handheld or wireless device.

17. At least one non-transitory computer-readable medium including instructions executable to cause a data processing system to:
cause display of a first presentation on a display screen, the first presentation including a plurality of application icons arranged in an originally-sized first display area, wherein each of the plurality of application icons corresponds to a different one of a plurality of applications; while causing display of the first presentation on the display screen, receive a selection signal indicative of a selection of one of the plurality of selection signal, initiate a selected application, which is the one of the plurality of
in response to initiating the selected application, causing display of a second presentation, wherein the second presentation includes:
a reduced-size first display area reduced in size relative to the originally-sized first display area, wherein the reduced- size first area includes reduced-sized versions of the plurality of application icons reduced in size relative to the plurality of application icons presented in the originally- sized first display area; and
a second display area that presents information of the selected application; and
wherein causing display of the first presentation and causing display of the second presentation are performed to maintain a relative order of positions of two or more reduced-size versions of the plurality of application icons in the second presentation as compared to a relative order of positions of a corresponding two or more of the plurality of application icons presented in the originally-sized first display area.

18. The at least one non-transitory computer-readable medium of claim 17 wherein the second display area has a perimeter and a reduced-sized version of at least one of the plurality of application icons is presented proximate the perimeter in the second presentation.

19. The at least one non-transitory computer-readable medium of claim 18 wherein the perimeter is rectangular in shape and wherein the reduced-size version of the at least one of the plurality of application icons is presented over a corner of the perimeter.

20. The at least one non-transitory computer-readable medium of claim 17 further comprising animating a transition from the first presentation to the second presentation.

21. The at least one non-transitory computer-readable medium of claim 17 wherein information within the second display area is magnified.

22. The at least one non-transitory computer-readable medium of claim 17 wherein the second presentation includes a graphical user interface for adjusting a magnification for the second display area.

23. The at least one non-transitory computer-readable medium of claim 17 wherein the second presentation includes a graphical user interface for adjusting a lens for the second display area.

24. The at least one non-transitory computer-readable medium of claim 17 wherein the display screen is a display screen of a handheld or wireless device.