Dynamically generated interface transitions

A system comprising:

• at least one processor;
• and
• a memory communicatively coupled to the at least one processor, the memory storing instructions which, when executed by the at least one processor, cause the at least one processor to perform operations comprising:
• receiving an indication to perform a transition of a user interface (UI) from a first UI state to a second UI state;
• identifying (i) at least one outgoing element of the graphical elements that is presented in the first UI state and not presented in the second UI state, and (ii) at least one incoming element of the graphical elements that is presented in the second UI state and not presented in the first UI state;
• determining a transition duration for the transition from the first UI state to the second UI state;
• altering the appearance of the UI to transition from the first UI state to the second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition, wherein the appearance of the UI is altered by:
• gradually removing the at least one outgoing element from the UI during a first portion of the transition duration, wherein the appearance of the at least one outgoing element is altered with a varying rate of change specified by the timing function;
• and
• gradually adding the at least one incoming element to the UI during a second portion of the transition duration, wherein the appearance of the at least one incoming element is altered with a varying rate of change specified by the timing function.

A computer-readable storage device storing instructions that when executed by one or more processors cause the one or more processors to perform operations comprising:

• receiving an indication to perform a transition of a user interface (UI) from a first UI state to a second UI state;
• identifying (i) at least one outgoing element of the graphical elements that is presented in the first UI state and not presented in the second UI state, and (ii) at least one incoming element of the graphical elements that is presented in the second UI state and not presented in the first UI state;
• determining a transition duration for the transition from the first UI state to the second UI state;
• altering the appearance of the UI to transition from the first UI state to the second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition, wherein the appearance of the UI is altered by:
• gradually removing the at least one outgoing element from the UI during a first portion of the transition duration, wherein the appearance of the at least one outgoing element is altered with a varying rate of change specified by the timing function;
• and
• gradually adding the at least one incoming element to the UI during a second portion of the transition duration, wherein the appearance of the at least one incoming element is altered with a varying rate of change specified by the timing function.