Back to results
US 10,762,684 B2Granted
Animation sequence associated with content item
AssigneeFacebook, Inc.
InventorMichael Matas
Life of this patent
Estimating the term…
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. Then, in response to a second user input, the method further includes 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.
Claims21
A method comprising, by a client device:
- displaying a user-interface component on a screen of the client device in an on-page mode that partially fills the screen, the user-interface component representing a content item, wherein the user-interface component is displayed as a folded piece of paper with an image on an outside of the folded piece of paper, the image providing a visual description of the information within the content item;
- receiving, at the client device, a first user input on the user-interface component, wherein the first user input is applied at a first speed;
- in response to the first user input on the user-interface component, displaying a first animation sequence depicting the user-interface component unfolding the folded piece of paper at a speed that is based on the first speed of the first user input such that the image on the outside of the folded piece of paper disappears as the folded piece of paper completely unfolds to reveal the content item in a full-screen mode that entirely fills the screen to allow a user to consume and interact with the content item;
- receiving, at the client device, a second user input on the content item, wherein the second user input is applied at a second speed;
- and
- in response to the second user input on the content item, displaying a second animation sequence depicting the content item closing by folding the user-interface component displayed as an unfolded piece of paper at a speed that is based on the second speed of the second user input such that the content item disappears from the screen and the image on the outside of the folded piece of paper reappears to return the user-interface component being displayed in the on-page mode that partially fills the screen.
3 more elements
One or more computer-readable non-transitory storage media embodying software that is operable when executed to:
- display a user-interface component on a screen of a client device in an on-page mode that partially fills the screen, the user-interface component representing a content item, wherein the user-interface component is displayed as a folded piece of paper with an image on an outside of the folded piece of paper, the image providing a visual description of the information within the content item;
- receive, at the client device, a first user input on the user-interface component, wherein the first user input is applied at a first speed;
- in response to the first user input on the user-interface component, display a first animation sequence depicting the user-interface component unfolding the folded piece of paper at a speed that is based on the first speed of the first user input such that the image on the outside of the folded piece of paper disappears as the folded piece of paper completely unfolds to reveal the content item in a full-screen mode that entirely fills the screen to allow a user to consume and interact with the content item;
- receive, at the client device, a second user input on the content item, wherein the second user input is applied at a second speed;
- and
- in response to the second user input on the content item, display a second animation sequence depicting the content item closing by folding the user-interface component displayed as an unfolded piece of paper at a speed that is based on the second speed of the second user input such that the content item disappears from the screen and the image on the outside of the folded piece of paper reappears to return the user-interface component being displayed in the on-page mode that partially fills the screen.
3 more elements
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 user-interface component on a screen of a client device in an on-page mode where the user-interface component is included in another user-interface component and displayed as a part of the another user-interface component, wherein the display of the user-interface component partially fills the screen, the user-interface component representing a content item, wherein the user-interface component is displayed as a folded piece of paper with an image on an outside of the folded piece of paper the image providing a visual description of the information within the content item;
- receive, at the client device, a first user input on the user-interface component, wherein the first user input is applied at a first speed;
- in response to the first user input on the user-interface component, display a first animation sequence depicting the user-interface component unfolding the folded piece of paper at a speed that is based on the first speed of the first user input such that the image on the outside of the folded piece of paper disappears as the folded piece of paper completely unfolds to reveal the content item in a full-screen mode that entirely fills the screen to allow a user to consume and interact with the content item;
- receive, at the client device, a second user input on the content item, wherein the second user input is applied at a second speed;
- and
- in response to the second user input on the content item, display a second animation sequence depicting the content item closing by folding the user-interface component displayed as an unfolded piece of paper at a speed that is based on the second speed of the second user input such that the content item disappears from the screen and the image on the outside of the folded piece of paper reappears to return the user-interface component being displayed in the on-page mode that partially fills the screen.
5 more elements
Dependencies are inferred from the claim text.