Image presentation

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.

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.