Gallery application for content viewing
View Patent ↗A gallery software application enables a user to browse, view, and interact with various content items, such as still images and videos. The gallery includes a graphical user interface with two modes: stack and grid. In stack mode, images (which represent content items) are divided into groups, and a group is represented by a displayed stack of images. In grid mode, images are displayed in a grid of rows and columns. The displayed stacks and images can be scrolled. When the scrolling reaches the end of a set of stacks or images, the last stack or image is displayed with perspective distortion. In grid mode, a value is displayed for meta-data of a content item that is not currently displayed. If a user indicates the displayed value, the grid is scrolled until the content item whose meta-data matches that value is displayed.
1. A method comprising:
displaying, by a processor, a plurality of images in a stack mode, wherein the images are divided into groups, and wherein a group is represented by a stack of images, where an image for a first content item is at a top of the stack and oriented parallel to an edge of a display, and subsequent images in the stack are centered a random amount away from a center of the image for the first content item and subsequent images in the stack are rotated a random amount relative to the image for the first content item;
receiving, by the processor, a first user input that indicates a first stack that represents a first group of images; and
in response to receiving the first user input, displaying, by the processor, the first group of images in a grid mode, wherein the images in the first group are displayed in a grid of one or more rows and one or more columns.
2. The method of claim 1 , wherein the first user input comprises a single tap or click on the first stack.
3. The method of claim 1 , wherein displaying the first group of images in the grid mode comprises animating a position of an image from the stack of images so that the image moves from within the stack to within the grid of rows and columns.
4. The method of claim 1 , further comprising:
receiving a second user input that indicates a first image; and
in response to the second user input, presenting a content item represented by the first image.
5. The method of claim 4 , wherein the second user input comprises a single tap or click on the first image.
6. The method of claim 4 , wherein the content item is a static image.
7. The method of claim 4 , wherein the content item is a video.
8. The method of claim 1 , further comprising:
receiving a second user input that comprises a tilting of a device that is displaying the first group of images in the grid mode; and
in response to the second user input, displaying the grid of rows and columns with perspective distortion.
9. The method of claim 1 , further comprising:
receiving a second user input; and
in response to the second user input, animating a position of the grid of rows and columns so that the grid scrolls.
10. The method of claim 9 , wherein the second user input comprises a swipe gesture or a flick gesture.
11. The method of claim 9 , further comprising providing user feedback when an edge of the grid has been reached.
12. The method of claim 11 , wherein the user feedback comprises displaying the grid of rows and columns with perspective distortion.
13. The method of claim 11 , wherein the user feedback comprises animating the grid of rows and columns so that the grid bounces off an edge of a display screen that is displaying the grid.
14. The method of claim 11 , wherein the user feedback is tactile.
15. A method comprising:
displaying, by a processor, a plurality of images;
receiving, by the processor, a user input that indicates scrolling;
in response to receiving the user input, scrolling, by the processor, the displayed plurality of images at a rate based on the user input and scrolling, by the processor, a background on which the plurality of images are displayed at a rate less than the rate at which the displayed plurality of images are scrolled;
in response to receiving the user input, determining, by the processor, whether a last image is being displayed; and
in response to the last image being displayed, displaying, by the processor, the last image such that the last image is tilted away from a plane of a screen displaying the last image.
16. The method of claim 15 , further comprising in response to the last image being displayed, animating the last image so that the last image bounces off an edge of the screen that is displaying the last image.
17. The method of claim 15 , further comprising in response to the last image being displayed, providing tactile feedback.
18. A non-transitory computer-readable storage medium storing computer program code for execution by a processor for performing a method, the method comprising:
displaying, by the processor, a plurality of images in a stack mode, wherein the images are divided into groups, and wherein a group is represented by a stack of images, where an image for a first content item is at a top of the stack and oriented parallel to an edge of a display, and subsequent images in the stack are centered a random amount away from a center of the image for the first content item and subsequent images in the stack are rotated a random amount relative to the image for the first content item;
receiving, by the processor, a first user input that indicates a first stack that represents a first group of images; and
in response to receiving the first user input, displaying the first group of images in a grid mode, wherein the images in the first group are displayed in a grid of one or more rows and one or more columns.
19. A non-transitory computer-readable storage medium storing computer program code for execution by a processor for performing a method, the method comprising:
displaying, by the processor, a plurality of images;
receiving, by the processor, a user input that indicates scrolling;
in response to receiving the user input, scrolling, by the processor, the displayed plurality of images at a rate based on the user input and scrolling, by the processor, a background on which the plurality of images are displayed at a rate less than the rate at which the displayed plurality of images are scrolled;
in response to receiving the user input, determining, by the processor, whether a last image is being displayed; and
in response to the last image being displayed, displaying, by the processor, the last image such that the last image is tilted away from a plane of a screen displaying the last image.