REVEALING OF TRUNCATED CONTENT ON SCROLLABLE GRID

• US 20100175023A1
• Filed: 01/06/2009
• Published: 07/08/2010
• Est. Priority Date: 01/06/2009
• Status: Active Grant

• Current Assignee: Rovi Technologies Corporation (Adeia Inc.)
• Original Assignee: Microsoft Corporation
• Inventors: Cox, Elyssa, Gatlin, Kang Su, Penick, Rebecca, Carlson, Erika, Young, Anthony
• Granted Patent: US 8,219,927 B2
• Time in Patent Office: Days
• US Class Current: 715/788
• 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: G09G 2340/145 related to small screens
• CPC Class Codes: G09G 5/34 for rolling or scrolling
• CPC Class Codes: G09G 5/373 for modifying the size of the graphic pattern

Abstract

Various embodiments related to the revealing of truncated content on a scrollable grid are disclosed. One disclosed embodiment provides a computing device comprising a display, a processor, and memory comprising instructions executable by the processor to display a cell of a grid of content at a first, smaller size and display in the cell a content item that is truncated based upon the first, smaller size of the cell. The computing device is further configured to receive a request to scroll the grid, and scroll the grid on the display device. During scrolling, the size of the cell is increased to a second, larger size, and a revealing of a truncated portion of the content item is animated.

Claims

1. A computing device, comprising:

a display device;

a processor; and

memory comprising instructions executable by the processor to;

display on the display device a cell of a grid at a first, smaller size;

display in the cell a content item that is truncated based upon the first, smaller size of the cell;

receive a request to scroll the grid;

scroll the grid on the display device;

during scrolling, increase the size of the cell to a second, larger size; and

animate a revealing of a truncated portion of the content item based upon the second, larger size of the cell.

2. The device of claim 1, wherein the grid is a non-uniform grid of content.

3. The device of claim 1, wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a horizontal direction and by increasing a horizontal size of the cell.

4. The device of claim 1, wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a vertical direction and by increasing a vertical size of the cell.

5. The device of claim 1, wherein the instructions are executable to animate the revealing of the truncated portion of the content item by revealing the truncated portion upon completion of scrolling.

6. The device of claim 1, wherein the instructions are executable to animate the revealing of the truncated portion of the content item by revealing the truncated portion of the content item continuously as the cell expands from the first, smaller size to the second, larger size during scrolling.

7. The device of claim 6, wherein the instructions are further executable to animate a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.

8. The device of claim 1, wherein the instructions are executable to scroll the grid on the display device and conclude with a snapping animation, the snapping animation adjusting the grid to automatically stop scrolling at a nearest grid unit location.

9. The device of claim 1, wherein the grid comprises a media programming guide.

10. A computer-readable storage medium comprising instructions stored thereon that are executable by a computing device to perform a method of presenting a scrollable non-uniform grid of content on a display device and updating content of a cell of the non-uniform grid of content during scrolling of the non-uniform grid of content, the method comprising:

displaying on the display device the cell of the non-uniform grid of content at a first, smaller size;

displaying in the cell a content item that is truncated based upon the first, smaller size of the cell;

receiving a request to scroll the non-uniform grid of content;

scrolling the non-uniform grid of content on the display device;

during scrolling, increasing the size of the cell to a second, larger size; and

during increasing the size of the cell, updating the content item via an animation to reveal a truncated portion of the content item, the truncated portion of the content item being revealed as the size of the cell increases from the first, smaller size to the second, larger size during scrolling.

11. The device of claim 10, wherein the non-uniform grid of content comprises a media programming guide.

12. The device of claim 10, wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a horizontal direction and increasing a horizontal size of the cell.

13. The device of claim 10, wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a vertical direction and increasing a vertical size of the cell.

14. The device of claim 10, wherein the instructions are further executable to animate a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.

15. The device of claim 10, wherein the instructions are executable to scroll the non-uniform grid of content on the display device and conclude with a snapping animation, the snapping animation adjusting a grid border to be pulled to a nearest predetermined grid unit location and to be displayed at that nearest predetermined grid unit location.

16. A method of presenting a scrollable non-uniform grid of content in the form of a of a media programming guide on an touch-sensitive display device and updating content of a cell of the non-uniform grid during scrolling of the grid, the method comprising:

displaying on the touch-sensitive display device the cell of the grid at a first, smaller size;

displaying in the cell a content item that is truncated based upon the first, smaller size of the cell;

receiving a request to scroll the grid via a user'"'"'s finger interacting with the touch-sensitive display device;

scrolling the grid on the touch-sensitive display device, the grid scrolling in response to a location of the user'"'"'s finger on the touch-sensitive display device;

during scrolling, increasing a size of the cell to a second, larger size; and

during increasing the size of the cell, animating a revealing of a truncated portion of the content item as the size of the cell increases from the first, smaller size to the second, larger size.

17. The method of claim 16, wherein increasing the size of the cell to the second, larger size comprises scrolling in a horizontal direction and increasing a horizontal size of the cell.

18. The method of claim 16, wherein increasing the size of the cell to the second, larger size comprises scrolling in a vertical direction and increasing a vertical size of the cell.

19. The method of claim 16, wherein scrolling the grid on the display device concludes with a snapping animation, the snapping animation adjusting a grid border to be pulled to a nearest predetermined grid unit location.

20. The method of claim 16, further comprising animating a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.