Multi-dimensional boundary effects
First Claim
1. In a computer system, a method comprising:
- receiving gesture information corresponding to a gesture on a touch input device, the gesture information indicating movement in at least a first dimension and a second dimension;
based at least in part on the gesture information, calculating a new position of a viewport relative to a user interface element having an extent greater than an extent of the viewport, the user interface element having plural boundaries comprising one or more boundaries in the first dimension and one or more boundaries in the second dimension;
determining that the new position of the viewport exceeds one or more of the plural boundaries of the user interface element; and
in response to determining that the new position of the viewport exceeds the one or more of the plural boundaries;
determining a region to be compressed of the user interface element; and
calculating a multi-dimensional compression effect for the region to be compressed, wherein the multi-dimensional compression effect comprises a horizontal compression effect in which content within the region to be compressed is horizontally scaled and a vertical compression effect in which content within the region to be compressed is vertically scaled.
2 Assignments
0 Petitions
Accused Products
Abstract
Multi-dimensional boundary effects provide visual feedback to indicate that boundaries in user interface elements (e.g., web pages, documents, images, or other elements that can be navigated in more than one dimension) have been reached or exceeded (e.g., during horizontal scrolling, vertical scrolling, diagonal scrolling, or other types of movement). A compression effect can be displayed to indicate that movement has caused one or more boundaries (e.g., a horizontal boundary and/or a vertical boundary) of a UI element to be exceeded. Exemplary compression effects include compressing content along a vertical axis when a vertical boundary has been exceeded and compressing content along a horizontal axis when a horizontal boundary has been exceeded.
111 Citations
20 Claims
-
1. In a computer system, a method comprising:
-
receiving gesture information corresponding to a gesture on a touch input device, the gesture information indicating movement in at least a first dimension and a second dimension; based at least in part on the gesture information, calculating a new position of a viewport relative to a user interface element having an extent greater than an extent of the viewport, the user interface element having plural boundaries comprising one or more boundaries in the first dimension and one or more boundaries in the second dimension; determining that the new position of the viewport exceeds one or more of the plural boundaries of the user interface element; and in response to determining that the new position of the viewport exceeds the one or more of the plural boundaries; determining a region to be compressed of the user interface element; and calculating a multi-dimensional compression effect for the region to be compressed, wherein the multi-dimensional compression effect comprises a horizontal compression effect in which content within the region to be compressed is horizontally scaled and a vertical compression effect in which content within the region to be compressed is vertically scaled. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15)
-
-
16. At least one computer memory having stored thereon computer-executable instructions operable to cause a computer to perform a method comprising:
-
receiving gesture information corresponding to a gesture on a touch input device, the gesture information indicating movement in at least a horizontal dimension and a vertical dimension; based at least in part on the gesture information, computing a new position of a viewport relative to a user interface element in a graphical user interface, the user interface element having a vertical movement boundary and a horizontal movement boundary; based at least in part on the new position, determining an extent by which the vertical movement boundary has been exceeded; determining a vertical scale factor based at least in part on the extent by which the vertical movement boundary has been exceeded; based at least in part on the new position, determining an extent by which the horizontal movement boundary has been exceeded; determining a horizontal scale factor based at least in part on the extent by which the horizontal movement boundary has been exceeded; determining a region to be compressed of the graphical user interface; and generating a multi-dimensional compression effect for the region to be compressed in the graphical user interface, wherein the multi-dimensional compression effect comprises a visual compression of content within the region to be compressed in which the content is scaled in the horizontal direction according to the horizontal scale factor and scaled in the vertical direction according to the vertical scale factor. - View Dependent Claims (17, 18, 19)
-
-
20. A mobile computing device comprising one or more hardware processors, a touchscreen device, and at least one computer memory having stored therein computer-executable instructions for performing a method, the method comprising:
-
receiving gesture information corresponding to a gesture on the touchscreen device, the gesture information indicating a movement in at least a horizontal dimension and a vertical dimension of content in a web page in a graphical user interface; and performing steps (a)-(i) for each of plural frames of a multi-dimensional boundary effect animation, steps (a)-(i) comprising; (a) based at least in part on the gesture information, calculating a new vertical position of a viewport in the graphical user interface; (b) based at least in part on the new vertical position, calculating an extent by which a vertical movement boundary associated with the web page has been exceeded; (c) calculating a vertical scale factor based at least in part on the extent by which the vertical movement boundary has been exceeded; (d) calculating a vertical compression effect in the web page based at least in part on the vertical scale factor, the vertical compression effect including a vertical scaling of content in the web page according to the vertical scale factor; (e) based at least in part on the gesture information, calculating a new horizontal position of the viewport in the graphical user interface; (f) based at least in part on the new horizontal position, calculating an extent by which a horizontal movement boundary associated with the web page has been exceeded; (g) calculating a horizontal scale factor based at least in part on the extent by which the horizontal movement boundary has been exceeded; and (h) calculating a horizontal compression effect in the web page based at least in part on the horizontal scale factor, the horizontal compression effect including a horizontal scaling of content in the web page according to the horizontal scale factor; and (i) generating the horizontal compression effect and the vertical compression effect in the web page on the touchscreen device.
-
Specification