COMPUTERIZED SYSTEMS AND METHODS FOR CASCADING USER INTERFACE ELEMENT ANIMATIONS

• US 20150370447A1
• Filed: 06/23/2015
• Published: 12/24/2015
• Est. Priority Date: 06/24/2014
• Status: Abandoned Application

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: JITKOFF, John Nicholas
• Application Number:
  US14/747,453
• Publication Number:
  US 20150370447A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]

Abstract

Systems, methods, and computer-readable media are provided for generating a cascaded animation in a user interface. In accordance with one implementation, a method is provided that includes operations performed by at least one processor, including determining coordinates and an initial time for an input to the user interface. The method may also include identifying at least one user interface element capable of being animated. Additionally, the method may determine coordinates for the at least one user interface element corresponding to the spatial location of the at least one user interface element in the user interface. The method also may include calculating a target time based on the initial time and distance between the coordinates of the input and the coordinates of the at least one user interface element. The method may generate a command to animate the display of the at least one user interface element when the target time is reached.

Claims

1. A computer-implemented system for generating a cascaded animation in a user interface, comprising:

a memory device that stores instructions; and

at least one processor that executes the instructions to;

determine coordinates and an initial time for an input to the user interface, wherein the coordinates correspond to a spatial location of the input and the time corresponds to when the input was received;

identify at least one user interface element capable of being animated;

determine coordinates for the at least one user interface element corresponding to a spatial location of the at least one user interface element in the user interface;

calculate a target time based on the initial time and distance between the coordinates of the input and the coordinates of the at least one user interface element; and

generate a command to animate the display of the at least one user interface element when the target time is reached.

2. The computer-implemented system according to claim 1, wherein the target time is further based on the size of the user interface.

3. The computer-implemented system according to claim 1, wherein the command to animate comprises a command to display an alternate design for the at least one user interface element.

4. The computer-implemented system according to claim 1, wherein the input comprises a user tapping a touchscreen.

5. The computer-implemented system according to claim 1, wherein the instructions further cause the processor to:

calculate a direction from the coordinates of the input to the coordinates of the at least one user interface element; and

wherein the command further animates the display of the at least one user interface element based on the direction.

6. The computer-implemented system according to claim 1, wherein the command is generated responsive to a determination that the at least one user interface element is not flagged for non-animation.

7. The computer-implemented system according to claim 1, wherein the coordinates of the at least one user interface element correspond to a centroid of the at least one user interface element.

8. The computer-implemented system according to claim 1, wherein the command includes a command for displaying a ripple effect on the user interface prior to animating the display of the at least one user interface element.

9. A method for generating a cascaded animation in a user interface, the method comprising the following operations performed by at least one processor:

determining coordinates and an initial time for an input to the user interface, wherein the coordinates correspond to a spatial location of the input and the time corresponds to when the input was received;

identifying at least one user interface element capable of being animated;

determining coordinates for the at least one user interface element corresponding to a spatial location of the at least one user interface element in the user interface;

calculating a target time based on the initial time and distance between the coordinates of the input and the coordinates of the at least one user interface element; and

generating a command to animate the display of the at least one user interface element when the target time is reached.

10. The method according to claim 9, wherein the target time is further based on the size of the user interface.

11. The method according to claim 9, wherein the command to animate comprises a command to display an alternate design for the at least one user interface element.

12. The method according to claim 9, wherein the input comprises a user tapping a touchscreen.

13. The method according to claim 9, further comprising the following operations performed by at least one processor:

calculating a direction from the coordinates of the input to the coordinates of the at least one user interface element; and

wherein the command further animates the display of the at least one user interface element based on the direction.

14. The method according to claim 9, wherein the command is generated responsive to a determination that the at least one user interface element is not flagged for non-animation.

15. The method according to claim 9, wherein the coordinates of the at least one user interface element correspond to a centroid of the at least one user interface element.

16. The method according to claim 9, wherein the command includes a command for displaying a ripple effect on the user interface prior to animating the display of the at least one user interface element.

17. A non-transitory, computer-readable medium storing instructions, the instructions configured to cause at least one processor to perform operations comprising:

determine coordinates and an initial time for an input to the user interface, wherein the coordinates correspond to a spatial location of the input and the time corresponds to when the input was received;

identify at least one user interface element capable of being animated;

determine coordinates for the at least one user interface element corresponding to a spatial location of the at least one user interface element in the user interface;

calculate a target time based on the initial time and distance between the coordinates of the input and the coordinates of the at least one user interface element; and

generate a command to animate the display of the at least one user interface element when the target time is reached.

18. The computer-readable medium of claim 17, wherein the target time is further based on the size of the user interface.

19. The computer-readable medium of claim 17, wherein the command to animate comprises a command to display an alternate design for the at least one user interface element.

20. The computer-readable medium of claim 17, wherein the input comprises a user tapping a touchscreen.