Visual treatment for a tile-based user interface in a content integration framework

• US 9,229,622 B2
• Filed: 08/28/2013
• Issued: 01/05/2016
• Est. Priority Date: 12/02/2010
• Status: Active Grant

• Current Assignee: Sony Interactive Entertainment LLC (Sony Group Corp.)
• Original Assignee: Sony Corporation (Sony Group Corp.), Sony Corporation Of America (Sony Group Corp.)
• Inventors: Sakamoto, Manabu
• Primary Examiner(s): Nabi, Reza
• Application Number:
  US14/012,774
• Publication Number:
  US 20140040817A1
• Time in Patent Office: 860 Days
• Field of Search: 715/781
• US Class Current: 1/1
• CPC Class Codes: G06F 16/54 Browsing; Visualisation therefor
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Abstract

In a method, system, and computer-readable medium having instructions for a visual treatment for a user interface in a content integration framework, information is received on a tile size for a matrix of tiles and the matrix has one or more tiles with the tile size displayed on a user interface, one or more content images is received for display on the user interface, a position is determined within a first tile of the matrix for rendering a first content image from the one or more content images, a first area of excess space is determined within the tile after positioning the first content image within the first tile and the first area of excess space is dependent on at least one of an aspect ratio of the first content image and a size of the first content image, a reflection of the first content image is rendered within at least a portion of the first area of excess space within the first tile, the first content image is rendered within the first tile of the matrix, and descriptive text associated with the first content image is displayed so that the descriptive text overlays the reflection and not the first content image.

Claims

1. A method for a user interface of a content integration framework, comprising:

receiving information on a tile size for a matrix of evenly spaced tiles, wherein the matrix comprises one or more tiles with the tile size displayed on a user interface;

receiving one or more content images for display on the user interface;

determining a position within a first tile of the matrix for rendering a first content image from the one or more content images;

determining a first area of excess space within the tile after positioning the first content image within the first tile, wherein the first area of excess space is dependent on at least one of an aspect ratio of the first content image and a size of the first content image;

rendering a reflection of the first content image within at least a portion of the first area of excess space within the first tile, wherein the rendering of the reflection includes displaying the entire first content image flipped or rotated vertically;

rendering the first content image within the first tile of the matrix; and

displaying descriptive text associated with the first content image so that the descriptive text overlays the reflection and not the first content image.

2. The method of claim 1, the method further comprising:

receiving a second content image from one or more content images for display on the user interface, wherein the second content image differs from the first content image in at least one of an aspect ratio and an image size;

determining a position within a second tile of the matrix for rendering a second content image from the one or more content images;

determining a second area of excess space within the second tile after positioning the second content image within the tile, wherein the first area of excess space differs from the second area of excess space;

rendering a reflection of the second content image within at least a portion of the second area of excess space within the second tile; and

rendering the second content image within the second tile of the matrix.

3. The method of claim 2, wherein the position within the first tile of the matrix is the same as the position within the second tile of the matrix.

4. The method of claim 1, the method further comprising:

receiving one or more inputted terms; and

displaying a tile display user interface with content images from one or more content providers in response to receipt of the one or more inputted terms.

5. The method of claim 1, wherein the first content image is a still content image from a video file.

6. The method of claim 1, the method further comprising:

determining optimization available for the first content image in accordance with at least one of the aspect ratio of the first content image and the size of the first content image; and

optimizing the first content image by at least one of resizing the first content image, altering the aspect ratio for the first content image, changing a format of a file comprising the first content image, and changing a compression method for the file comprising the first content image.

7. The method of claim 1, the method further comprising:

rendering the reflection of the first content image and the first content image within the first tile; and

providing the first tile to the user interface for display.

8. A non-transitory computer-readable storage medium having one or more instructions thereon for a content integration framework, the instructions when executed by one or more processors causing the one or more processors to carry out:

receiving information on a tile size for a matrix of evenly spaced tiles, wherein the matrix comprises one or more tiles with the tile size displayed on a user interface;

receiving one or more content images for display on the user interface;

determining a position within a first tile of the matrix for rendering a first content image from the one or more content images;

