US20170060393A1 - Time-based, non-constant translation of user interface objects between states - Google Patents
Time-based, non-constant translation of user interface objects between states Download PDFInfo
- Publication number
- US20170060393A1 US20170060393A1 US15/351,298 US201615351298A US2017060393A1 US 20170060393 A1 US20170060393 A1 US 20170060393A1 US 201615351298 A US201615351298 A US 201615351298A US 2017060393 A1 US2017060393 A1 US 2017060393A1
- Authority
- US
- United States
- Prior art keywords
- user interface
- transition
- amount
- transitioning
- state
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Abandoned
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] 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
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] 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 using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/14—Display of multiple viewports
Definitions
- the present invention relates generally to graphical user interfaces for computer systems. More particularly, the present invention relates to the movement of user-interface objects, such as icons and windows, within a graphical user interface of a computer operating system.
- GUI graphical user interface
- the user primarily employs the GUI to interact with the computer.
- GUI graphical user interface
- the GUI consists of a desktop containing various objects such as windows, icons, pull-down menus and pop-up menus. These various objects can be placed at different positions on the desktop. Such positioning can be performed manually, e.g. by dragging an object from one location to another. In other situations, the object can be automatically repositioned, in response to user actions.
- some types of objects can also be resized. For instance, a user may have numerous windows opened simultaneously. There may be an insufficient amount of space associated with the computer display to show each window in its entirety, as a result of which the display can become cluttered. To help keep the display appearance organized, the user can resize, reshape and/or reposition windows.
- An exemplary method for resizing a window is illustrated in U.S. Pat. No. 5,546,520 to Cline et al.
- Another exemplary method for modifying or resizing a window, as information is being scrolled is described by U.S. Pat. No. 5,771,032 to Cline et al.
- An exemplary method for repositioning windows is illustrated in U.S. Pat. No. 5,657,463 to Bingham.
- Another common technique that is employed with GUIs involves “minimizing” and “maximizing” windows.
- the technique of minimizing and maximizing windows involves resizing and repositioning windows.
- the window When minimizing a window, the window is reduced in size to a miniaturized representation of the larger or full-sized window, or to an icon representation.
- the window When maximizing a window, the window is enlarged from a miniaturized representation of the window, or an icon representation, to a larger or full-sized window.
- a user may initiate the process of maximizing or minimizing a window by selecting an on-screen button, typically associated with the window itself, or by depressing one or more keys on the keyboard.
- the above-identified and other objectives are achieved by obtaining information relating to first and second on-screen positions of a window, defining a set of curves which connect the first and the second window positions, and then repeatedly scaling and repositioning the first window in such a way that it appears to slide through the curves from the first window position to the second window position.
- the visual effect of the present invention provides a smooth, aesthetically pleasing effect, during the process of maximizing and minimizing a window, or hiding and restoring a window, which also assists the user in associating a minimized window with the corresponding maximized window as the user can visually follow the transition from one to the other.
- the rate of translation is controlled in a non-linear manner to provide a visually pleasing effect.
- the object accelerates and then decelerates as it moves.
- the rate of acceleration and deceleration is time-based, so that the same type of effect is achieved on all computers, independent of their respective processor speeds.
- FIG. 1 shows a general computer system on which the present invention may be implemented
- FIGS. 2A-2F illustrate a technique for minimizing and maximizing a window in accordance with exemplary embodiments of the present invention
- FIGS. 3A-3F illustrate a technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention
- FIGS. 4A-4F illustrate an alternative technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention
- FIGS. 5A-5F illustrate an additional alternative technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention
- FIG. 6 is a flow chart depicting a method for minimizing and maximizing windows in accordance with exemplary embodiments of the present invention.
- FIG. 7 is a flow chart depicting a method for restoring and hiding a window in accordance with exemplary embodiments of the present invention.
- FIG. 8 is a time line for the duration of a movement animation
- FIG. 9 is an illustration of the incremental movement that occurs when a sinusoidal function is employed for the movement animation.
- Exemplary embodiments of the present invention may, for example, be implemented on an Apple Macintosh® computer system.
- the management of windows can be used with the tool described in U.S. application Ser. No. 091467,074, filed Dec. 20, 1999, and entitled “User Interface for Providing Consolidation and Access,” the disclosure of which is incorporated herein by reference.
- U.S. application Ser. No. 091467,074 filed Dec. 20, 1999, and entitled “User Interface for Providing Consolidation and Access,” the disclosure of which is incorporated herein by reference.
- the techniques described herein may be implemented on any of a number of computer systems. In general, such computer systems, as illustrated in FIG.
- a bus 100 for communicating information comprise a bus 100 for communicating information, a processor 101 coupled with the bus for processing information and instructions, a random access memory 102 coupled with the bus 100 for storing information and instructions for the processor 101 , a read only memory 103 coupled with the bus 100 for storing static information and instructions for the processor 101 , a data storage device 104 such as a magnetic disk and disk drive or CD ROM drive coupled with the bus 100 for storing information and instructions, a display device 105 coupled to the bus 100 for displaying information to the computer user, an alpha-numeric input device 106 including alpha-numeric and function keys coupled to the bus 100 for communication information and command selections to the processor 101 , a cursor control device 107 coupled to the bus for communicating information and command selections to the processor 101 , and a signal generation device 108 coupled to the bus 100 for communicating command selection to the processor 101 .
- a bus 100 for communicating information for communicating information
- a processor 101 coupled with the bus for processing information and instructions
- FIGS. 2A-2F graphically illustrate a technique for minimizing and maximizing a user interface object, e.g. a window, in accordance with an exemplary embodiment of the present invention. More specifically, FIGS. 2A-2F present the visual effect that occurs during the minimizing and repositioning of a window 200 from a first window position 210 to a second window position 220 , where the window 200 is minimized, that is, reduced in size to a miniaturized representation 250 .
- the miniaturized window representation 250 may, for example, be an icon representation or, alternatively, a smaller version of the original window 200 .
- the miniaturized representation 250 can be one of multiple tiles 260 in a userbar 270 of the type described in previously cited application Ser. No. 09/467,074, for example.
- FIGS. 2A-2F illustrate the technique is divided into a first Phase A and a second Phase B.
- FIGS. 2A-2C illustrate the events associated with Phase A.
- FIGS. 2D-2F illustrate the events associated with Phase B.
- location information defining a first window position 210 and a second window position 220 is obtained.
- Two curves 230 , 240 having amplitudes initially set equal to zero (0), are formed as shown, wherein the two curves 230 , 240 originate from points Q and R respectively, and terminate at points S and T, respectively. These curves 230 , 240 are preferably invisible to the user. In the embodiment shown in FIGS.
- points Q and R, from which the two curves 230 , 240 originate are selected because they are the points on the corners of the first window position 210 , which are most remote from the second window position 220 , thereby creating a more dramatic effect in which the window 200 is scaled and moved from the first position 210 to the second position 220 .
- the points Q and R, from which the two curves 230 , 240 originate can be selected as the points on the corners of the first window position 210 closest to the second window position 220 , which would require a shorter set of curves 230 , 240 , and would not require the scaling steps shown in FIGS. 213-2C .
- the amplitudes of the curves 230 , 240 are adjusted until the curves 230 , 240 extend from points Q and R, which are associated with the first window position 210 , to points S′ and T′, which are associated with the second window position 220 .
- the curves 230 , 240 may be defined by any of a variety of different functions. In the example illustrated in FIGS. 2A-2F , the curves 230 and 240 are represented by sinusoidal functions. The basic equation defining curves 230 , 240 is, therefore, given by equation (1) below:
- x represents the length along the initial curves 230 , 240 represented by segments QS and RT, shown in FIG. 2A
- y represents the dimension perpendicular to these segments, in the direction from the points S and T to S′ and T′, wherein x ranges between ⁇ /2 and + ⁇ /2 in radians.
- A is the amplitude which is, for curve 230 , increased from zero (0) to a value given by equation (2) below:
- T T′ represents the length along the line connecting point T and point T′.
- the window 200 is scaled to fit within the curves, as shown in FIGS. 2B and 2C , such that the outer edges are transformed to conform with the adjusted position of the curves 230 , 240 , and the remainder of the image is scaled corresponding to the transformation of the edges.
- Scaling the image associated with the window 200 may be accomplished by operating on each scan line of the image in a variety of ways.
- One technique for scaling the image involves filtering the scan lines by averaging adjacent pixels as the size of each scan line decreases. This technique yields a smooth transition in pixel luminance, which is pleasing to the eye.
- An alternative way of scaling the scan lines is to remove interposing pixels until each line is the correct size. Removing pixels is less processor intensive; however, this alternative technique does not typically produce the smooth transition that is obtained using the averaging technique described above.
- a variety of other well-known filtering techniques may be used to scale the scan lines, which would be apparent to those skilled in the art, without departing from the spirit of the invention.
- phase B involves moving the scaled window 200 to a second window position 220 .
- the window 200 appears to slide towards the second position 220 .
- One way of accomplishing this apparent sliding motion is to determine the scaled length of each scan line, as defined by a corresponding distance between curves 230 , 240 , as the scan lines are shifted along a path in the direction from the first window position 210 to the second window position 220 , and to scale the scan lines to fit between a corresponding distance between curves 230 , 240 in transitioning from the first window position 210 to the second window position 220 .
- each scan line may be accomplished using the pixel averaging or pixel removing techniques mentioned above.
- each scan line is moved and scaled in unison with the other scan lines, which creates the appearance that the window 200 is sliding between the curves 230 , 240 towards its final position 220 .
- the sixth event depicted in FIG. 2F represents the completion of the window minimization process, where the window 200 has fully completed its apparent sliding motion from the first window position 210 to the second window position 220 , and wherein the miniaturized representation of the window 200 is shown as a tile 250 in the userbar 270 .
- the tile 250 may be a scaled-down version of the original window 200 , or an entirely different image, such as an icon.
- a variety of techniques may be used to transform an image to an icon, which may be used to represent the window in its miniaturized form 250 , as shown in FIG. 2F .
- One such technique allows the scan lines associated with the image being minimized to reach a final location within the second position 220 and thereafter disappear, leaving in their place a corresponding scan line associated with the icon. In this way, the forming of the icon gives an appearance similar to filling up a container with a liquid.
- a variety of other techniques for transforming an image to an icon apparent to those of ordinary skill in the art could be employed without departing from the spirit of the present invention.
- the window After the window has been minimized, it may be restored to its original size and position 210 by reversing the events depicted in FIGS. 2A-2F .
- the operating system retains the values associated with curves 230 , 240 in memory. Accordingly, there is no need to recalculate the curves in restoring the window 200 to its original size and position 210 from the position 220 of its miniaturized representation 250 .
- FIGS. 3A-3F show a number of events associated with a technique for restoring a hidden window 300 in accordance with exemplary embodiments of the present invention.
- a hidden window 300 is represented by a title bar 310 .
- the hidden window may be represented by items other than a title bar, such as, an icon, a thumbnail, etc.
- the window 300 occupies a window position 320 .
- curves 330 , 340 are defined, wherein curves 330 , 340 connect the title bar 310 and the window position 320 by a smooth, continuous curve as shown.
- the curves 330 , 340 are preferably invisible to the user.
- the curves may be defined by a variety of functions.
- the curves 330 , 340 are defined by a half sine wave function.
- curves 330 , 340 appear inverted (i.e., out-of-phase by it radians) with respect to each other.
- FIGS. 3A-3F could employ curves that are in-phase with respect to each other, with or without the same amplitude.
- the window 200 appears to slide from behind the title bar 310 in a manner similar to the sliding of window 200 described above in conjunction with FIGS. 2D-2F .
- the window 300 continues to slide one scan line at a time, where each scan line is continuously scaled in accordance with a corresponding distance between the curves 330 , 340 , until the entire image associated with window 300 is completely in view, as exemplified by the fourth event illustrated in FIG. 3D .
- scaling the scan lines may be achieved by implementing filtering techniques, such as the pixel averaging or pixel removing techniques described above.
- the fifth and sixth events, depicted in FIGS. 3E-3F show that when the scaled image is completely in view, the amplitudes of the curves 330 , 340 are gradually attenuated to zero (0), until they form the two sides of the window 300 .
- the image of the window 300 is scaled accordingly so that it continues to fit exactly within the curves 330 , 340 .
- the scan lines may be scaled to fit within the curves 330 , 340 in accordance with a number of techniques, such as, for example, an extrapolation technique that in a manner that is the reverse of the pixel averaging and/or pixel removing techniques described above.
- the events depicted in FIGS. 3A-3F could also be implemented in reverse, thus providing a way to hide the window 300 , for example, behind the title bar 310 .
- the values defining the curves 330 , 340 may be saved so that they may be easily reused by the operating system when hiding the window 300 .
- FIGS. 4A-4F illustrate one such alternative.
- an initially hidden window 400 is restored from behind a title bar 410 in such a way that it appears to drop down from behind the title bar 410 between the curves 415 , 420 , which have an amplitude, in this instance, of zero (0).
- the window 400 appears to “unfold”, as illustrated in FIGS. 4E and 4F .
- FIGS. 5A-5F illustrate still another alternative embodiment.
- an initially hidden window 500 is restored in such a way that it appears to drop down from behind the title bar 510 , as shown in FIGS. 5A-5C .
- the window 500 is expanded horizontally, as shown in FIG. 5E , wherein it appears as though the window undergoes a spring-like vacillation, or bouncing effect, illustrated in FIG. 5F , until it reaches a steady-state as a full-sized window.
- FIG. 6 depicts the steps associated with a method that might be employed to implement, for example, the window minimization/maximization technique shown in FIGS. 2A-2F .
- the method begins with an initiation step. Typically, this is accomplished by the user through the selection of an on-screen button, using a cursor control device, which may be physically associated with the window being minimized/maximized or by the user depressing one or more keys on a keyboard.
- a pair of curves is defined.
- these curves 230 , 240 are designated QS and RT.
- the curves may be defined by any number of functions. In the examples described above, the curves are defined by half sine wave functions. The curves initially lie along the edges of the window being minimized/maximized, with an amplitude of zero (0).
- step 615 the amplitude of each sine wave curve is incremented, such that the points designated Q and R, which are associated with the present location of the window, appear as though they remain fixed, while the points designated S and T, as illustrated in FIGS. 2A-2C , appear to shift horizontally towards the points designated S° and T′, which are associated with the desired location of the window.
- the scan lines associated with the window are scaled so that they fit within the continuously changing curves. The various techniques that may be employed to scale the scan lines are described above.
- step 620 After incrementing the amplitude of each curve and scaling the scan lines accordingly, a determination is made, as illustrated by decision step 620 , as to whether the amplitude of each curve has been sufficiently increased such that S′ and T′ are points along each curve respectively. If, as shown by the “NO” path out of decision step 620 , the amplitudes have not yet been increased sufficiently, step 615 is repeated. If, however, the amplitudes have been increased sufficiently, as shown by the “YES” path out of decision step 620 , then the window begins to move toward its desired location.
- the window is moved toward the desired location through a process that involves shifting the window, scan line by scan line, toward the desired location.
- the scan lines are being continuously scaled so that the length of each scan line equals a corresponding distance between the curves. This creates the appearance that the window is sliding towards the desired location between the curves.
- each scan line associated with the window reaches the desired location.
- FIG. 7 depicts the steps associated with a method that might be employed to implement, for example, the window restoration technique shown in FIGS. 3A-3F .
- the method begins with an initiation step.
- the user may initiate the method by selecting an on-screen button or depressing one or more keys on a keyboard.
- a pair of curves is defined.
- these are identified as curves 330 and 340 .
- the curves are, once again, defined in the present example by half sine wave functions. However, the sine wave functions here have the same amplitudes, although they are inverted with respect to each other, that is, they appear as though they are out-of-phase with each other by it radians. In the previous example, the two curves appeared to be in-phase with respect to each other, but with different amplitudes.
- step 710 the scan lines associated with the window, for example, window 300 illustrated in FIGS. 3B-3F , are shifted and scaled so that they appear to slide from beneath a minimized window representation, such as a title bar, icon or thumbnail, and between the two curves.
- a determination is made as to whether the window has been fully extended, as shown in decision step 715 . If, as shown by the “NO” path out of decision step 715 , it is determined that the window is not yet fully extended, step 710 is repeated. However, if it is determined that the window is fully extended, as shown by the “YES” path out of decision step 715 , then the amplitude associated with the curves is decreased, as shown in step 720 .
- the movement of user interface objects on the desktop is carried out in a time-based manner that provides an interesting and pleasing effect. Further, this effect is independent of processor speed, so that a consistent look is presented regardless of the model of computer with which the user interface is used.
- a non-linear translation rate is employed, wherein the object appears to move slowly at the beginning and end of its path of movement, and faster during the middle portion of the movement.
- the window 200 begins its downward movement from the state of FIG. 2C , it begins slowly, then appears to move faster as it passes through the state of FIG. 2D , and finally slows down again as it settles into its final position 220 shown in FIG. 2F .
- a sinusoidal function is employed to provide this effect of acceleration and deceleration during the movement of the object.
- the total length of the translation that is to take place is depicted in a range of 0 to 1, and occurs over a duration of time T.
- the total vertical translation is equal to the distance S-Q.
- the amount that the object moves during each increment of time in this interval e.g. every 30 milliseconds, can be viewed relative to movement along the periphery of a semicircle in equi-angular increments. For instance, if the interval T is divided into 8 segments, each interval corresponds to an arc of 22.5°, as shown in FIG. 9 .
- the results indicate the amount of linear translation that takes place during each interval.
- the amount of movement that takes place during the first interval of time, t 1 ⁇ t 0 is significantly less than the distance traveled during the middle periods, e.g. t 4 ⁇ t 3 and t 5 ⁇ t 4 .
- the amount of movement in the later periods are also less than during the middle periods.
- the semicircle therefore, represents a non-constant velocity function over the path of movement along the axis.
- This calculation results in a value in the range of 0 to 1, i.e. a point along the linear axis. This value is then used to determine the instantaneous position of the object, as follows:
- Equations 1-3 The procedure of Equations 1-3 is repeated during the period of time T, until the object has reached the final position.
- a particular advantage of this technique for translating objects is the fact that it is based on time, and is independent of the processor speed of the computer on which the operating system is being run. Hence, a consistent appearance will be associated with the user interface across all models of computers, rather than appearing relatively sluggish on older, slower computers or too fast to be perceived on newer, faster computers.
- the non-linear translation can be applied to any object which is automatically moved in a user interface. For instance, if a user removes one of the tiles 260 in the userbar 270 , or maximizes it into an open window, the other tiles can move horizontally to fill the gap created by the removed tile. Likewise, if a new tile is inserted in the userbar, or the relative positions of the tiles are changed, the existing tiles can move away from the tile being inserted to provide space for it to be accommodated. The movement of each tile can be controlled in accordance with the foregoing technique, to create a pleasing effect. Similarly, the dropping down of menus and any other type of movement animation that is automatically performed in a user interface can employ this effect.
- any other function representing a velocity which increases and/or decreases over time can be employed to produce a desired effect during the movement of the object.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention relates to a method for moving objects within the graphical user interface (GUI) of an operating system in a manner that provides a transitional effect between window states, which is pleasing to the user. This transitional effect includes changing the shape of a window while scaling and moving the window between two different sizes and positions. In one embodiment of the present invention, the transitional effect may be employed as a window is minimized into an icon, or restored from an icon. In another embodiment of the present invention, the transitional effect is employed as a window is minimized within its title bar, or restored therefrom. The rate of movement of objects is controlled in a non-linear manner, to further enhance the pleasing effect.
Description
- This application is a divisional of application Ser. No. 09/754,147 Jan. 5, 2001, which is a continuation-in-part of application Ser. No. 09/477,738 filed Jan. 5, 2000.
- The present invention relates generally to graphical user interfaces for computer systems. More particularly, the present invention relates to the movement of user-interface objects, such as icons and windows, within a graphical user interface of a computer operating system.
- An important aspect of virtually every conventional personal and business computer is the graphical user interface (GUI). The user primarily employs the GUI to interact with the computer. Typically, the GUI consists of a desktop containing various objects such as windows, icons, pull-down menus and pop-up menus. These various objects can be placed at different positions on the desktop. Such positioning can be performed manually, e.g. by dragging an object from one location to another. In other situations, the object can be automatically repositioned, in response to user actions.
- In addition to repositioning, some types of objects can also be resized. For instance, a user may have numerous windows opened simultaneously. There may be an insufficient amount of space associated with the computer display to show each window in its entirety, as a result of which the display can become cluttered. To help keep the display appearance organized, the user can resize, reshape and/or reposition windows. An exemplary method for resizing a window is illustrated in U.S. Pat. No. 5,546,520 to Cline et al. Another exemplary method for modifying or resizing a window, as information is being scrolled, is described by U.S. Pat. No. 5,771,032 to Cline et al. An exemplary method for repositioning windows is illustrated in U.S. Pat. No. 5,657,463 to Bingham.
- Another common technique that is employed with GUIs involves “minimizing” and “maximizing” windows. The technique of minimizing and maximizing windows involves resizing and repositioning windows. When minimizing a window, the window is reduced in size to a miniaturized representation of the larger or full-sized window, or to an icon representation. When maximizing a window, the window is enlarged from a miniaturized representation of the window, or an icon representation, to a larger or full-sized window. As one skilled in the art will readily appreciate, a user may initiate the process of maximizing or minimizing a window by selecting an on-screen button, typically associated with the window itself, or by depressing one or more keys on the keyboard.
- With respect to manipulating windows (e.g., opening, closing, sizing, repositioning), conventional operating systems primarily focus on efficiency. However, operating systems do not focus on the aesthetics associated with these operations, particularly minimizing, maximizing and restoring operations. Accordingly, it would be desirable to provide more aesthetically pleasing operations, while continuing to provide all of the functionality associated with traditional techniques.
- Based on the previous discussion, it is one objective of the present invention to provide an aesthetically pleasing visual effect when repositioning, resizing, or generally Manipulating a displayed window.
- It is another objective of the present invention to provide an aesthetically pleasing technique that assists the user in associating miniaturized or minimized windows with the corresponding enlarged or maximized windows.
- It is another objective of the present invention to direct the user's attention o the ultimate destination of a minimized or maximized window.
- It is a further objective of the present invention to provide a pleasing effect as the state of a user interface object is being changed, e.g. the object is being repositioned or resized.
- The above-identified and other objectives are achieved by obtaining information relating to first and second on-screen positions of a window, defining a set of curves which connect the first and the second window positions, and then repeatedly scaling and repositioning the first window in such a way that it appears to slide through the curves from the first window position to the second window position. The visual effect of the present invention provides a smooth, aesthetically pleasing effect, during the process of maximizing and minimizing a window, or hiding and restoring a window, which also assists the user in associating a minimized window with the corresponding maximized window as the user can visually follow the transition from one to the other.
- As an object such as a window moves from the first to the second position, the rate of translation is controlled in a non-linear manner to provide a visually pleasing effect. In one embodiment, the object accelerates and then decelerates as it moves. The rate of acceleration and deceleration is time-based, so that the same type of effect is achieved on all computers, independent of their respective processor speeds.
- Further features of the invention, the advantages offered thereby are explained in greater detail herein after with reference to specific embodiments illustrated in the accompanying drawings.
-
FIG. 1 shows a general computer system on which the present invention may be implemented; -
FIGS. 2A-2F illustrate a technique for minimizing and maximizing a window in accordance with exemplary embodiments of the present invention; -
FIGS. 3A-3F illustrate a technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention; -
FIGS. 4A-4F illustrate an alternative technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention; -
FIGS. 5A-5F illustrate an additional alternative technique for restoring and hiding a window in accordance with exemplary embodiments of the present invention; -
FIG. 6 is a flow chart depicting a method for minimizing and maximizing windows in accordance with exemplary embodiments of the present invention; -
FIG. 7 is a flow chart depicting a method for restoring and hiding a window in accordance with exemplary embodiments of the present invention; -
FIG. 8 is a time line for the duration of a movement animation; and -
FIG. 9 is an illustration of the incremental movement that occurs when a sinusoidal function is employed for the movement animation. - In the following description, for the purpose of explanation and not limitation, certain details are set forth, such as particular techniques, steps, and system components, in order to provide a thorough understanding of the present invention. However, it will be apparent to those skilled in the art that the present invention may be practiced in other embodiments that depart from these details. In some instances, specific detailed descriptions of well-known concepts and methods have been omitted so as not to obscure the description of the present invention.
- Exemplary embodiments of the present invention may, for example, be implemented on an Apple Macintosh® computer system. In particular, the management of windows can be used with the tool described in U.S. application Ser. No. 091467,074, filed Dec. 20, 1999, and entitled “User Interface for Providing Consolidation and Access,” the disclosure of which is incorporated herein by reference. However, it will be readily appreciated by those skilled in the art that the techniques described herein may be implemented on any of a number of computer systems. In general, such computer systems, as illustrated in
FIG. 1 , comprise abus 100 for communicating information, aprocessor 101 coupled with the bus for processing information and instructions, arandom access memory 102 coupled with thebus 100 for storing information and instructions for theprocessor 101, a readonly memory 103 coupled with thebus 100 for storing static information and instructions for theprocessor 101, adata storage device 104 such as a magnetic disk and disk drive or CD ROM drive coupled with thebus 100 for storing information and instructions, adisplay device 105 coupled to thebus 100 for displaying information to the computer user, an alpha-numeric input device 106 including alpha-numeric and function keys coupled to thebus 100 for communication information and command selections to theprocessor 101, acursor control device 107 coupled to the bus for communicating information and command selections to theprocessor 101, and asignal generation device 108 coupled to thebus 100 for communicating command selection to theprocessor 101. -
FIGS. 2A-2F graphically illustrate a technique for minimizing and maximizing a user interface object, e.g. a window, in accordance with an exemplary embodiment of the present invention. More specifically,FIGS. 2A-2F present the visual effect that occurs during the minimizing and repositioning of awindow 200 from afirst window position 210 to asecond window position 220, where thewindow 200 is minimized, that is, reduced in size to a miniaturized representation 250. It will be understood that the miniaturized window representation 250 may, for example, be an icon representation or, alternatively, a smaller version of theoriginal window 200. The miniaturized representation 250 can be one of multiple tiles 260 in a userbar 270 of the type described in previously cited application Ser. No. 09/467,074, for example. - To facilitate the explanation of the visual effect illustrated in
FIGS. 2A-2F , the technique is divided into a first Phase A and a second Phase B.FIGS. 2A-2C illustrate the events associated with Phase A.FIGS. 2D-2F illustrate the events associated with Phase B. - During a first event, as shown in
FIG. 2A , location information defining afirst window position 210 and asecond window position 220 is obtained. Twocurves curves curves FIGS. 2A-2F , points Q and R, from which the twocurves first window position 210, which are most remote from thesecond window position 220, thereby creating a more dramatic effect in which thewindow 200 is scaled and moved from thefirst position 210 to thesecond position 220. However, the points Q and R, from which the twocurves first window position 210 closest to thesecond window position 220, which would require a shorter set ofcurves FIGS. 213-2C . - During a second and third event, as shown in
FIGS. 213-2C , the amplitudes of thecurves curves first window position 210, to points S′ and T′, which are associated with thesecond window position 220. As one skilled in the art will appreciate, thecurves FIGS. 2A-2F , thecurves equation defining curves -
y=Asin(x) (1) - where x represents the length along the
initial curves FIG. 2A , and where y represents the dimension perpendicular to these segments, in the direction from the points S and T to S′ and T′, wherein x ranges between −π/2 and +π/2 in radians. A is the amplitude which is, forcurve 230, increased from zero (0) to a value given by equation (2) below: -
A=0.5*S S′ (2) - where S S′ represents the length along the line connecting point S and point S′. The amplitude A for
curve 240 is increased from zero (0) to a value given by equation (3) below: -
A=0.5*T T″ (3) - where T T′ represents the length along the line connecting point T and point T′. As the amplitude A of the
curves window 200 is scaled to fit within the curves, as shown inFIGS. 2B and 2C , such that the outer edges are transformed to conform with the adjusted position of thecurves - Scaling the image associated with the
window 200, as shown inFIGS. 2B and 2C , may be accomplished by operating on each scan line of the image in a variety of ways. One technique for scaling the image involves filtering the scan lines by averaging adjacent pixels as the size of each scan line decreases. This technique yields a smooth transition in pixel luminance, which is pleasing to the eye. An alternative way of scaling the scan lines is to remove interposing pixels until each line is the correct size. Removing pixels is less processor intensive; however, this alternative technique does not typically produce the smooth transition that is obtained using the averaging technique described above. A variety of other well-known filtering techniques may be used to scale the scan lines, which would be apparent to those skilled in the art, without departing from the spirit of the invention. - While phase A involves defining the
curves window 200 to fit within thecurves window 200 to asecond window position 220. As shown inFIGS. 2D-2F , thewindow 200 appears to slide towards thesecond position 220. One way of accomplishing this apparent sliding motion is to determine the scaled length of each scan line, as defined by a corresponding distance betweencurves first window position 210 to thesecond window position 220, and to scale the scan lines to fit between a corresponding distance betweencurves first window position 210 to thesecond window position 220. The scaling of each scan line may be accomplished using the pixel averaging or pixel removing techniques mentioned above. In addition, each scan line is moved and scaled in unison with the other scan lines, which creates the appearance that thewindow 200 is sliding between thecurves final position 220. - The sixth event depicted in
FIG. 2F represents the completion of the window minimization process, where thewindow 200 has fully completed its apparent sliding motion from thefirst window position 210 to thesecond window position 220, and wherein the miniaturized representation of thewindow 200 is shown as a tile 250 in the userbar 270. As stated previously, the tile 250 may be a scaled-down version of theoriginal window 200, or an entirely different image, such as an icon. - A variety of techniques may be used to transform an image to an icon, which may be used to represent the window in its miniaturized form 250, as shown in
FIG. 2F . One such technique allows the scan lines associated with the image being minimized to reach a final location within thesecond position 220 and thereafter disappear, leaving in their place a corresponding scan line associated with the icon. In this way, the forming of the icon gives an appearance similar to filling up a container with a liquid. A variety of other techniques for transforming an image to an icon apparent to those of ordinary skill in the art could be employed without departing from the spirit of the present invention. - After the window has been minimized, it may be restored to its original size and
position 210 by reversing the events depicted inFIGS. 2A-2F . In accordance with one embodiment of the present invention, the operating system retains the values associated withcurves window 200 to its original size andposition 210 from theposition 220 of its miniaturized representation 250. -
FIGS. 3A-3F show a number of events associated with a technique for restoring ahidden window 300 in accordance with exemplary embodiments of the present invention. InFIGS. 3A-3F , ahidden window 300 is represented by atitle bar 310. One skilled in the art will appreciate, however, that the hidden window may be represented by items other than a title bar, such as, an icon, a thumbnail, etc. Upon restoration of thewindow 300, thewindow 300 occupies awindow position 320. - In a first event depicted in
FIG. 3A , curves 330,340 are defined, whereincurves title bar 310 and thewindow position 320 by a smooth, continuous curve as shown. Thecurves curves curves FIGS. 2A-2F , curves 330,340 appear inverted (i.e., out-of-phase by it radians) with respect to each other. However, one skilled in the art will recognize that the embodiment shown inFIGS. 3A-3F could employ curves that are in-phase with respect to each other, with or without the same amplitude. - During a second and third event, as shown in
FIGS. 3B-3C , thewindow 200 appears to slide from behind thetitle bar 310 in a manner similar to the sliding ofwindow 200 described above in conjunction withFIGS. 2D-2F . Thewindow 300 continues to slide one scan line at a time, where each scan line is continuously scaled in accordance with a corresponding distance between thecurves window 300 is completely in view, as exemplified by the fourth event illustrated inFIG. 3D . Again, scaling the scan lines may be achieved by implementing filtering techniques, such as the pixel averaging or pixel removing techniques described above. - The fifth and sixth events, depicted in
FIGS. 3E-3F , show that when the scaled image is completely in view, the amplitudes of thecurves window 300. As thecurves window 300 is scaled accordingly so that it continues to fit exactly within thecurves curves - The events depicted in
FIGS. 3A-3F could also be implemented in reverse, thus providing a way to hide thewindow 300, for example, behind thetitle bar 310. As in the previous example, the values defining thecurves window 300. - A variety of alternative embodiments involving the restoration of a window, similar to the embodiment illustrated in
FIGS. 3A-3F , may be realized.FIGS. 4A-4F illustrate one such alternative. InFIGS. 4A-4C , an initially hiddenwindow 400 is restored from behind atitle bar 410 in such a way that it appears to drop down from behind thetitle bar 410 between thecurves window 400 is fully extended, as shown inFIG. 4D , thewindow 400 appears to “unfold”, as illustrated inFIGS. 4E and 4F . -
FIGS. 5A-5F illustrate still another alternative embodiment. In this case, an initially hiddenwindow 500 is restored in such a way that it appears to drop down from behind thetitle bar 510, as shown inFIGS. 5A-5C . Once thewindow 500 is fully extended, as shown inFIG. 5D , thewindow 500 is expanded horizontally, as shown inFIG. 5E , wherein it appears as though the window undergoes a spring-like vacillation, or bouncing effect, illustrated inFIG. 5F , until it reaches a steady-state as a full-sized window. -
FIG. 6 depicts the steps associated with a method that might be employed to implement, for example, the window minimization/maximization technique shown inFIGS. 2A-2F . As shown instep 605, the method begins with an initiation step. Typically, this is accomplished by the user through the selection of an on-screen button, using a cursor control device, which may be physically associated with the window being minimized/maximized or by the user depressing one or more keys on a keyboard. - In
step 610, a pair of curves is defined. InFIG. 2A , thesecurves - During
step 615, the amplitude of each sine wave curve is incremented, such that the points designated Q and R, which are associated with the present location of the window, appear as though they remain fixed, while the points designated S and T, as illustrated inFIGS. 2A-2C , appear to shift horizontally towards the points designated S° and T′, which are associated with the desired location of the window. As the amplitude of each curve is incremented, the scan lines associated with the window are scaled so that they fit within the continuously changing curves. The various techniques that may be employed to scale the scan lines are described above. - After incrementing the amplitude of each curve and scaling the scan lines accordingly, a determination is made, as illustrated by
decision step 620, as to whether the amplitude of each curve has been sufficiently increased such that S′ and T′ are points along each curve respectively. If, as shown by the “NO” path out ofdecision step 620, the amplitudes have not yet been increased sufficiently,step 615 is repeated. If, however, the amplitudes have been increased sufficiently, as shown by the “YES” path out ofdecision step 620, then the window begins to move toward its desired location. - In accordance with
step 625, the window is moved toward the desired location through a process that involves shifting the window, scan line by scan line, toward the desired location. As the window is being shifted, the scan lines are being continuously scaled so that the length of each scan line equals a corresponding distance between the curves. This creates the appearance that the window is sliding towards the desired location between the curves. - Eventually, each scan line associated with the window reaches the desired location. Thus, as the scan lines are being shifted and scaled, it is necessary to determine whether they have been fully shifted into place such that the window now occupies the desired location. This determination is made in accordance with
decision step 630. If it is determined that the scan lines are not fully in place, in accordance with the “NO” path out ofdecision step 630,step 625 is repeated. If, however, it is determined that the scan lines are fully in place, and the window is now completely occupying the desired location, accordance with the “YES” path out ofdecision step 625, the process is complete and the method may be terminated. -
FIG. 7 depicts the steps associated with a method that might be employed to implement, for example, the window restoration technique shown inFIGS. 3A-3F . As shown instep 705, the method begins with an initiation step. As in the previously described method, the user may initiate the method by selecting an on-screen button or depressing one or more keys on a keyboard. - In
step 708, a pair of curves is defined. InFIG. 3A , these are identified ascurves - During the
next step 710, the scan lines associated with the window, for example,window 300 illustrated inFIGS. 3B-3F , are shifted and scaled so that they appear to slide from beneath a minimized window representation, such as a title bar, icon or thumbnail, and between the two curves. After shifting and scaling each scan line, a determination is made as to whether the window has been fully extended, as shown indecision step 715. If, as shown by the “NO” path out ofdecision step 715, it is determined that the window is not yet fully extended,step 710 is repeated. However, if it is determined that the window is fully extended, as shown by the “YES” path out ofdecision step 715, then the amplitude associated with the curves is decreased, as shown instep 720. - After decreasing the amplitude associated with the curves, a determination is made as to whether the window is fully expanded. This occurs when the amplitude of the curves reaches zero (0). This determination is made in accordance with
decision step 725. If the amplitude of the curves is not yet zero (0), as shown by the “NO” path out ofdecision step 725, then step 720 is repeated. If, however, the amplitude of the curves is zero (0), the window is fully expanded and the method may be terminated, as shown by the “YES” path out ofdecision step 725 to thetermination step 730. - In accordance with another aspect of the invention, the movement of user interface objects on the desktop, such as windows, icons, tiles, etc., is carried out in a time-based manner that provides an interesting and pleasing effect. Further, this effect is independent of processor speed, so that a consistent look is presented regardless of the model of computer with which the user interface is used.
- In an embodiment of this aspect of the invention, a non-linear translation rate is employed, wherein the object appears to move slowly at the beginning and end of its path of movement, and faster during the middle portion of the movement. Thus, for instance, in the example of
FIGS. 2A-2F , as thewindow 200 begins its downward movement from the state ofFIG. 2C , it begins slowly, then appears to move faster as it passes through the state ofFIG. 2D , and finally slows down again as it settles into itsfinal position 220 shown inFIG. 2F . - In a preferred embodiment, a sinusoidal function is employed to provide this effect of acceleration and deceleration during the movement of the object. Referring to
FIG. 8 , the total length of the translation that is to take place is depicted in a range of 0 to 1, and occurs over a duration of time T. Thus, in the example ofFIGS. 2A-2F , the total vertical translation is equal to the distance S-Q. The amount that the object moves during each increment of time in this interval, e.g. every 30 milliseconds, can be viewed relative to movement along the periphery of a semicircle in equi-angular increments. For instance, if the interval T is divided into 8 segments, each interval corresponds to an arc of 22.5°, as shown inFIG. 9 . When the end point of each arc is projected onto a linear axis, i.e. the diameter of the semicircle, the results indicate the amount of linear translation that takes place during each interval. As can be seen, the amount of movement that takes place during the first interval of time, t1−t0, is significantly less than the distance traveled during the middle periods, e.g. t4−t3 and t5−t4. Similarly, the amount of movement in the later periods are also less than during the middle periods. As a result, the object appears to first accelerate and then decelerate over the total range of its motion. The semicircle, therefore, represents a non-constant velocity function over the path of movement along the axis. - To determine the instantaneous position of the object during movement in accordance with the foregoing approach, the following values are defined for movement in a direction of interest, e.g. along the x axis:
- xstart—-starting position of a reference point on the object (e.g. the upper left corner Q of the window illustrated in
FIG. 2A ) - xend—final position of the reference point on the object (e.g. the point S′)
- tstart—starting time for the translation
- T—total duration for the translation
- Once these values have been defined, the elapsed time is calculated as:
-
t elapsed =t now −t start (1) - where tnow is the current time. Using this value, a distance factor F is computed as follows:
-
F=0.5−[0.5 cos (π*t elapsed /T)] (2) - This calculation results in a value in the range of 0 to 1, i.e. a point along the linear axis. This value is then used to determine the instantaneous position of the object, as follows:
-
x now =x start+(x end −x start)*F (3) - The procedure of Equations 1-3 is repeated during the period of time T, until the object has reached the final position.
- The foregoing example has been provided for translation along the x axis. The same approach can be employed for translation along the y axis, if translation in that direction is to be depicted.
- A particular advantage of this technique for translating objects is the fact that it is based on time, and is independent of the processor speed of the computer on which the operating system is being run. Hence, a consistent appearance will be associated with the user interface across all models of computers, rather than appearing relatively sluggish on older, slower computers or too fast to be perceived on newer, faster computers.
- While the preceding example has been particularly described with reference to the movement of a window, it will be appreciated that it is not limited to such. Rather, the non-linear translation can be applied to any object which is automatically moved in a user interface. For instance, if a user removes one of the tiles 260 in the userbar 270, or maximizes it into an open window, the other tiles can move horizontally to fill the gap created by the removed tile. Likewise, if a new tile is inserted in the userbar, or the relative positions of the tiles are changed, the existing tiles can move away from the tile being inserted to provide space for it to be accommodated. The movement of each tile can be controlled in accordance with the foregoing technique, to create a pleasing effect. Similarly, the dropping down of menus and any other type of movement animation that is automatically performed in a user interface can employ this effect.
- Although a sinusoidal function has been identified since it produces a particularly interesting effect, any other function representing a velocity which increases and/or decreases over time, particularly a non-linear function, can be employed to produce a desired effect during the movement of the object.
- It will be appreciated by those of ordinary skill in the art that the present invention can be embodied in other specific forms without departing from the spirit of the invention or essential characteristics thereof. For example, the invention has been described using curves, between which an image is scaled and along which an image is slid from a first position to a second position; however, the reference to “curves” may include the use of any kind of curve, including straight lines. Furthermore, the embodiments described show movement in the vertical direction on a computer screen; however, it is anticipated that the present invention may be implemented in any direction on a computer screen. Moreover, multiple scaling effects may be utilized in scaling and sliding the image that would be within the skill of those skilled in the art for enhancing the aesthetic effect of the transition described without departing from the spirit of the invention.
- The presently disclosed embodiments are therefore considered in all respects to be illustrative and not restrictive. The scope of the invention is indicated by the appended claims, rather than the foregoing description, and all changes that come within the meaning and range of equivalents thereof are intended to be embraced therein.
Claims (30)
1. A method, comprising:
at an electronic device with a display and one or more input devices:
displaying, on the display, a first state of a user interface;
while displaying the first state of the user interface, receiving an input via the one or more input devices that corresponds to a request to transition the user interface to a second state that is different from the first state; and
in response to receiving the input, transitioning the user interface from the first state to the second state with a non-linear transition, wherein transitioning the user interface from the first state to the second state with the non-linear transition includes:
transitioning the user interface by a first amount of transition over a respective amount of time during a first portion of the non-linear transition; and
transitioning the user interface by a second amount of transition over the respective amount of time during a second portion of the non-linear transition that occurs after the first portion of the non-linear transition, wherein the second amount of transition is selected so as to be different from the first amount of transition.
2. The method of claim 1 , wherein the second amount of transition is greater than the first amount of transition.
3. The method of claim 1 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes transitioning the user interface at a changing rate during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes transitioning the user interface at a changing rate during the second portion of the non-linear transition.
4. The method of claim 1 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the second portion of the non-linear transition.
5. The method of claim 1 , wherein transitioning the user interface from the first state to the second state with the non-linear transition includes transitioning the user interface by a third amount of transition over the respective amount of time during a third portion of the non-linear transition that occurs after the second portion of the non-linear transition, wherein the third amount of transition is selected so as to be different from the first amount of transition and the second amount of transition.
6. The method of claim 5 , wherein:
the third amount of transition is greater than the second amount of transition; and
the second amount of transition is greater than the first amount of transition.
7. The method of claim 5 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes transitioning the user interface at a changing rate during the first portion of the non-linear transition;
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes transitioning the user interface at a changing rate during the second portion of the non-linear transition; and
transitioning the user interface by the third amount of transition over the respective amount of time during the third portion of the non-linear transition includes transitioning the user interface at a changing rate during the third portion of the non-linear transition.
8. The method of claim 5 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the second portion of the non-linear transition; and
transitioning the user interface by the third amount of transition over the respective amount of time during the third portion of the non-linear transition includes decelerating the rate of transitioning the user interface during the third portion of the non-linear transition.
9. The method of claim wherein the first amount of transition is the same as the third amount of transition.
10. The method of claim 1 , wherein transitioning the user interface from the first state to the second state includes moving a user interface object across the display from a first position in the first state of the user interface to a second position in the second state of the user interface.
11. The method of claim 1 , wherein transitioning the user interface from the first state to the second state includes decreasing a size of at least a portion of a user interface object from a first size in the first state of the user interface to a second size in the second state of the user interface.
12. The method of claim 1 , wherein transitioning the user interface from the first state to the second state includes changing a shape of a user interface object from a first shape in the first state of the user interface to a second shape in the second state of the user interface.
13. A computer-readable medium containing instructions, which when executed by at least one processor, configure the processor to perform operations comprising:
displaying, on a display, a first state of a user interface;
while displaying the first state of the user interface, receiving an input via one or more input devices that corresponds to a request to transition the user interface to a second state that is different from the first state; and
in response to receiving the input, transitioning the user interface from the first state to the second state with a non-linear transition, wherein transitioning the user interface from the first state to the second state with the non-linear transition includes:
transitioning the user interface by a first amount of transition over a respective amount of time during a first portion of the non-linear transition; and
transitioning the user interface by a second amount of transition over the respective amount of time during a second portion of the non-linear transition that occurs after the first portion of the non-linear transition, wherein the second amount of transition is selected so as to be different from the first amount of transition.
14. The computer-readable medium of claim 13 , wherein the second amount of transition is greater than the first amount of transition.
15. The computer-readable medium of claim 13 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes transitioning the user interface at a changing rate during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes transitioning the user interface at a changing rate during the second portion of the non-linear transition.
16. The computer-readable medium of claim 13 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the second portion of the non-linear transition.
17. The computer-readable medium of claim 13 , wherein transitioning the user interface from the first state to the second state with the non-linear transition includes transitioning the user interface by a third amount of transition over the respective amount of time during a third portion of the non-linear transition that occurs after the second portion of the non-linear transition, wherein the third amount of transition is selected so as to be different from the first amount of transition and the second amount of transition.
18. The computer-readable medium of claim 17 , wherein:
the third amount of transition is greater than the second amount of transition; and
the second amount of transition is greater than the first amount of transition.
19. The computer-readable medium of claim 17 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes transitioning the user interface at a changing rate during the first portion of the non-linear transition;
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes transitioning the user interface at a changing rate during the second portion of the non-linear transition; and
transitioning the user interface by the third amount of transition over the respective amount of time during the third portion of the non-linear transition includes transitioning the user interface at a changing rate during the third portion of the non-linear transition.
20. The computer-readable medium of claim 17 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the second portion of the non-linear transition; and
transitioning the user interface by the third amount of transition over the respective amount of time during the third portion of the non-linear transition includes decelerating the rate of transitioning the user interface during the third portion of the non-linear transition.
21. The computer-readable medium of claim 17 , wherein the first amount of transition is the same as the third amount of transition.
22. The computer-readable medium of claim 17 , wherein transitioning the user interface from the first state to the second state includes moving a user interface object across the display from a first position in the first state of the user interface to a second position in the second state of the user interface.
23. The computer-readable medium of claim 13 , wherein transitioning the user interface from the first state to the second state includes decreasing a size of at least a portion of a user interface object from a first size in the first state of the user interface to a second size in the second state of the user interface.
24. The computer-readable medium of claim 13 , wherein transitioning the user interface from the first state to the second state includes changing a shape of a user interface object from a first shape in the first state of the user interface to a second shape in the second state of the user interface.
25. A computer system comprising:
a display and one or more input devices;
a computer-readable medium containing instructions, which when executed by at least one processor, configure the processor to perform operations comprising:
displaying, on the display, a first state of a user interface;
while displaying the first state of the user interface, receiving an input via the one or more input devices that corresponds to a request to transition the user interface to a second state that is different from the first state; and
in response to receiving the input, transitioning the user interface from the first state to the second state with a non-linear transition, wherein transitioning the user interface from the first state to the second state with the non-linear transition includes:
transitioning the user interface by a first amount of transition over a respective amount of time during a first portion of the non-linear transition; and
transitioning the user interface by a second amount of transition over the respective amount of time during a second portion of the non-linear transition that occurs after the first portion of the non-linear transition, wherein the second amount of transition is selected so as to be different from the first amount of transition.
26. The computer system of claim 25 , wherein the second amount of transition is greater than the first amount of transition.
27. The computer system of claim 25 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes transitioning the user interface at a changing rate during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes transitioning the user interface at a changing rate during the second portion of the non-linear transition.
28. The computer system of claim 25 , wherein:
transitioning the user interface by the first amount of transition over the respective amount of time during the first portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the first portion of the non-linear transition; and
transitioning the user interface by the second amount of transition over the respective amount of time during the second portion of the non-linear transition includes accelerating the rate of transitioning the user interface during the second portion of the non-linear transition.
29. The computer system of claim 25 , wherein transitioning the user interface from the first state to the second state includes decreasing a size of at least a portion of a user interface object from a first size in the first state of the user interface to a second size in the second state of the user interface.
30. The computer system of claim 25 , wherein transitioning the user interface from the first state to the second state includes changing a shape of a user interface object from a first shape in the first state of the user interface to a second shape in the second state of the user interface.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US15/351,298 US20170060393A1 (en) | 2000-01-05 | 2016-11-14 | Time-based, non-constant translation of user interface objects between states |
Applications Claiming Priority (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US09/477,738 US6396520B1 (en) | 2000-01-05 | 2000-01-05 | Method of transition between window states |
US09/754,147 US7362331B2 (en) | 2000-01-05 | 2001-01-05 | Time-based, non-constant translation of user interface objects between states |
US11/892,154 US9508320B2 (en) | 2000-01-05 | 2007-08-20 | Method of transition between window states |
US15/351,298 US20170060393A1 (en) | 2000-01-05 | 2016-11-14 | Time-based, non-constant translation of user interface objects between states |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/892,154 Continuation US9508320B2 (en) | 2000-01-05 | 2007-08-20 | Method of transition between window states |
Publications (1)
Publication Number | Publication Date |
---|---|
US20170060393A1 true US20170060393A1 (en) | 2017-03-02 |
Family
ID=25033637
Family Applications (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US09/754,147 Active 2024-07-16 US7362331B2 (en) | 2000-01-05 | 2001-01-05 | Time-based, non-constant translation of user interface objects between states |
US11/892,154 Expired - Lifetime US9508320B2 (en) | 2000-01-05 | 2007-08-20 | Method of transition between window states |
US15/351,298 Abandoned US20170060393A1 (en) | 2000-01-05 | 2016-11-14 | Time-based, non-constant translation of user interface objects between states |
Family Applications Before (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US09/754,147 Active 2024-07-16 US7362331B2 (en) | 2000-01-05 | 2001-01-05 | Time-based, non-constant translation of user interface objects between states |
US11/892,154 Expired - Lifetime US9508320B2 (en) | 2000-01-05 | 2007-08-20 | Method of transition between window states |
Country Status (3)
Country | Link |
---|---|
US (3) | US7362331B2 (en) |
EP (1) | EP1374025B1 (en) |
WO (1) | WO2002054220A2 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110321042A (en) * | 2018-03-30 | 2019-10-11 | 阿里巴巴集团控股有限公司 | Interface information methods of exhibiting, device and electronic equipment |
US11016643B2 (en) | 2019-04-15 | 2021-05-25 | Apple Inc. | Movement of user interface object with user-specified content |
Families Citing this family (83)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7362331B2 (en) * | 2000-01-05 | 2008-04-22 | Apple Inc. | Time-based, non-constant translation of user interface objects between states |
JP2004054879A (en) * | 2002-05-27 | 2004-02-19 | Sony Corp | Display device and display method |
US7372865B2 (en) * | 2003-07-09 | 2008-05-13 | Fujitsu Limited | Processing data packets using time stamped marker packets |
US7490295B2 (en) | 2004-06-25 | 2009-02-10 | Apple Inc. | Layer for accessing user interface elements |
KR100736076B1 (en) | 2005-10-24 | 2007-07-06 | 삼성전자주식회사 | Portable device and method providing scene capture |
US7509588B2 (en) | 2005-12-30 | 2009-03-24 | Apple Inc. | Portable electronic device with interface reconfiguration mode |
US7940250B2 (en) * | 2006-09-06 | 2011-05-10 | Apple Inc. | Web-clip widgets on a portable multifunction device |
US8564544B2 (en) | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
US10313505B2 (en) | 2006-09-06 | 2019-06-04 | Apple Inc. | Portable multifunction device, method, and graphical user interface for configuring and displaying widgets |
US8099665B2 (en) * | 2006-09-11 | 2012-01-17 | Apple Inc. | Organizing and sorting media menu items |
US7853972B2 (en) | 2006-09-11 | 2010-12-14 | Apple Inc. | Media preview user interface |
US7930650B2 (en) * | 2006-09-11 | 2011-04-19 | Apple Inc. | User interface with menu abstractions and content abstractions |
US7743341B2 (en) * | 2006-09-11 | 2010-06-22 | Apple Inc. | Rendering icons along a multidimensional path having a terminus position |
US7747968B2 (en) * | 2006-09-11 | 2010-06-29 | Apple Inc. | Content abstraction presentation along a multidimensional path |
US7743338B2 (en) * | 2006-09-11 | 2010-06-22 | Apple Inc. | Image rendering with image artifact along a multidimensional path |
US7831727B2 (en) * | 2006-09-11 | 2010-11-09 | Apple Computer, Inc. | Multi-content presentation of unassociated content types |
US7984377B2 (en) | 2006-09-11 | 2011-07-19 | Apple Inc. | Cascaded display of video media |
US8373655B2 (en) * | 2007-01-05 | 2013-02-12 | Apple Inc. | Adaptive acceleration of mouse cursor |
US8788954B2 (en) | 2007-01-07 | 2014-07-22 | Apple Inc. | Web-clip widgets on a portable multifunction device |
US8519964B2 (en) | 2007-01-07 | 2013-08-27 | Apple Inc. | Portable multifunction device, method, and graphical user interface supporting user navigations of graphical objects on a touch screen display |
JP4883791B2 (en) * | 2007-04-04 | 2012-02-22 | キヤノン株式会社 | Information processing apparatus and display method |
US9933937B2 (en) | 2007-06-20 | 2018-04-03 | Apple Inc. | Portable multifunction device, method, and graphical user interface for playing online videos |
US9772751B2 (en) | 2007-06-29 | 2017-09-26 | Apple Inc. | Using gestures to slide between user interfaces |
US11126321B2 (en) * | 2007-09-04 | 2021-09-21 | Apple Inc. | Application menu user interface |
US8619038B2 (en) | 2007-09-04 | 2013-12-31 | Apple Inc. | Editing interface |
US9619143B2 (en) * | 2008-01-06 | 2017-04-11 | Apple Inc. | Device, method, and graphical user interface for viewing application launch icons |
US9569088B2 (en) * | 2007-09-04 | 2017-02-14 | Lg Electronics Inc. | Scrolling method of mobile terminal |
US8174503B2 (en) * | 2008-05-17 | 2012-05-08 | David H. Cain | Touch-based authentication of a mobile device through user generated pattern creation |
US8584031B2 (en) * | 2008-11-19 | 2013-11-12 | Apple Inc. | Portable touch screen device, method, and graphical user interface for using emoji characters |
US8453057B2 (en) * | 2008-12-22 | 2013-05-28 | Verizon Patent And Licensing Inc. | Stage interaction for mobile device |
KR101636570B1 (en) * | 2009-10-28 | 2016-07-20 | 엘지전자 주식회사 | Apparatus and Method for controlling an output display area |
US8736561B2 (en) | 2010-01-06 | 2014-05-27 | Apple Inc. | Device, method, and graphical user interface with content display modes and display rotation heuristics |
US10788976B2 (en) | 2010-04-07 | 2020-09-29 | Apple Inc. | Device, method, and graphical user interface for managing folders with multiple pages |
US9823831B2 (en) | 2010-04-07 | 2017-11-21 | Apple Inc. | Device, method, and graphical user interface for managing concurrently open software applications |
US8881060B2 (en) | 2010-04-07 | 2014-11-04 | Apple Inc. | Device, method, and graphical user interface for managing folders |
US8291344B2 (en) | 2010-04-07 | 2012-10-16 | Apple Inc. | Device, method, and graphical user interface for managing concurrently open software applications |
USD660860S1 (en) * | 2010-05-27 | 2012-05-29 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
JP6010036B2 (en) | 2010-10-01 | 2016-10-19 | ゼット124Z124 | Method, communication device, and computer-readable medium for displaying an image on a touch-sensitive display |
US9372618B2 (en) * | 2010-10-01 | 2016-06-21 | Z124 | Gesture based application management |
US9001149B2 (en) | 2010-10-01 | 2015-04-07 | Z124 | Max mode |
US9244606B2 (en) | 2010-12-20 | 2016-01-26 | Apple Inc. | Device, method, and graphical user interface for navigation of concurrently open software applications |
US8793624B2 (en) | 2011-05-18 | 2014-07-29 | Google Inc. | Control of a device using gestures |
US9495012B2 (en) | 2011-09-27 | 2016-11-15 | Z124 | Secondary single screen mode activation through user interface activation |
USD731504S1 (en) * | 2011-11-17 | 2015-06-09 | Axell Corporation | Display screen with graphical user interface |
USD731507S1 (en) * | 2011-11-17 | 2015-06-09 | Axell Corporation | Display screen with animated graphical user interface |
WO2013169842A2 (en) | 2012-05-09 | 2013-11-14 | Yknots Industries Llc | Device, method, and graphical user interface for selecting object within a group of objects |
WO2013169843A1 (en) | 2012-05-09 | 2013-11-14 | Yknots Industries Llc | Device, method, and graphical user interface for manipulating framed graphical objects |
EP2847662B1 (en) | 2012-05-09 | 2020-02-19 | Apple Inc. | Device, method, and graphical user interface for providing feedback for changing activation states of a user interface object |
JP6002836B2 (en) | 2012-05-09 | 2016-10-05 | アップル インコーポレイテッド | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
WO2013169851A2 (en) | 2012-05-09 | 2013-11-14 | Yknots Industries Llc | Device, method, and graphical user interface for facilitating user interaction with controls in a user interface |
WO2013169849A2 (en) | 2012-05-09 | 2013-11-14 | Industries Llc Yknots | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
CN107728906B (en) | 2012-05-09 | 2020-07-31 | 苹果公司 | Device, method and graphical user interface for moving and placing user interface objects |
JP6273263B2 (en) | 2012-05-09 | 2018-01-31 | アップル インコーポレイテッド | Device, method, and graphical user interface for displaying additional information in response to user contact |
EP2847660B1 (en) | 2012-05-09 | 2018-11-14 | Apple Inc. | Device, method, and graphical user interface for selecting user interface objects |
EP2847658B1 (en) | 2012-05-09 | 2017-06-21 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for operations performed in a user interface |
WO2013169875A2 (en) * | 2012-05-09 | 2013-11-14 | Yknots Industries Llc | Device, method, and graphical user interface for displaying content associated with a corresponding affordance |
WO2013169865A2 (en) | 2012-05-09 | 2013-11-14 | Yknots Industries Llc | Device, method, and graphical user interface for moving a user interface object based on an intensity of a press input |
CN105144057B (en) | 2012-12-29 | 2019-05-17 | 苹果公司 | For moving the equipment, method and graphic user interface of cursor according to the cosmetic variation of the control icon with simulation three-dimensional feature |
CN107832003B (en) | 2012-12-29 | 2021-01-22 | 苹果公司 | Method and apparatus for enlarging content, electronic apparatus, and medium |
US9477404B2 (en) | 2013-03-15 | 2016-10-25 | Apple Inc. | Device, method, and graphical user interface for managing concurrently open software applications |
KR102405189B1 (en) | 2013-10-30 | 2022-06-07 | 애플 인크. | Displaying relevant user interface objects |
KR20150051637A (en) * | 2013-11-05 | 2015-05-13 | (주)휴맥스 | Display window size or position control method, apparatus and system |
CN103955327B (en) * | 2014-04-15 | 2017-01-18 | 联想(北京)有限公司 | Information processing method and electronic equipment |
US10095396B2 (en) | 2015-03-08 | 2018-10-09 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
US10048757B2 (en) | 2015-03-08 | 2018-08-14 | Apple Inc. | Devices and methods for controlling media presentation |
US9632664B2 (en) | 2015-03-08 | 2017-04-25 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9639184B2 (en) | 2015-03-19 | 2017-05-02 | Apple Inc. | Touch input cursor manipulation |
US20170045981A1 (en) | 2015-08-10 | 2017-02-16 | Apple Inc. | Devices and Methods for Processing Touch Inputs Based on Their Intensities |
US9860451B2 (en) | 2015-06-07 | 2018-01-02 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9830048B2 (en) | 2015-06-07 | 2017-11-28 | Apple Inc. | Devices and methods for processing touch inputs with instructions in a web page |
US10200598B2 (en) | 2015-06-07 | 2019-02-05 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9891811B2 (en) | 2015-06-07 | 2018-02-13 | Apple Inc. | Devices and methods for navigating between user interfaces |
US10235035B2 (en) | 2015-08-10 | 2019-03-19 | Apple Inc. | Devices, methods, and graphical user interfaces for content navigation and manipulation |
US9880735B2 (en) | 2015-08-10 | 2018-01-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
DK201670595A1 (en) | 2016-06-11 | 2018-01-22 | Apple Inc | Configuring context-specific user interfaces |
US11816325B2 (en) | 2016-06-12 | 2023-11-14 | Apple Inc. | Application shortcuts for carplay |
CN106601254B (en) * | 2016-12-08 | 2020-11-06 | 阿里巴巴(中国)有限公司 | Information input method and device and computing equipment |
US11586338B2 (en) * | 2017-04-05 | 2023-02-21 | Open Text Sa Ulc | Systems and methods for animated computer generated display |
US10203866B2 (en) | 2017-05-16 | 2019-02-12 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
US11036387B2 (en) | 2017-05-16 | 2021-06-15 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
AU2018201254B1 (en) * | 2017-05-16 | 2018-07-26 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
US11119621B2 (en) * | 2018-09-11 | 2021-09-14 | Microsoft Technology Licensing, Llc | Computing device display management |
US11675476B2 (en) | 2019-05-05 | 2023-06-13 | Apple Inc. | User interfaces for widgets |
Citations (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6002402A (en) * | 1997-04-09 | 1999-12-14 | Symantec Corporation | System and method for producing a drag-and-drop object from a popup menu item |
US6011562A (en) * | 1997-08-01 | 2000-01-04 | Avid Technology Inc. | Method and system employing an NLE to create and modify 3D animations by mixing and compositing animation data |
US6057833A (en) * | 1997-04-07 | 2000-05-02 | Shoreline Studios | Method and apparatus for providing real time enhancements and animations over a video image |
US6466237B1 (en) * | 1998-07-28 | 2002-10-15 | Sharp Kabushiki Kaisha | Information managing device for displaying thumbnail files corresponding to electronic files and searching electronic files via thumbnail file |
US6486895B1 (en) * | 1995-09-08 | 2002-11-26 | Xerox Corporation | Display system for displaying lists of linked documents |
US6512522B1 (en) * | 1999-04-15 | 2003-01-28 | Avid Technology, Inc. | Animation of three-dimensional characters along a path for motion video sequences |
US6608631B1 (en) * | 2000-05-02 | 2003-08-19 | Pixar Amination Studios | Method, apparatus, and computer program product for geometric warps and deformations |
US20040012594A1 (en) * | 2002-07-19 | 2004-01-22 | Andre Gauthier | Generating animation data |
US7071943B2 (en) * | 2000-07-18 | 2006-07-04 | Incredimail, Ltd. | System and method for visual feedback of command execution in electronic mail systems |
US20060274070A1 (en) * | 2005-04-19 | 2006-12-07 | Herman Daniel L | Techniques and workflows for computer graphics animation system |
US7196702B1 (en) * | 1998-07-23 | 2007-03-27 | Freedesign, Inc. | Geometric design and modeling system using control geometry |
US20070162853A1 (en) * | 2006-01-06 | 2007-07-12 | Ralf Weber | Controlling behavior of elements in a display environment |
US7412360B2 (en) * | 2000-09-19 | 2008-08-12 | Technion Research & Development Foundation Ltd. | Method and apparatus for shape deformation and placement |
US7453464B1 (en) * | 2003-03-05 | 2008-11-18 | Adobe Systems Incorporated | Text modification |
US20100094531A1 (en) * | 2008-10-15 | 2010-04-15 | Navteq North America, Llc | Personalized traffic reports |
US20100205567A1 (en) * | 2009-02-10 | 2010-08-12 | Oracle International Corporation | Adaptive ui regions for enterprise applications |
US7782324B2 (en) * | 2005-11-23 | 2010-08-24 | Dreamworks Animation Llc | Non-hierarchical unchained kinematic rigging technique and system for animation |
US20110041086A1 (en) * | 2009-08-13 | 2011-02-17 | Samsung Electronics Co., Ltd. | User interaction method and apparatus for electronic device |
US20110163970A1 (en) * | 2010-01-06 | 2011-07-07 | Lemay Stephen O | Device, Method, and Graphical User Interface for Manipulating Information Items in Folders |
US20120017147A1 (en) * | 2010-07-16 | 2012-01-19 | John Liam Mark | Methods and systems for interacting with projected user interface |
US20120092346A1 (en) * | 2010-10-19 | 2012-04-19 | Apple Inc. | Grouping items in a folder |
US8564544B2 (en) * | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
Family Cites Families (56)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2039027C (en) * | 1990-05-22 | 1998-07-07 | Stephen Troy Eagen | Method and apparatus for assisting in the presentation and removal of windows |
US5274782A (en) | 1990-08-27 | 1993-12-28 | International Business Machines Corporation | Method and apparatus for dynamic detection and routing of non-uniform traffic in parallel buffered multistage interconnection networks |
AU640281B2 (en) | 1990-10-31 | 1993-08-19 | Hewlett-Packard Company | Three dimensional graphic interface |
US5353391A (en) * | 1991-05-06 | 1994-10-04 | Apple Computer, Inc. | Method apparatus for transitioning between sequences of images |
JP3134374B2 (en) | 1991-08-08 | 2001-02-13 | 日本電気株式会社 | Window display |
JP2565045B2 (en) | 1991-12-11 | 1996-12-18 | 日本電気株式会社 | Scenario editing / presentation method and apparatus |
US5821930A (en) * | 1992-08-23 | 1998-10-13 | U S West, Inc. | Method and system for generating a working window in a computer system |
JP2583003B2 (en) * | 1992-09-11 | 1997-02-19 | インターナショナル・ビジネス・マシーンズ・コーポレイション | Image display method, frame buffer, and graphics display system in graphics display system |
US5473746A (en) * | 1993-04-01 | 1995-12-05 | Loral Federal Systems, Company | Interactive graphics computer system for planning star-sensor-based satellite attitude maneuvers |
JP3224905B2 (en) | 1993-05-10 | 2001-11-05 | 株式会社村田製作所 | Composite oxide thin film and method for producing the same |
JPH0744348A (en) | 1993-07-30 | 1995-02-14 | Toshiba Corp | Multiplex screen display controller |
US5638116A (en) * | 1993-09-08 | 1997-06-10 | Sumitomo Electric Industries, Ltd. | Object recognition apparatus and method |
US5796402A (en) * | 1993-12-03 | 1998-08-18 | Microsoft Corporation | Method and system for aligning windows on a computer screen |
JPH07160428A (en) | 1993-12-08 | 1995-06-23 | Hitachi Ltd | Coordinate input system |
US5657463A (en) | 1994-01-19 | 1997-08-12 | Apple Computer, Inc. | Method and apparatus for positioning a new window on a display screen based on an arrangement of previously-created windows |
US5546620A (en) * | 1994-08-17 | 1996-08-20 | Matthews; Susan H. | Baby support with interconnectable play toys |
US5546520A (en) | 1994-09-30 | 1996-08-13 | International Business Machines Corporation | Method, system, and memory for reshaping the frame edges of a window around information displayed in the window |
US5771032A (en) | 1994-09-30 | 1998-06-23 | International Business Machines Corporation | Method, system, and memory for modifying a window as information is being scrolled |
DE69523543T2 (en) * | 1994-12-13 | 2002-04-04 | Microsoft Corp | Taskbar with start menu |
JPH08204951A (en) | 1995-01-25 | 1996-08-09 | Hitachi Ltd | Image reduction method |
US5724475A (en) * | 1995-05-18 | 1998-03-03 | Kirsten; Jeff P. | Compressed digital video reload and playback system |
US5838317A (en) * | 1995-06-30 | 1998-11-17 | Microsoft Corporation | Method and apparatus for arranging displayed graphical representations on a computer interface |
US5784045A (en) * | 1995-08-31 | 1998-07-21 | International Business Machines Corporation | Perimeter sliding windows |
JPH0981348A (en) | 1995-09-19 | 1997-03-28 | Canon Inc | Information processor and its window control method |
JP3886019B2 (en) | 1995-10-11 | 2007-02-28 | シャープ株式会社 | Information processing apparatus and window display method |
JPH09128194A (en) | 1995-11-02 | 1997-05-16 | Toshiba Corp | Display monitor device |
US5838318A (en) * | 1995-11-10 | 1998-11-17 | Intel Corporation | Method and apparatus for automatically and intelligently arranging windows on a display device |
US5764241A (en) * | 1995-11-30 | 1998-06-09 | Microsoft Corporation | Method and system for modeling and presenting integrated media with a declarative modeling language for representing reactive behavior |
US5699535A (en) | 1996-03-29 | 1997-12-16 | International Business Machines Corporation | Method, memory and apparatus for automatically resizing a plurality of windows displayed on a computer display |
CN1146805C (en) * | 1996-04-25 | 2004-04-21 | 松下电器产业株式会社 | Method for communicating and generating computer graphics, animation data, and recording media |
US5880733A (en) * | 1996-04-30 | 1999-03-09 | Microsoft Corporation | Display system and method for displaying windows of an operating system to provide a three-dimensional workspace for a computer system |
US6115051A (en) | 1996-08-07 | 2000-09-05 | Adobe Systems Incorporated | Arc-length reparameterization |
US6057847A (en) * | 1996-12-20 | 2000-05-02 | Jenkins; Barry | System and method of image generation and encoding using primitive reprojection |
US6545687B2 (en) * | 1997-01-09 | 2003-04-08 | Canon Kabushiki Kaisha | Thumbnail manipulation using fast and aspect ratio zooming, compressing and scaling |
US6020887A (en) * | 1997-05-07 | 2000-02-01 | International Business Machines Corporation | Method and apparatus for single scroll bars in graphical windows user interface |
US5977973A (en) * | 1997-05-14 | 1999-11-02 | Microsoft Corporation | Window linking |
US6069606A (en) * | 1997-05-15 | 2000-05-30 | Sony Corporation | Display of multiple images based on a temporal relationship among them with various operations available to a user as a function of the image size |
US6243091B1 (en) * | 1997-11-21 | 2001-06-05 | International Business Machines Corporation | Global history view |
US6613100B2 (en) * | 1997-11-26 | 2003-09-02 | Intel Corporation | Method and apparatus for displaying miniaturized graphical representations of documents for alternative viewing selection |
US6133914A (en) * | 1998-01-07 | 2000-10-17 | Rogers; David W. | Interactive graphical user interface |
US6208348B1 (en) * | 1998-05-27 | 2001-03-27 | In-Three, Inc. | System and method for dimensionalization processing of images in consideration of a pedetermined image projection format |
US6229542B1 (en) * | 1998-07-10 | 2001-05-08 | Intel Corporation | Method and apparatus for managing windows in three dimensions in a two dimensional windowing system |
US6229550B1 (en) * | 1998-09-04 | 2001-05-08 | Sportvision, Inc. | Blending a graphic |
JP4161426B2 (en) * | 1998-09-28 | 2008-10-08 | ソニー株式会社 | Image printing apparatus and image printing method |
US6384869B1 (en) * | 1998-10-30 | 2002-05-07 | Sony Corporation | Channel scan function and method of displaying scanned channels |
US6462754B1 (en) * | 1999-02-22 | 2002-10-08 | Siemens Corporate Research, Inc. | Method and apparatus for authoring and linking video documents |
US6570590B1 (en) * | 1999-03-02 | 2003-05-27 | Microsoft Corporation | Application sharing in a frame |
JP2000330686A (en) | 1999-05-25 | 2000-11-30 | Nippon Telegr & Teleph Corp <Ntt> | Window magnification/reduction display method, terminal equipment and recoding medium for recording the method |
US6590577B1 (en) * | 1999-05-27 | 2003-07-08 | International Business Machines Corporation | System and method for controlling a dynamic display of data relationships between static charts |
US6657628B1 (en) * | 1999-11-24 | 2003-12-02 | Fuji Xerox Co., Ltd. | Method and apparatus for specification, control and modulation of social primitives in animated characters |
US7434177B1 (en) * | 1999-12-20 | 2008-10-07 | Apple Inc. | User interface for providing consolidation and access |
US7362331B2 (en) | 2000-01-05 | 2008-04-22 | Apple Inc. | Time-based, non-constant translation of user interface objects between states |
US6396520B1 (en) * | 2000-01-05 | 2002-05-28 | Apple Computer, Inc. | Method of transition between window states |
DE10016753A1 (en) | 2000-04-04 | 2001-10-11 | Definiens Ag | Procedure for navigating between sections in a display room |
US20110093890A1 (en) * | 2009-10-21 | 2011-04-21 | John Araki | User control interface for interactive digital television |
US20110161856A1 (en) * | 2009-12-28 | 2011-06-30 | Nokia Corporation | Directional animation for communications |
-
2001
- 2001-01-05 US US09/754,147 patent/US7362331B2/en active Active
-
2002
- 2002-01-07 EP EP02705704.1A patent/EP1374025B1/en not_active Expired - Lifetime
- 2002-01-07 WO PCT/US2002/000465 patent/WO2002054220A2/en not_active Application Discontinuation
-
2007
- 2007-08-20 US US11/892,154 patent/US9508320B2/en not_active Expired - Lifetime
-
2016
- 2016-11-14 US US15/351,298 patent/US20170060393A1/en not_active Abandoned
Patent Citations (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6486895B1 (en) * | 1995-09-08 | 2002-11-26 | Xerox Corporation | Display system for displaying lists of linked documents |
US6057833A (en) * | 1997-04-07 | 2000-05-02 | Shoreline Studios | Method and apparatus for providing real time enhancements and animations over a video image |
US6002402A (en) * | 1997-04-09 | 1999-12-14 | Symantec Corporation | System and method for producing a drag-and-drop object from a popup menu item |
US6011562A (en) * | 1997-08-01 | 2000-01-04 | Avid Technology Inc. | Method and system employing an NLE to create and modify 3D animations by mixing and compositing animation data |
US7196702B1 (en) * | 1998-07-23 | 2007-03-27 | Freedesign, Inc. | Geometric design and modeling system using control geometry |
US6466237B1 (en) * | 1998-07-28 | 2002-10-15 | Sharp Kabushiki Kaisha | Information managing device for displaying thumbnail files corresponding to electronic files and searching electronic files via thumbnail file |
US6512522B1 (en) * | 1999-04-15 | 2003-01-28 | Avid Technology, Inc. | Animation of three-dimensional characters along a path for motion video sequences |
US6608631B1 (en) * | 2000-05-02 | 2003-08-19 | Pixar Amination Studios | Method, apparatus, and computer program product for geometric warps and deformations |
US7071943B2 (en) * | 2000-07-18 | 2006-07-04 | Incredimail, Ltd. | System and method for visual feedback of command execution in electronic mail systems |
US7412360B2 (en) * | 2000-09-19 | 2008-08-12 | Technion Research & Development Foundation Ltd. | Method and apparatus for shape deformation and placement |
US20040012594A1 (en) * | 2002-07-19 | 2004-01-22 | Andre Gauthier | Generating animation data |
US7453464B1 (en) * | 2003-03-05 | 2008-11-18 | Adobe Systems Incorporated | Text modification |
US20060274070A1 (en) * | 2005-04-19 | 2006-12-07 | Herman Daniel L | Techniques and workflows for computer graphics animation system |
US7782324B2 (en) * | 2005-11-23 | 2010-08-24 | Dreamworks Animation Llc | Non-hierarchical unchained kinematic rigging technique and system for animation |
US20070162853A1 (en) * | 2006-01-06 | 2007-07-12 | Ralf Weber | Controlling behavior of elements in a display environment |
US8564544B2 (en) * | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
US20100094531A1 (en) * | 2008-10-15 | 2010-04-15 | Navteq North America, Llc | Personalized traffic reports |
US20100205567A1 (en) * | 2009-02-10 | 2010-08-12 | Oracle International Corporation | Adaptive ui regions for enterprise applications |
US20110041086A1 (en) * | 2009-08-13 | 2011-02-17 | Samsung Electronics Co., Ltd. | User interaction method and apparatus for electronic device |
US20110163970A1 (en) * | 2010-01-06 | 2011-07-07 | Lemay Stephen O | Device, Method, and Graphical User Interface for Manipulating Information Items in Folders |
US20120017147A1 (en) * | 2010-07-16 | 2012-01-19 | John Liam Mark | Methods and systems for interacting with projected user interface |
US20120092346A1 (en) * | 2010-10-19 | 2012-04-19 | Apple Inc. | Grouping items in a folder |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110321042A (en) * | 2018-03-30 | 2019-10-11 | 阿里巴巴集团控股有限公司 | Interface information methods of exhibiting, device and electronic equipment |
US11016643B2 (en) | 2019-04-15 | 2021-05-25 | Apple Inc. | Movement of user interface object with user-specified content |
Also Published As
Publication number | Publication date |
---|---|
EP1374025B1 (en) | 2014-03-05 |
EP1374025A2 (en) | 2004-01-02 |
WO2002054220A3 (en) | 2003-10-16 |
US20070288862A1 (en) | 2007-12-13 |
US20020089505A1 (en) | 2002-07-11 |
WO2002054220A2 (en) | 2002-07-11 |
US9508320B2 (en) | 2016-11-29 |
US7362331B2 (en) | 2008-04-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20170060393A1 (en) | Time-based, non-constant translation of user interface objects between states | |
CA2393881C (en) | Method of transition between window states | |
US7480873B2 (en) | Method and apparatus for manipulating two-dimensional windows within a three-dimensional display model | |
US8352865B2 (en) | Action representation during slide generation | |
US7119819B1 (en) | Method and apparatus for supporting two-dimensional windows in a three-dimensional environment | |
US7921376B2 (en) | Method and apparatus for providing a three-dimensional task gallery computer interface | |
US20050204306A1 (en) | Enhancements for manipulating two-dimensional windows within a three-dimensional display model | |
US5880733A (en) | Display system and method for displaying windows of an operating system to provide a three-dimensional workspace for a computer system | |
US7692658B2 (en) | Model for layout animations | |
US7343562B2 (en) | Graduated visual and manipulative translucency for windows | |
WO2011072497A1 (en) | Method, device and computing equipment for window management | |
JPH07281864A (en) | Method and equipment for facilitation of selection of icon | |
CN102591646B (en) | Method for simultaneously scaling multiple WPF (Windows presentation foundation) windows and device | |
Thomas et al. | Animating widgets in the interviews toolkit | |
CN111083932A (en) | Dynamically generated interface transitions | |
JP2023552505A (en) | Method and system for presenting media content with multiple media elements in an editing environment | |
AU2005203582A1 (en) | User interface for authoring animated transitions |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
STPP | Information on status: patent application and granting procedure in general |
Free format text: FINAL REJECTION MAILED |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO RESPOND TO AN OFFICE ACTION |