Animation sequence associated with content item

• US 9,235,321 B2
• Filed: 11/14/2012
• Issued: 01/12/2016
• Est. Priority Date: 11/14/2012
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael
• Primary Examiner(s): Kim, Matt
• Assistant Examiner(s): IPAKCHI, MARYAM M
• Application Number:
  US13/677,256
• Publication Number:
  US 20140136946A1
• Time in Patent Office: 1,154 Days
• Field of Search: None
• US Class Current: 1/1
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• 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: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• 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

Abstract

In one embodiment, a method includes displaying a first content item on a screen of a computing device, the first content item occupying the entire screen and comprising an icon representing a second content item; and in response to a first user input, displaying a first animation sequence depicting the icon opening up to reveal the second content item, the second content item eventually replacing the first content item and occupying the entire screen. In one embodiment, the method further includes in response to a second user input, displaying a second animation sequence depicting the second content item closing down and returning to the icon included in the first content item, the second content item eventually disappearing from the screen.

Claims

1. A computer-implemented method comprising:

displaying a first content item on a screen of a computing device, the first content item occupying the entire screen and comprising an icon representing a second content item; and

in response to a first user input comprising a swiping gesture input on the displayed icon representing the second content, displaying a first animation sequence depicting the icon opening up by unfolding the icon at a speed that is directly based on a speed of the swiping gesture to reveal the second content item, wherein the unfolding gradually unfolds the icon similar to how a piece of folded paper unfolds such that the first content item on an outside of the icon appears to lift up and rotate around a crease and gradually disappear out of sight while gradually revealing the second content item initially beneath and hidden by the first content item, the second content item eventually replacing the first content item and occupying the entire screen.

2. The method of claim 1, further comprising

in response to a second user input, displaying a second animation sequence depicting the second content item closing down and returning to the icon included in the first content item, the second content item eventually disappearing from the screen.

3. The method of claim 2, wherein the second user input results from a downward swipe gesture made by a user.

4. The method of claim 1, further comprising

enabling a user to scroll through, share, save, unsubscribe, or report the second content item.

5. The method of claim 1, wherein:

the second content item is a web page; and

the icon is an image.

6. The method of claim 1, wherein:

the first content item and the second content item are part of a hierarchical user interface having a plurality of layers;

the first content item is displayed in a first layer of the hierarchical user interface; and

the second content item is displayed in a second layer of the hierarchical user interface above the first layer.

7. One or more computer-readable non-transitory storage media embodying software that is operable when executed to:

display a first content item on a screen of a computing device, the first content item occupying the entire screen and comprising an icon representing a second content item; and

in response to a first user input comprising a swiping gesture on the displayed icon representing the second content, display a first animation sequence depicting the icon opening up by unfolding the icon at a speed that is directly based on a speed of the swiping gesture to reveal the second content item, wherein the unfolding gradually unfolds the icon similar to how a piece of folded paper unfolds such that the first content item on an outside of the icon appears to lift up and rotate around a crease and gradually disappear out of sight while gradually revealing the second content item initially beneath and hidden by the first content item, the second content item eventually replacing the first content item and occupying the entire screen.

8. The media of claim 7, wherein the software is further operable when executed to

in response to a second user input, display a second animation sequence depicting the second content item closing down and returning to the icon included in the first content item, the second content item eventually disappearing from the screen.

9. The media of claim 8, wherein the second user input results from a downward swipe gesture made by a user.

10. The media of claim 7, wherein the software is further operable when executed to

enable a user to scroll through, share, save, unsubscribe, or report the second content item.

11. The media of claim 7, wherein:

the second content item is a web page; and

the icon is an image.

12. The media of claim 7, wherein:

the first content item and the second content item are part of a hierarchical user interface having a plurality of layers;

the first content item is displayed in a first layer of the hierarchical user interface; and

the second content item is displayed in a second layer of the hierarchical user interface above the first layer.

13. A system comprising:

one or more processors; and

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

display a first content item on a screen of a computing device, the first content item occupying the entire screen and comprising an icon representing a second content item; and

in response to a first user input comprising a swiping gesture on the displayed icon representing the second content, display a first animation sequence depicting the icon opening up by unfolding the icon at a speed that is directly based on a speed of the swiping gesture to reveal the second content item, wherein the unfolding gradually unfolds the icon similar to how a piece of folded paper unfolds such that the first content item on an outside of the icon appears to lift up and rotate around a crease and gradually disappear out of sight while gradually revealing the second content item initially beneath and hidden by the first content item, the second content item eventually replacing the first content item and occupying the entire screen.

14. The system of claim 13, wherein the processors are further operable when executing the instructions to

in response to a second user input, display a second animation sequence depicting the second content item closing down and returning to the icon included in the first content item, the second content item eventually disappearing from the screen.

15. The system of claim 14, wherein the second user input results from a downward swipe gesture made by a user.

16. The system of claim 13, wherein the processors are further operable when executing the instructions to

enable a user to scroll through, share, save, unsubscribe, or report the second content item.

17. The system of claim 13, wherein:

the second content item is a web page; and

the icon is an image.

18. The system of claim 13, wherein:

the first content item and the second content item are part of a hierarchical user interface having a plurality of layers;

the first content item is displayed in a first layer of the hierarchical user interface; and

the second content item is displayed in a second layer of the hierarchical user interface above the first layer.