Animation for Image Elements in a Display Layout

• US 20160110901A1
• Filed: 10/20/2014
• Published: 04/21/2016
• Est. Priority Date: 10/20/2014
• Status: Abandoned Application

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Connolly, Christopher James, Dimson, Thomas Frederick, Taby, Majd, Hochmuth, Gregor
• Application Number:
  US14/518,979
• Publication Number:
  US 20160110901A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting

Abstract

Particular embodiments provide a plurality of image elements arranged in a display layout. First user input selecting one of the image elements may be received, wherein the selected image element is at a particular position in the display layout. In response to the first user input, 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 may be displayed. Second user input dismissing the selected image element may be received. In response to the second user input, a second animation sequence to shrink the selected image element may be displayed. Finally, the display layout may be provided for presentation, wherein the selected image element is shown within the display layout in the particular position.

Claims

1. A method comprising:

by a computing device, providing a plurality of image elements arranged in a display layout;

by the computing device, receiving first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout;

by the computing device, in response to the first user input, displaying 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;

by the computing device, receiving second user input to dismiss the selected image element;

by the computing device, in response to the second user input, displaying a second animation sequence to shrink the selected image element; and

by the computing device, providing for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position.

2. The method of claim 1, wherein the first animation sequence shows adjacent image elements in the display layout moving aside to make room for the selected image element.

3. The method of claim 1, further comprising:

displaying a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.

4. The method of claim 1, wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element.

5. The method of claim 1, further comprising:

displaying a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.

6. The method of claim 1, wherein the selected image element comprises a first frame of a video, further comprising:

at the end of the first animation sequence, automatically providing playback of the video in an area defined by the enlarged selected image element.

7. The method of claim 6, further comprising:

receiving third user input interrupting playback of the video during display of a second frame of the video; and

updating the selected image element to display the second frame.

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;

receive first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout;

in response to the first user input, 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;

receive second user input to dismiss the selected image element;

in response to the second user input, display a second animation sequence to shrink the selected image element; and

provide for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position.

9. The media of claim 8, wherein the first animation sequence shows adjacent image elements in the display layout moving aside to make room for the selected image element.

10. The media of claim 8, the software being further operable when executed by one or more processors to:

display a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.

11. The media of claim 8, wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element.

12. The media of claim 8, the software being further operable when executed by one or more processors to:

display a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.

13. The media of claim 8, wherein the selected image element comprises a first frame of a video, the software being further operable when executed by one or more processors to:

at the end of the first animation sequence, automatically provide playback of the video in an area defined by the enlarged selected image element.

14. The media of claim 13, the software being further operable when executed by one or more processors to:

receive third user input interrupting playback of the video during display of a second frame of the video; and

update the selected image element to display the second frame.

15. A system comprising:

one or more processors; and

a memory coupled to the processors comprising instructions executable by the processors, the processors being operable when executing the instructions to;

provide a plurality of image elements arranged in a display layout;

receive first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout;

in response to the first user input, 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;

receive second user input to dismiss the selected image element;

in response to the second user input, display a second animation sequence to shrink the selected image element; and

provide for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position.

16. The system of claim 15, the processors being further operable when executing the instructions to:

display a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.

17. The system of claim 15, wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element.

18. The system of claim 15, the processors being further operable when executing the instructions to:

display a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.

19. The system of claim 15, wherein the selected image element comprises a first frame of a video, the processors being further operable when executing the instructions to:

at the end of the first animation sequence, automatically provide playback of the video in an area defined by the enlarged selected image element.

20. The system of claim 19, the processors being further operable when executing the instructions to:

receive third user input interrupting playback of the video during display of a second frame of the video; and

update the selected image element to display the second frame.