Animation sequence associated with content item
View Patent ↗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.
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.