Image presentation

• US 10,768,788 B2
• Filed: 12/28/2016
• Issued: 09/08/2020
• 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): Ipakchi, Maryam M
• Application Number:
  US15/392,245
• Publication Number:
  US 20170109000A1
• Time in Patent Office: 1,350 Days
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

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

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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.

7. The method of claim 1, wherein expanding the first pile causes the content object to be partially or completely removed from the screen.

8. The method of claim 7, wherein the content object comprises a user post associated with the first pile of stacked images.

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.

10. 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.

11. 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.

12. 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.

13. 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.

14. 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.

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.

16. 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.

17. 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.

18. 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.

19. 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.

20. 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.