Structured display system with system defined transitions
View Patent ↗A disclosed system (and method) is configured to receive an instruction to transition from a first view to a second view. The first view and the second view include two or more visual elements. The system receives data corresponding to visual elements in the first view and visual elements in the second view. The system groups the visual elements to include visual elements moved out between the first view and the second view, visual elements retained from the first view in the second view, and visual elements moved into the second view. The system retrieves a system defined transition style for rendering the visual elements between the first view and the second view. Using the groupings the system transitions the first view to render the second view through application of the transition style on the groups of visual elements.
1. A computer implemented method for maintaining visual continuity of visual elements in a user interface for an application, the method comprising:
receiving, in response to a selection in a first user interface view of the application, an instruction to transition from the first view to a second user interface view of the application, each view including a plurality of visual elements;
receiving, from the application, the visual elements corresponding to the first view and the visual elements corresponding to the second view;
determining sets of visual elements from the visual elements corresponding to the first view and the visual elements corresponding to the second view, each set comprising one of visual elements removed between the first view and the second view, visual elements retained from the first view in the second view, and visual elements added between the first and the second view;
retrieving, for each set of visual elements, a system defined transition style for rendering the set of visual elements between the first view and the second view; and
rendering each set of visual elements on a screen responsive to the system defined transition style to transition the first view to the second view.
2. The method of claim 1 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen, from their locations in a first view to their locations in a second view.
3. The method of claim 1 , wherein the system defined transition style for rendering a set of removed visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen during a transition, from their locations in a first view to off from the screen.
4. The method of claim 1 , wherein the system defined transition style for rendering a set of added visual elements retains visual continuity during a transition by gradually adding the visual elements, while other visual elements remain in view on the screen during a transition, to their locations in a second view on the screen.
5. The method of claim 1 , wherein the system defined transition styles for rending sets of visual elements define the alteration, removal or addition of visual elements on the screen during a transition between views.
6. The method of claim 5 , wherein the transition styles further comprise a curve that defines a function for movement characteristics of a visual element altered in the view, removed from the view, or added into the view during the transition.
7. The method of claim 5 , wherein the transition styles further comprise a defined sequence for movement of a visual element altered in the view, removed from the view, or added into the view during the transition, the sequence defining when the visual elements move on the screen during the transition.
8. The method of claim 5 , wherein the transition styles further comprise a control that defines a movement path on the screen for placement of a visual element during the transition.
9. The method of claim 1 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by re-proportioning the visual elements, while the visual elements remain in view on the screen, from their sizes on the screen in the first view to their sizes on the screen in the second view.
10. A system level user interface subsystem comprising a non-transitory computer-readable storage medium storing executable computer program instructions as one or more modules for maintaining visual continuity of visual elements in a user interface for an application, the subsystem comprising:
a structured display module configured to:
receive, in response to a selection in a first user interface view of the application, visual elements corresponding to the first view and visual elements corresponding to a second user interface view of the application, the selection corresponding to an instruction to transition from the first view to the second view; and
determine sets of visual elements from the visual elements corresponding to the first view and the visual elements corresponding to the second view, each set comprising one of visual elements removed between the first view and the second view, visual elements retained from the first view in the second view, and visual elements added between the first and the second view; and
a transition module configured to:
retrieve, for each set of visual elements, a system defined transition style for rendering the set of visual elements between the first view and the second view;
obtain the sets of visual elements from the structured display module; and
apply, for each set of visual elements, the system defined transition style to transition the first view to the second view;
a processor for executing subsystem modules.
11. The subsystem of claim 10 , wherein the system defined transition styles for rendering sets of visual elements define the alteration, removal, or addition of visual elements on the screen during a transition between views.
12. The subsystem of claim 10 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen, from the location in a first view to their locations in a second view.
13. The subsystem of claim 10 , wherein the transition style for rendering a set of removed visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen during a transition, from their location in a first view to off from the screen.
14. The subsystem of claim 10 , wherein the transition style for rendering a set of added visual elements retains visual continuity during a transition by gradually adding the visual elements, while other visual element remain in view on the screen during the transition, to their location in a second view on the screen.
15. The subsystem of claim 11 , wherein the transition styles further comprise a curve, the curve defining a function for movement characteristics of a visual element altered in the view, removed from the view, or added into the view during the transition.
16. The subsystem of claim 11 wherein the transition styles further comprise a defined sequence, the defined sequence defining movement of a visual element altered in the view, removed from the view, or added into the view during the transition the sequence defining when the visual elements move on the screen during the transition.
17. The subsystem of claim 11 , wherein the transition styles further comprise a control, the control defining a movement path on the screen for placement of a visual element during the transition.
18. The subsystem of claim 10 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by re-proportioning the visual elements, while the visual elements remain in view on the screen, from their sizes on the screen in the first view to their sizes on the screen in the second view.
19. A non-transitory computer readable medium storing instructions thereon, the instructions when executed by a processor cause the processor to:
receive, in response to a selection in a first user interface view of an application, an instruction to transition from the first view to a second user interface view of the application, each view including a plurality of visual elements;
receive, from the application, the visual elements corresponding to the first view and the visual elements corresponding the second view;
determine sets of visual elements from the visual elements corresponding to the first view and the visual elements corresponding to the second view, each set comprising one of visual elements removed between the first view and the second view, visual elements retained from the first view in the second view, and visual elements added between the first and the second view;
retrieve, for each set of visual elements, a system defined transition style for rendering the set of visual elements between the first view and the second view; and
render each set of visual elements on a screen responsive to the system defined style to transition the first view to the second view.
20. The computer readable medium of claim 19 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen, from their locations in a first view to their locations in a second view.
21. The computer readable medium of claim 19 , wherein the system defined transition style for rendering a set of removed visual elements retains visual continuity during a transition by moving the visual elements, while the visual elements remain in view on the screen, from their locations in a first view to off from the screen.
22. The computer readable medium of claim 19 , wherein the system defined transition style for rendering a set of added visual elements retains visual continuity during a transition by gradually adding the visual elements, while other visual elements remain in view on the screen during a transition, to their locations in a second view on the screen.
23. The computer readable medium of claim 19 , further comprises instructions that cause the processor to retrieve a control that defines a movement path on the screen for placement of a visual element during a transition.
24. The computer readable medium of claim 19 , further comprises instructions that cause the processor to retrieve a curve that defines a function for movement characteristics of a visual element altered in the view, removed from the view, or added into the view during a transition.
25. The computer readable medium of claim 19 , further comprises instructions that cause the processor to retrieve a sequence definition that defines movement of a visual element altered in the view, removed from the view, or added into the view during a transition, the sequence defining when the visual elements move on the screen during the transition.
26. The computer readable medium of claim 19 , wherein the system defined transition style for rendering a set of retained visual elements retains visual continuity during a transition by re-proportioning the visual elements, while the visual elements remain in view on the screen, from their sizes on the screen in the first view to their sizes on the screen in the second view.