MULTI-LAYER USER INTERFACE WITH FLEXIBLE PARALLEL MOVEMENT
First Claim
Patent Images
1. In a computer system, a method comprising:
- displaying a graphical user interface comprising at least first and second layers, wherein a first portion of visual information in the first layer is within a display area of a touchscreen, and wherein the layers are substantially parallel to each other;
receiving user input corresponding to a gesture on the touchscreen, the gesture having a gesture movement rate;
calculating a first movement based at least in part on the user input, the first movement comprising a movement of the first layer from an initial first-layer position before the user input is received in which a second portion of visual information in the first layer is outside the display area to a current first-layer position in which the second portion of visual information in the first layer is within the display area, wherein the first movement is in a first direction at a first movement rate, and wherein the first movement rate is based on the gesture movement rate; and
calculating a second movement based at least in part on the user input, the second movement comprising a movement of visual information in the second layer from an initial second-layer position before the user input is received to a current second-layer position, wherein the second movement is in the first direction at a second movement rate, and wherein a portion of visual information in the second layer is outside the display area when the second layer is in the initial second-layer position, and wherein the portion of the visual information in the second layer is within the display area when the second layer is in the current second-layer position;
wherein the second movement rate differs from the first movement rate.
2 Assignments
0 Petitions
Accused Products
Abstract
A user interface (UI) system calculates movements in a multi-layer graphical user interface. The UI system receives user input corresponding to gestures on a touchscreen. The UI system calculates a movement of a first layer in a first direction (e.g., a horizontal direction) at a first movement rate. For example, the first movement rate can be substantially equal to the movement rate of a gesture made by a user'"'"'s finger or other object on the touchscreen. The UI system calculates movements of other layers substantially parallel to the movement of the first layer, at movement rates that differ from the first movement rate.
-
Citations
20 Claims
-
1. In a computer system, a method comprising:
-
displaying a graphical user interface comprising at least first and second layers, wherein a first portion of visual information in the first layer is within a display area of a touchscreen, and wherein the layers are substantially parallel to each other; receiving user input corresponding to a gesture on the touchscreen, the gesture having a gesture movement rate; calculating a first movement based at least in part on the user input, the first movement comprising a movement of the first layer from an initial first-layer position before the user input is received in which a second portion of visual information in the first layer is outside the display area to a current first-layer position in which the second portion of visual information in the first layer is within the display area, wherein the first movement is in a first direction at a first movement rate, and wherein the first movement rate is based on the gesture movement rate; and calculating a second movement based at least in part on the user input, the second movement comprising a movement of visual information in the second layer from an initial second-layer position before the user input is received to a current second-layer position, wherein the second movement is in the first direction at a second movement rate, and wherein a portion of visual information in the second layer is outside the display area when the second layer is in the initial second-layer position, and wherein the portion of the visual information in the second layer is within the display area when the second layer is in the current second-layer position; wherein the second movement rate differs from the first movement rate. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13)
-
-
14. A computing device comprising:
-
one or more processors; a touchscreen having a display area; and one or more computer-readable storage media having stored therein computer-executable instructions for performing a method comprising; displaying a graphical user interface on the touchscreen, the graphical user interface comprising at least first and second layers, the second layer comprising a first portion and a second portion; receiving user input corresponding to at least one gesture on the touchscreen indicating movement in the first layer, the at least one gesture having a gesture movement rate; calculating a first movement based at least in part on the user input, the first movement comprising a movement of the first layer, wherein the first movement is at a first movement rate, and wherein the first movement rate is based on the gesture movement rate; calculating a second movement based at least in part on the first movement, the second movement comprising a movement of the first portion of the second layer, wherein the second movement is substantially parallel to the first movement, and wherein the second movement is at a second movement rate; calculating a third movement based at least in part on the user input, the third movement comprising a movement of the first layer, wherein the third movement is at a third movement rate; calculating a fourth movement based at least in part on the third movement, the fourth movement comprising a movement of the second portion of the second layer, wherein the fourth movement is substantially parallel to the third movement, and wherein the fourth movement is at a fourth movement rate; wherein the second movement rate differs from the fourth movement rate, and wherein the second movement rate differs from the first movement rate. - View Dependent Claims (15, 16, 17, 18, 19)
-
-
20. One or more computer-readable media not consisting of a signal, the computer-readable media having stored thereon computer-executable instructions for performing a method comprising:
-
displaying a graphical user interface on a touchscreen operable to receive user input via gestures on the touchscreen, the graphical user interface comprising a content layer, a section header layer, a title layer and a background layer, wherein each layer comprises at least first and second portions of visual information in the respective layer, wherein the first portion of visual information in the respective layer is in a display area of the touchscreen, and wherein the second portion of visual information in the respective layer is outside of the display area; receiving user input corresponding to a gesture on the touchscreen; calculating a content-layer movement based at least in part on the user input, the content-layer movement comprising a movement of the content layer from (a) an initial content-layer position in which the second portion of visual information in the content layer is outside the display area, to (b) a current content-layer position in which the second portion of visual information in the content layer is within the display area; animating the movement from (a) to (b), wherein the content-layer movement is in a first direction at a content-layer movement rate; calculating a section-header-layer movement based at least in part on the user input, the section-header-layer movement comprising a movement of the section header layer from (c) an initial section-header-layer position in which the second portion of visual information in the section header layer is outside the display area, to (d) a current section-header-layer position in which the second portion of visual information in the section header layer is within the display area; animating the movement from (c) to (d), wherein the section-header-layer movement is in the first direction at a section-header-layer movement rate; calculating a title-layer movement based at least in part on the user input, the title-layer movement comprising a movement of the title layer from (e) an initial title-layer position in which the second portion of visual information in the title layer is outside the display area, to (f) a current title-layer position in which the second portion of visual information in the title layer is within the display area; animating the movement from (e) to (f), wherein the title-layer movement is in the first direction at a title-layer movement rate; calculating a background-layer movement based at least in part on the user input, the background-layer movement comprising a movement of the background layer from (g) an initial background-layer position in which the second portion of visual information in the background layer is outside the display area, to (h) a current background-layer position in which the second portion of visual information in the background layer is within the display area; and animating the movement from (g) to (h), wherein the background-layer movement is in the first direction at a background-layer movement rate; wherein the content-layer movement rate is equal to the section-header-layer movement rate, wherein the title-layer movement rate differs from the content-layer movement rate and from the section-header-layer movement rate, wherein the content layer, the section header layer and the title layer are substantially parallel to each other and non-overlapping with respect to each other, and wherein each of the content layer, the section header layer and the title layer overlaps the background layer.
-
Specification