# US 10,768,788 B2 · Image presentation > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 10,768,788 B2 - Document ID: US10768788B2 - Status: Granted - Kind: B2 - Application number: 15/392,245 - Filed: 2016-12-28 - Published: 2017-04-20 - Granted: 2020-09-08 - Earliest claimed: 2012-11-14 - Assignees: Facebook, Inc. - Applicants: Facebook, Inc. - Inventors: Michael Matas - Web page: https://patentgrep.com/patent/US10768788B2 ## CPC - G06F 3/0482: Interaction with lists of selectable items, e.g. menus - G06F 3/04817: using icons (graphical or visual programming using iconic symbols G06F8/34) - G06F 3/04883: for inputting data by handwriting, e.g. gesture or text - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## Abstract A method includes arranging a plurality of components on a user interface in a hierarchy, the hierarchy having layers and each layer having at least one of the components of the user interface, presenting the user interface according to a structure of the hierarchy by displaying a pile of stacked images associated with a first content item on a layer of the user interface, wherein the pile visually indicates that there are multiple images stacked in the pile, and in response to a first user input to interact with the pile, expanding the pile to display a number of images in a series. In addition, in response to a second user input to move from the first content item to a second content item, automatically collapsing the series of images to display the pile of stacked images associated with the first content item before displaying the second content item. ## Claims ### Claim 1 A computer-implemented method comprising: arranging a plurality of components on a user interface of a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface; presenting the user interface according to a structure of the hierarchy by displaying a first content item on a layer of the user interface that overlays a background layer, the first content item comprising a content object and a first pile of stacked images, wherein the first pile is displayed within outer borders of the content object, wherein the first pile comprises a top image that is the only image of the first pile shown in its entirety and a plurality of partially overlapped stacked images below the top image that visually indicates that there are multiple images stacked in the first pile, wherein the content object is a parent object of the first pile, and wherein the content object is an object other than one of the stacked images in the first pile; in response to a first user input to interact with the first pile of stacked images, expanding the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in a scrollable non-overlapping sequential series; and in response to a second user input to move from the display of the expanded series of non-overlapping images of the first content item to a second content item: automatically collapsing the series of images to display the first pile of stacked images; and displaying the second content item, wherein the second content item is different from the first content item, and wherein displaying the second content item replaces the first content item on the screen so as to cause the first content item to be partially or completely removed from the screen. ### Claim 2 (depends on 1) The method of claim 1, wherein the second content item comprises a second pile of stacked images, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying the second content item on a second layer of the user interface that overlays a second background layer, the second pile visually indicating that there are multiple images stacked in the second pile, and the second pile of images being different from the first pile of images. ### Claim 3 (depends on 1) The method of claim 1, wherein the second content item comprises a photo album with one or more photos, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying one or more of the photos belonging to the photo album. ### Claim 4 (depends on 1) The method of claim 1, wherein displaying the second content item further comprises displaying a first animation of the plurality of components associated with the first content item moving off the screen and then displaying a second animation of a plurality of components associated with the second content item moving onto the screen. ### Claim 5 (depends on 1) The method of claim 1, further comprising: in response to a third user input to move from displaying the second content item back to displaying the first content item, displaying the first pile of stacked images on the user interface in the collapsed pile, with only the top image shown in its entirety, wherein displaying the first pile of stacked images causes the second content item to be partially or completely removed from the screen. ### Claim 6 (depends on 1) The method of claim 1, wherein expanding the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in the series comprises sliding the images in a direction corresponding to an orientation of the screen. ### Claim 7 (depends on 1) The method of claim 1, wherein expanding the first pile causes the content object to be partially or completely removed from the screen. ### Claim 8 (depends on 7) The method of claim 7, wherein the content object comprises a user post associated with the first pile of stacked images. ### Claim 9 One or more computer-readable non-transitory storage media embodying software that is operable when executed to: arrange a plurality of components on a user interface of a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface; present the user interface according to a structure of the hierarchy by displaying a first content item on a layer of the user interface that overlays a background layer, the first content item comprising a content object and a first pile of stacked images, wherein the first pile is displayed within outer borders of the content object, wherein the first pile comprises a top image that is the only image of the first pile shown in its entirety and a plurality of partially overlapped stacked images below the top image that visually indicates that there are multiple images stacked in the first pile, wherein the content object is a parent object of the first pile, and wherein the content object is an object other than one of the stacked images in the first pile; in response to a first user input to interact with the first pile of stacked images, expand the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in a scrollable non-overlapping sequential series; and in response to a second user input to move from the display of the expanded series of non-overlapping images of the first content item to a second content item: automatically collapse the series of images to display the first pile of stacked images; and display the second content item, wherein the second content item is different from the first content item, and wherein displaying the second content item replaces the first content item on the screen so as to cause the first content item to be partially or completely removed from the screen. ### Claim 10 (depends on 9) The media of claim 9, wherein the second content item comprises a second pile of stacked images, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying the second content item on a second layer of the user interface that overlays a second background layer, the second pile visually indicating that there are multiple images stacked in the second pile, and the second pile of images being different from the first pile of images. ### Claim 11 (depends on 9) The media of claim 9, wherein the second content item comprises a photo album with one or more photos, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying one or more of the photos belonging to the photo album. ### Claim 12 (depends on 9) The media of claim 9, wherein displaying the second content item further comprises displaying a first animation of the plurality of components associated with the first content item moving off the screen and then displaying a second animation of a plurality of components associated with the second content item moving onto the screen. ### Claim 13 (depends on 9) The media of claim 9, further comprising: in response to a third user input to move from displaying the second content item back to displaying the first content item, displaying the first pile of stacked images on the user interface in the collapsed pile, with only the top image shown in its entirety, wherein displaying the first pile of stacked images causes the second content item to be partially or completely removed from the screen. ### Claim 14 (depends on 13) The media of claim 13, wherein expanding the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in the series comprises sliding the images in a direction corresponding to an orientation of the screen. ### Claim 15 A system comprising: one or more processors; and a memory coupled to the processors comprising instructions executable by the one or more processors, the one or more processors operable when executing the instructions to: arrange a plurality of components on a user interface of a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface; present the user interface according to a structure of the hierarchy by displaying a first content item on a layer of the user interface that overlays a background layer, the first content item comprising a content object and a first pile of stacked images, wherein the first pile is displayed within outer borders of the content object, wherein the first pile comprises a top image that is the only image of the first pile shown in its entirety and a plurality of partially overlapped stacked images below the top image that visually indicates that there are multiple images stacked in the first pile, wherein the content object is a parent object of the first pile, and wherein the content object is an object other than one of the stacked images in the first pile; in response to a first user input to interact with the first pile of stacked images, expand the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in a scrollable non-overlapping sequential series; and in response to a second user input to move from the display of the expanded series of non-overlapping images of the first content item to a second content item: automatically collapse the series of images to display the first pile of stacked images; and display the second content item, wherein the second content item is different from the first content item, and wherein displaying the second content item replaces the first content item on the screen so as to cause the first content item to be partially or completely removed from the screen. ### Claim 16 (depends on 15) The system of claim 15, wherein the second content item comprises a second pile of stacked images, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying the second content item on a second layer of the user interface that overlays a second background layer, the second pile visually indicating that there are multiple images stacked in the second pile, and the second pile of images being different from the first pile of images. ### Claim 17 (depends on 15) The system of claim 15, wherein the second content item comprises a photo album with one or more photos, and wherein displaying the second content item further comprises presenting the user interface according to a structure of the hierarchy by displaying one or more of the photos belonging to the photo album. ### Claim 18 (depends on 15) The system of claim 15, wherein displaying the second content item further comprises displaying a first animation of the plurality of components associated with the first content item moving off the screen and then displaying a second animation of a plurality of components associated with the second content item moving onto the screen. ### Claim 19 (depends on 15) The system of claim 15, further comprising: in response to a third user input to move from displaying the second content item back to displaying the first content item, displaying the first pile of stacked images on the user interface in the collapsed pile, with only the top image shown in its entirety, wherein displaying the first pile of stacked images causes the second content item to be partially or completely removed from the screen. ### Claim 20 (depends on 19) The system of claim 19, wherein expanding the first pile by sliding the images along one of a horizontal direction or a vertical direction of the screen to display a number of the images in the series comprises sliding the images in a direction corresponding to an orientation of the screen.