determining a first area of excess space within the tile after positioning the first content image within the first tile, wherein the first area of excess space is dependent on at least one of an aspect ratio of the first content image and a size of the first content image;

rendering a reflection of the first content image within at least a portion of the first area of excess space within the first tile, wherein the rendering of the reflection includes displaying the entire first content image flipped or rotated vertically;

rendering the at least one content image within the first tile of the matrix; and

displaying descriptive text associated with the first content image so that the descriptive text overlays the reflection and not the first content image.

9. The non-transitory computer-readable storage medium of claim 8, the instructions further comprising:

receiving a second content image from one or more content images for display on the user interface, wherein the second content image differs from the first content image in at least one of an aspect ratio and an image size;

determining a position within a second tile of the matrix for rendering a second content image from the one or more content images;

determining a second area of excess space within the second tile after positioning the second content image within the tile, wherein the first area of excess space differs from the second area of excess space;

rendering a reflection of the second content image within at least a portion of the second area of excess space within the second tile; and

rendering the second content image within the second tile of the matrix.

10. The non-transitory computer-readable storage medium of claim 9, wherein the position within the first tile of the matrix is the same as the position within the second tile of the matrix.

11. The non-transitory computer-readable storage medium of claim 8, the instructions further comprising:

receiving one or more inputted terms; and

displaying a tile display user interface with content images from one or more content providers in response to receipt of the one or more inputted terms.

12. The non-transitory computer-readable storage medium of claim 8, wherein the first content image is a still content image from a video file.

13. The non-transitory computer-readable storage medium of claim 8, the instructions further comprising:

determining optimization available for the first content image in accordance with at least one of the aspect ratio of the first content image and the size of the first content image; and

optimizing the first content image by at least one of resizing the first content image, altering the aspect ratio for the first content image, changing a format of a file comprising the first content image, and changing a compression method for the file comprising the first content image.

14. A system for providing a user interface for a content integration framework, comprising:

a processor operable to execute a set of instructions; and

a computer readable medium in communication with the processor, the computer readable medium operable to store a set of instructions, wherein the set of instructions are configured to;

receiving information on a tile size for a matrix of evenly spaced tiles, wherein the matrix comprises one or more tiles with the tile size displayed on a user interface;

receiving one or more content images for display on the user interface;

determining a position within a first tile of the matrix for rendering a first content image from the one or more content images;

determining a first area of excess space within the tile after positioning the first content image within the first tile, wherein the first area of excess space is dependent on at least one of an aspect ratio of the first content image and a size of the first content image;

rendering a reflection of the first content image within at least a portion of the first area of excess space within the first tile, wherein the rendering of the reflection includes displaying the entire first content image flipped or rotated vertically;

rendering the at least one content image within the first tile of the matrix; and

displaying descriptive text associated with the first content image so that the descriptive text overlays the reflection and not the first content image.

15. The system of claim 14, the instructions further configured to:

receiving a second content image from one or more content images for display on the user interface, wherein the second content image differs from the first content image in at least one of an aspect ratio and an image size;

determining a position within a second tile of the matrix for rendering a second content image from the one or more content images;

determining a second area of excess space within the second tile after positioning the second content image within the tile, wherein the first area of excess space differs from the second area of excess space;

rendering a reflection of the second content image within at least a portion of the second area of excess space within the second tile; and

rendering the second content image within the second tile of the matrix.

16. The system of claim 15, the instructions further configured to:

wherein the position within the first tile of the matrix is the same as the position within the second tile of the matrix.

17. The system of claim 14, the instructions further configured to:

receiving one or more inputted terms; and

displaying a tile display user interface with content images from one or more content providers in response to receipt of the one or more inputted terms.

18. The system of claim 14, wherein the first content image is a still content image from a video file.

19. The system of claim 14, the instructions further comprising:

determining optimization available for the first content image in accordance with at least one of the aspect ratio of the first content image and the size of the first content image; and

optimizing the first content image by at least one of resizing the first content image, altering the aspect ratio for the first content image, changing a format of a file comprising the first content image, and changing a compression method for the file comprising the first content image.

20. The system of claim 14, the instructions further comprising:

rendering the reflection of the first content image and the first content image within the first tile; and

providing the first tile to the user interface for display.