Dynamic user interfaces

• US 9,761,035 B1
• Filed: 03/03/2015
• Issued: 09/12/2017
• Est. Priority Date: 03/03/2014
• Status: Active Grant

• Current Assignee: Mindstream Interface Dynamics, Inc.
• Original Assignee: Mindstream Interface Dynamics, Inc.
• Inventors: Flores, Jeremy
• Primary Examiner(s): Wang, Yi
• Application Number:
  US14/636,350
• Time in Patent Office: 924 Days
• Field of Search: None
• 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
• 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

Abstract

Methods and systems for dynamic user interfaces are provided. A user interface allows a user to receive information about a computer system'"'"'s state and to make changes to state, such as with touch screen devices. Dynamic user interfaces provide advanced methods of interfacing with the computer system, receiving information, and changing computer state. Advanced methods include improved gestural controls like interrupting or fast-forwarding an animated transition. Advanced methods of receiving information from the computer system are also provided, such as real-time data updates mid-animation and meaning conveyed through motion of and/or configuration change of UI elements. Defined animation pathways in the system can have different relative velocities as a function of percentage completion regardless of the duration(s) of the animation pathways, allowing for more fluid UIs. The methods and systems allow for the rapid creation, management, and iteration of meaningful user interfaces and complex animation types.

Claims

1. A method for displaying an animation in a user interface of an electronic device of a user, comprising:

(a) providing a computer system comprising a computer processor and an electronic display coupled to the computer processor, wherein the computer processor is programmed to display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI;

(b) using the computer processor, generating and displaying the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein the animation pathways have different relative velocities as a function of percentage completion regardless of the duration(s) of the animation pathways.

2. The method of claim 1, wherein the animation pathways are not presented on the electronic display concurrently.

3. The method of claim 1, wherein the animation pathways are presented on the electronic display concurrently for at least a portion of a period until the pathways reach completion.

4. The method of claim 1, wherein a first and a second animation have different waypoints.

5. The method of claim 1, wherein the animation pathways comprise UI elements.

6. The method of claim 5, wherein upon execution, UI elements of the animation pathways smoothly converge to a desired final configuration while also completing compartmentalized functions of the animation pathways separately.

7. The method of claim 1, wherein, upon generation, the animation pathways reach full completion at substantially the same time.

8. The method of claim 1, wherein at least one of a first and a second animation is driven by non-deterministic input.

9. The method of claim 1, wherein a first and a second animation are in separate UI subspaces.

10. The method of claim 1, wherein a first animation and/or a second animation does not include a starting point.

11. The method of claim 10, wherein a first animation and/or a second animation further comprises a destination point.

12. A method for displaying an animation in a user interface of an electronic device of a user, comprising:

(a) providing a computer system comprising a computer processor and an electronic display coupled to the computer processor, wherein the computer processor is programmed to display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI; and

(b) using the computer processor, generating and displaying the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein the first and second animation pathways are associated with a same UI element(s), wherein at least a portion of the animation pathways are displayed on the electronic display at the same time.

13. The method of claim 12, wherein a first animation is associated with a detachable third animation, which third animation is triggered upon an alert condition.

14. A system for displaying an animation in a user interface of an electronic device of a user, the system comprising:

one or more processors;

an electronic display; and

non-transitory computer usable media, having computer readable code embodied therein, the computer readable code, when executed by the one or more processors, causes the one or more processors to;

(a) display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI; and

(b) generate and display the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein the first and second animation pathways have different relative velocities as a function of percentage completion regardless of the duration(s) of the first and second animation pathways.

15. The system of claim 14, wherein the first and second animation pathways are not presented on the electronic display concurrently.

16. The system of claim 14, wherein the animation pathways are presented on the electronic display concurrently for at least a portion of a period until the pathways reach completion.

17. The system of claim 14, wherein a first and a second animations have different waypoints.

18. The system of claim 14, wherein the first and second animation pathways comprise UI elements.

19. A system for displaying an animation in a user interface of an electronic device of a user, the system comprising:

one or more processors;

an electronic display; and

non-transitory computer usable media, having computer readable code embodied therein, the computer readable code, when executed by the one or more processors, causes the one or more processors to;

(a) display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI; and

(b) generate and display the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein the animation pathways are associated with same UI element(s), wherein at least a portion of the first and second animation pathways are displayed on the electronic display at the same time.

20. The system of claim 19, wherein a first animation is associated with a detachable third animation, which third animation is triggered upon an alert condition.

21. A method for displaying an animation in a user interface of an electronic device of a user, comprising:

(a) providing a computer system comprising a computer processor and an electronic display coupled to the computer processor, wherein the computer processor is programmed to display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI; and

(b) using the computer processor, generating and displaying the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein the first and second animation pathways are associated with separate UI elements wherein at least a portion of the animation pathways are displayed on the electronic display at the same time,

wherein upon generation and display on the electronic display, UI elements act in unison maintaining individuality through different styles of movement and appearance.

22. The method of claim 21, wherein a first animation is associated with a detachable third animation, which third animation is triggered upon an alert condition.

23. A system for displaying an animation in a user interface of an electronic device of a user, the system comprising:

one or more processors;

an electronic display; and

non-transitory computer usable media, having computer readable code embodied therein, the computer readable code, when executed by the one or more processors, causes the one or more processors to;

(a) display on the electronic display a user interface (UI) having at least a first animation pathway and a second animation pathway, which animation pathways are programmed to be executed independently of one another with percentage completion;

wherein a configuration space for the UI has dimensions of a product of a number of views, a view being a UI element, and a number of animatable properties;

wherein an animation pathway is a plurality of coordinates of the configuration space describing a plurality of configuration points, each coordinates of the configuration space for each configuration point having a percentage, the percentage denoting its position in the pathway, associated with said each coordinates of the configuration space;

the UI being an animatable UI; and

(b) generate and display the user interface having at least the first animation pathway and the second animation pathway on the electronic display, wherein at least a portion of the first and second animation pathways are displayed on the electronic display at the same time;

wherein the first and second animation pathways are associated with separate UI elements; and

wherein upon generation and display on the electronic display, UI elements act in unison maintaining individuality through different styles of movement and appearance.

24. The system of claim 23, wherein a first animation is associated with a detachable third animation, which third animation is triggered upon an alert condition.