Overscroll visual effects

• US 9,329,764 B2
• Filed: 03/15/2013
• Issued: 05/03/2016
• Est. Priority Date: 03/15/2013
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Kuscher, Alexander Friedrich, Jitkoff, John Nicholas, Murphy, Glen
• Primary Examiner(s): Bashore, William
• Assistant Examiner(s): PARCHER, DANIEL W
• Application Number:
  US13/843,424
• Publication Number:
  US 20150205476A1
• Time in Patent Office: 1,145 Days
• Field of Search: None
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0485 Scrolling or panning

Abstract

Methods for providing visual feedback when an end area of content is reached are provided. In one aspect, a method includes receiving an input in a first direction to at least one of scroll, rotate, or scale a portion of content provided for display, and determining whether an edge of the content in the first direction is reached in response to the input. The method also includes applying a stretch effect to the displayed portion of content when the determination indicates an edge of the content in the first direction is reached. Systems and machine-readable media are also provided.

Claims

1. A computer-implemented method for providing visual feedback when an end area of content is reached, the method comprising:

receiving a dragging touch input for a distance in a first direction to at least one of scroll, rotate, or scale a portion of content provided for display on a touchscreen, the portion of content comprising first visible content, second visible content, and third visible content, the first visible content separated from an edge of the content in a second direction opposite the first direction by first blank space, the second visible content separated from the edge by second blank space, and the first visible content separated from the third visible content in the first direction by third blank space, wherein the first blank space is near the location of the dragging touch input on the touchscreen and the second blank space is farther away from the location of the dragging touch input on the touchscreen;

determining whether the edge of the content to display in response to the dragging input in the first direction is reached; and

when the determination indicates the edge of the content in the first direction is reached, applying a stretch effect in response to the dragging touch input comprising increasing an amount of the first blank space more than an increase in an amount of the second blank space, and increasing an amount of the third blank space, wherein the increase in the amount of the third blank space and the difference between the increase in the amount of the first blank space and the increase in the amount of the second blank space is based on both a distance of each of the first blank space and the second blank space from the location of the dragging touch input, and a length of the distance of the dragging input in the first direction.

2. The method of claim 1, wherein the content is provided for display inside a window having a border proximal to the edge, and wherein an amount of blank space between each portion of the border and the edge increases based on a proximity of the location of the dragging touch input to a corresponding portion of the border.

3. The method of claim 1, wherein the content provided for display comprises at least one of images or text.

4. The method of claim 1, wherein the content provided for display comprises a grid of icons.

5. The method of claim 1, wherein the content provided for display is a portion of a document, and wherein the edge of the content comprises an edge of the document.

6. The method of claim 1, further comprising when the determination indicates an edge of the content in the first direction is not reached, then providing, for display, an additional portion of the content.

7. The method of claim 1, wherein the increase in the amount of the first blank space and the increase in the amount of the second blank space is proportional to the length of the distance of the dragging input in the first direction.

8. A system for providing visual feedback when an end area of content is reached, the system comprising:

a memory comprising content for display;

a processor configured to execute instructions to;

receive a dragging touch input for a distance in a first direction to at least one of scroll, rotate, or scale a portion of the content provided for display on a touchscreen, the portion of content comprising first visible content, second visible content, and third visible content, the first visible content separated from an edge of the content in a second direction opposite the first direction by first blank space, the second visible content separated from the edge by second blank space, and the first visible content separated from the third visible content in the first direction by third blank space, wherein the first blank space is near the location of the dragging touch input on the touchscreen and the second blank space is farther away from the location of the dragging touch input on the touchscreen;

determine whether the edge of the content to display in response to the dragging input in the first direction is reached; and

when the determination indicates the edge of the content in the first direction is reached, apply a stretch effect in response to the dragging touch input comprising increasing an amount of the first blank space more than an increase in an amount of the second blank space, and increasing an amount of the third blank space, wherein the increase in the amount of the third blank space and the difference between the increase in the amount of the first blank space and the increase in the amount of the second blank space is based on both a distance of each of the first blank space and the second blank space from the location of the dragging touch input, and a length of the distance of the dragging input in the first direction.

9. The system of claim 8, wherein the content is provided for display inside a window having a border proximal to the edge, and wherein an amount of blank space between each portion of the border and the edge increases based on a proximity of the location of the dragging touch input to a corresponding portion of the border.

10. The system of claim 8, wherein the content provided for display comprises at least one of images or text.

11. The system of claim 8, wherein the content provided for display comprises a grid of icons.

12. The system of claim 8, wherein the content provided for display is a portion of a document, and wherein the edge of the content comprises an edge of the document.

13. The system of claim 8, wherein the processor is further configured to execute instructions to provide, for display, an additional portion of the content when the determination indicates an edge of the content in the first direction is not reached.

14. A non-transitory machine-readable storage medium comprising machine-readable instructions for causing a processor to execute a method for providing visual feedback when an end area of content is reached, the method comprising:

receiving a dragging touch input for a distance in a first direction to at least one of scroll, rotate, or scale a portion of content provided for display on a touchscreen, the portion of content comprising first visible content, second visible content, and third visible content, the first visible content separated from an edge of the content in a second direction opposite the first direction by first blank space, the second visible content separated from the edge by second blank space, and the first visible content separated from the third visible content in the first direction by third blank space, wherein the first blank space is near the location of the dragging touch input on the touchscreen and the second blank space is farther away from the location of the dragging touch input on the touchscreen;

determining whether the edge of the content to display in response to the dragging input in the first direction is reached;

when the determination indicates the edge of the content in the first direction is reached, applying a stretch effect in response to the dragging touch input comprising increasing an amount of the first blank space more than an increase in an amount of the second blank space, and increasing an amount of the third blank space, wherein the increase in the amount of the third blank space and the difference between the increase in the amount of the first blank space and the increase in the amount of the second blank space is based on both a distance of each of the first blank space and the second blank space from the location of the dragging touch input, and a length of the distance of the dragging input in the first direction; and

when the determination indicates the edge of the content in the first direction is not reached, then providing, for display, an additional portion of the content.