Systems and methods for providing transitions between content interfaces

Patent metadata

Field	Value
Publication number	US-2016371872-A1
Application number	US-201514743952-A
Country	US
Kind code	A1
Filing date	Jun 18, 2015
Priority date	Jun 18, 2015
Publication date	Dec 22, 2016
Grant date	—

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.

First claim

What is claimed is:

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

Assignees

• Facebook Inc

Inventors

• Bao Ling
• Bhandarkar Aditya Gopal
• Bhatt Dharmesh A
• Chakradeo Saurabh Prafulla
• Chung Sophia Han
• Meyer Kyle Philip
• Souba Brandon Douglas
• Schleder Austin Jacob

Classifications

• G06F2203/04803

  Split screen, i.e. subdividing the display area or the window area into separate subareas · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F3/0485 Primary

  Scrolling or panning · CPC title

• G06F3/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 title

• G06T2200/24

  involving graphical user interfaces [GUIs] · CPC title