Animation for image elements in a display layout

Patent metadata

Field	Value
Publication number	US-10476937-B2
Application number	US-201414519008-A
Country	US
Kind code	B2
Filing date	Oct 20, 2014
Priority date	Oct 20, 2014
Publication date	Nov 12, 2019
Grant date	Nov 12, 2019

Abstract

Particular embodiments provide a plurality of image elements arranged in a display layout. When user input selecting one of the image elements is received, a first animation sequence for an information panel associated with the selected image element may be displayed, wherein the information panel swings down from a bottom edge of the selected image element. As the information swings down, the selected image element may also be enlarged until it reaches a pre-determined size with respect to a display of the computing device. In response to receiving user input dismissing the selected image element, another animation sequence may shrink the selected image element while showing the information panel swinging up and eventually disappearing.

First claim

What is claimed is:

1. A method comprising:
by a computing device, providing a plurality of image elements arranged in a display layout, each of the image elements comprising content associated with one or more entities corresponding to one or more nodes of a social graph, respectively, wherein the social graph comprises a plurality of nodes and a plurality of edges connecting the nodes;
by the computing device, receiving a first user input selecting one of the image elements, the selected image element being associated with an originating user that is an originator of the selected image element, wherein the originating user corresponds to a first node of the plurality of nodes;
by the computing device, in response to the first user input, providing for display a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of the computing device while moving all remaining image elements of the plurality of image elements off the display of the computing device;
by the computing device, providing for display a second animation sequence for an information panel associated with the enlarged selected image element, wherein the second animation sequence comprises the information panel swinging down from a bottom edge of the enlarged selected image element from a first partially-visible state in which the information panel appears laterally suspended along a plane different from the enlarged selected image element to a second fully-visible state in which the information panel is displayed adjacent to the enlarged selected image element on a same plane as the enlarged selected image element; and
by the computing device, displaying social information associated with the selected image element in the information panel, the social information comprising an image element of the originating user and one or more other users who have interacted with the selected image element, the one or more other users corresponding to one or more second nodes of the plurality of nodes, respectively, each of the second nodes being connected to the first node by an edge in the social graph.

2. The method of claim 1 , wherein the selected image element is one of a plurality of image elements being concurrently displayed, and wherein an information panel is displayed for only one of the concurrently displayed image elements at any given time.

3. The method of claim 1 , wherein the selected image element is one of a plurality of image elements being concurrently displayed, and wherein an information panel may be concurrently displayed for two or more of the concurrently-displayed image elements at once.

4. The method of claim 1 , further comprising:
in response to the first user input, displaying the second animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to the display of the computing device, wherein the second animation sequence is displayed concurrently with the first animation sequence.

5. The method of claim 4 , further comprising:
receiving second user input to dismiss the selected image element;
and
in response to the second user input, displaying a third animation sequence to shrink the selected image element.

6. The method of claim 5 , further comprising:
in response to the second user input, displaying a fourth animation sequence that shows the information panel swing up and eventually disappear, wherein the fourth animation sequence is displayed concurrently with the third animation sequence.

7. The method of claim 5 , wherein the selected image element was arranged in at a particular position in the display layout prior to receiving the first user input, further comprising:
providing for presentation the display layout after completion of the third animation sequence, wherein the selected image element is shown within the display layout in the particular position.

8. One or more computer-readable non-transitory storage media embodying software that is operable when executed by one or more processors to:
provide a plurality of image elements arranged in a display layout, each of the image elements comprising content associated with one or more entities corresponding to one or more nodes of a social graph, respectively, wherein the social graph comprises a plurality of nodes and a plurality of edges connecting the nodes;
receive a first user input selecting one of the image elements, the selected image element being associated with an originating user that is an originator of the selected image element, wherein the originating user corresponds to a first node of the plurality of nodes;
provide, in response to the first user input, for display a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of a computing device while moving all remaining image elements of the plurality of image elements off the display of the computing device;
provide for display a second animation sequence for an information panel associated with the enlarged selected image element, wherein the second animation sequence comprises the information panel swinging down from a bottom edge of the enlarged selected image element from a first partially-visible state in which the information panel appears laterally suspended along a plane different from the enlarged selected image element to a second fully-visible state in which the information panel is displayed adjacent to the enlarged selected image element on a same plane as the enlarged selected image element; and
display social information associated with the selected image element in the information panel, the social information comprising an image element of the originating user and one or more other users who have interacted with the selected image element, the one or more other users corresponding to one or more second nodes of the plurality of nodes, respectively, each of the second nodes being connected to the first node by an edge in the social graph.

9. The media of claim 8 , wherein the selected image element is one of a plurality of image elements being concurrently displayed, and wherein an information panel is displayed for only one of the concurrently displayed image elements at any given time.

10. The media of claim 8 , wherein the selected image element is one of a plurality of image elements being concurrently displayed, and wherein an information panel may be concurrently displayed for two or more of the concurrently-displayed image elements at once.

11. The media of claim 8 , the software being further operable when executed by one or more processors to:
in response to the first user input, display the second animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to the display of the computing device, wherein the second animation sequence is displayed concurrently with the first animation sequence.

12. The media of claim 11 , the software being further operable when executed by one or more processors to:
receive second user input to dismiss the selected image element; and
in response to the second user input, display a third animation sequence to shrink the selected image element.

13. The media of claim 12 , the software being further operable when executed by one or more processors to:
in response to the second user input, display a fourth animation sequence that shows the information panel swing up and eventually disappear, wherein the fourth animation sequence is displayed c

Assignees

• Facebook Inc

Inventors

• Connolly Christopher James
• Dimson Thomas Frederick
• Taby Majd
• Hochmuth Gregor

Classifications

• G06Q30/0277

  Online advertisement · CPC title

• H04L67/306

  User profiles · CPC title

• G06Q10/40

  Business processes related to social networking or social networking services · CPC title

• G06F3/04842

  Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence) · CPC title

• G06F3/0488 Primary

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title