SYSTEMS AND METHODS FOR PROVIDING TRANSITIONS BETWEEN CONTENT INTERFACES

• US 20160371872A1
• Filed: 06/18/2015
• Published: 12/22/2016
• Est. Priority Date: 06/18/2015
• Status: Abandoned Application

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Bao, Ling, Bhandarkar, Aditya Gopal, Bhatt, Dharmesh A., Chakradeo, Saurabh Prafulla, Chung, Sophia Han, Souba, Brandon Douglas, Schleder, Austin Jacob, Meyer, Kyle Philip
• Application Number:
  US14/743,952
• Publication Number:
  US 20160371872A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• 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 non-transitory computer-readable media can present a first interface that provides a first set of content items. A command to present a second interface that provides a second set of content items can be detected. An animation that transitions from the first interface to the second interface can be performed. The animation can cause a second subset of content items out of the second set to be visually representative of a first subset of content items out of the first set.

Claims

1. A computer-implemented method comprising:

presenting a first interface that provides a first set of content items;

detecting a command to present a second interface that provides a second set of content items; and

performing an animation that transitions from the first interface to the second interface, the animation causing a second subset of content items out of the second set to be visually representative of a first subset of content items out of the first set.

2. The computer-implemented method of claim 1, further comprising:

detecting, subsequent to presenting the first interface, a trigger to load information associated with the second interface;

initiating, prior to detecting the command to present the second interface, a loading of the information associated with the second interface; and

constructing, prior to performing the animation, the second interface that provides the second set of content items, the second interface being constructed based on the information.

3. The computer-implemented method of claim 2, wherein the trigger occurs when a specified minimum amount of time has elapsed while the first interface is presented.

4. The computer-implemented method of claim 2, wherein at least some content items in the second set are provided based on the information.

5. The computer-implemented method of claim 1, wherein at least some content items in the second subset are provided based on at least some content items in the first subset.

6. The computer-implemented method of claim 5, wherein the at least some content items in the first subset include at least one of a profile image, a cover image, or an entity identifier.

7. The computer-implemented method of claim 1, further comprising:

providing access to at least a third interface adjacent to the first interface along a first axis, wherein the second interface is accessible from the first interface via a second axis.

8. The computer-implemented method of claim 7, wherein the first axis includes a horizontal axis and the second axis includes a vertical axis, and wherein access to at least the third interface is provided based on a first scroll command performed with respect to the horizontal axis, and wherein the command to present the second interface includes a second scroll command performed with respect to the vertical axis.

9. The computer-implemented method of claim 8, wherein each of the first scroll command and the second scroll command is associated with at least one of a mouse click operation, a mouse drag operation, a mouse hover operation, a tapping touch gesture, a holding touch gesture, or a swiping touch gesture.

10. The computer-implemented method of claim 1, wherein the animation causes a first planar size of the first interface to be visually matched, within an allowable deviation, with a second planar size of the second interface, wherein the animation includes cross-fading between the first interface and the second interface, and wherein the animation includes scrolling from the first interface to the second interface at a smooth scrolling pace.

11. A system comprising:

at least one processor; and

a memory storing instructions that, when executed by the at least one processor, cause the system to perform;

presenting a first interface that provides a first set of content items;

detecting a command to present a second interface that provides a second set of content items; and

performing an animation that transitions from the first interface to the second interface, the animation causing a second subset of content items out of the second set to be visually representative of a first subset of content items out of the first set.

12. The system of claim 11, wherein the instructions cause the system to further perform:

detecting, subsequent to presenting the first interface, a trigger to load information associated with the second interface;

initiating, prior to detecting the command to present the second interface, a loading of the information associated with the second interface; and

constructing, prior to performing the animation, the second interface that provides the second set of content items, the second interface being constructed based on the information.

13. The system of claim 11, wherein the instructions cause the system to further perform:

providing access to at least a third interface adjacent to the first interface along a first axis, wherein the second interface is accessible from the first interface via a second axis.

14. The system of claim 13, wherein the first axis includes a horizontal axis and the second axis includes a vertical axis, and wherein access to at least the third interface is provided based on a first scroll command performed with respect to the horizontal axis, and wherein the command to present the second interface includes a second scroll command performed with respect to the vertical axis.

15. The system of claim 11, wherein the animation causes a first planar size of the first interface to be visually matched, within an allowable deviation, with a second planar size of the second interface, wherein the animation includes cross-fading between the first interface and the second interface, and wherein the animation includes scrolling from the first interface to the second interface at a smooth scrolling pace.

16. A non-transitory computer-readable storage medium including instructions that, when executed by at least one processor of a computing system, cause the computing system to perform a method comprising:

presenting a first interface that provides a first set of content items;

detecting a command to present a second interface that provides a second set of content items; and

performing an animation that transitions from the first interface to the second interface, the animation causing a second subset of content items out of the second set to be visually representative of a first subset of content items out of the first set.

17. The non-transitory computer-readable storage medium of claim 16, wherein the instructions cause the computing system to further perform:

detecting, subsequent to presenting the first interface, a trigger to load information associated with the second interface;

initiating, prior to detecting the command to present the second interface, a loading of the information associated with the second interface; and

constructing, prior to performing the animation, the second interface that provides the second set of content items, the second interface being constructed based on the information.

18. The non-transitory computer-readable storage medium of claim 16, wherein the instructions cause the computing system to further perform:

providing access to at least a third interface adjacent to the first interface along a first axis, wherein the second interface is accessible from the first interface via a second axis.

19. The non-transitory computer-readable storage medium of claim 18, wherein the first axis includes a horizontal axis and the second axis includes a vertical axis, and wherein access to at least the third interface is provided based on a first scroll command performed with respect to the horizontal axis, and wherein the command to present the second interface includes a second scroll command performed with respect to the vertical axis.

20. The non-transitory computer-readable storage medium of claim 16, wherein the animation causes a first planar size of the first interface to be visually matched, within an allowable deviation, with a second planar size of the second interface, wherein the animation includes cross-fading between the first interface and the second interface, and wherein the animation includes scrolling from the first interface to the second interface at a smooth scrolling pace.