DYNAMIC GENERATION OF USER INTERFACE PLACEHOLDER TEMPLATES

• US 20140282138A1
• Filed: 03/12/2013
• Published: 09/18/2014
• Est. Priority Date: 03/12/2013
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Hopton, Dominic, Leece, Mark
• Granted Patent: US 9,372,674 B2
• Time in Patent Office: Days
• US Class Current: 715/765
• CPC Class Codes: G06F 8/38 for implementing user interfaces
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

Embodiments are disclosed that relate to dynamically generating a preview placeholder template for presenting data in a user interface. For example, one disclosed embodiment provides a method comprising receiving a request to display a list of items, each item of the list of items comprising a plurality of parts each having a full appearance defined by a corresponding portion of a full version template. The method further comprises, for an item in the list of items, rendering a full version of a representation of the item, and generating via the full version template a preview placeholder template defining an appearance of a thin version of a list item representation comprising a subset of the plurality of parts. The method further comprises storing the preview placeholder template, and retrieving the preview placeholder template from storage and rendering a thin version of each of one or more list items.

Claims

1. On a computing device, a method for presenting a user interface, the method comprising:

receiving a request to display a list of items, each item of the list of items comprising a plurality of parts each having an appearance defined by a corresponding portion of a full version template;

for an item in the list of items, populating the full version template with data for each of the plurality of parts to render a full version of a representation of the item;

generating via the full version template a preview placeholder template defining an appearance of a thin version of a list item representation comprising a subset of the plurality of parts;

storing the preview placeholder template; and

in response to a later request for displaying the list of items, retrieving the preview placeholder template from storage and populating the preview placeholder template with data for the subset of the plurality of parts to render a thin version of each of one or more items in the list of items.

2. The method of claim 1, wherein storing the preview placeholder template further comprises storing the preview placeholder template in a cache memory of the computing device.

3. The method of claim 1, further comprising rendering the full version of each of the one or more items in the list of items the item after rendering the thin version.

4. The method of claim 3, further comprising removing each of the one or more items in the list of items item from the user interface without rendering the full version of the item responsive to determining that the thin version of one or more items have been moved off a displayable portion of the user interface.

5. The method of claim 1, wherein the full version comprises an image at a first, higher resolution, and wherein the thin version comprises the image at a second, lower resolution.

6. The method of claim 5, wherein generating the preview placeholder template comprises generating the preview placeholder template from one or more tagged portions of the full version template.

7. The method of claim 1, further comprising determining if the preview placeholder template for the item is stored prior to rendering a full version of the selected first item, and not generating the preview placeholder template if the preview placeholder template is stored.

8. The method of claim 7, further comprising, before populating the full version template, determining if a preview placeholder is stored.

9. A computing device, comprising:

a logic machine; and

a storage machine configured to store instructions executable by the logic machine to

receive a request to display a list of items, each item of the list of items comprising a plurality of parts each having an appearance defined by a corresponding portion of a full version template;

for an item in the list of items, populate the full version template with data for each of the plurality of parts to render a full version of a representation of the item;

generate via the full version template a preview placeholder template defining an appearance of a thin version of a list item representation comprising a subset of the plurality of parts;

store the preview placeholder template; and

in response to a later request for displaying the list of items, retrieve the preview placeholder template from storage and populate the preview placeholder template with data to render and display a thin version representation of each of one or more items in the list of items.

10. The system of claim 9, wherein the user interface comprises a graphical user interface for a media application, the item comprises a media content item, and the plurality of parts comprises a plurality of fields of metadata for the media content item.

11. The system of claim 10, wherein the metadata includes an image having a first, higher resolution, and wherein rendering the thin version comprises presenting the image in a second, lower resolution.

12. The system of claim 10, wherein the full version template specifies at least one appearance feature for each field of the metadata, and the instructions are executable to render the thin version by presenting a default item for a field of the metadata in place of an omitted item from the full representation.

13. The system of claim 9, wherein the instructions are further executable to render the full version of the item after rendering the thin version of the item.

14. The system of claim 13, wherein the instructions are further executable to generate the preview placeholder template from one or more tagged portions of the full version template.

15. The system of claim 9, further comprising a cache memory, wherein storing the preview placeholder template comprises temporarily storing the preview placeholder template in the cache memory.

16. On a computing device, a method for presenting a user interface, the method comprising:

receiving a request to display a list of items, each item of the list of items comprising a plurality of parts each having an appearance defined by a corresponding portion of a full version template comprising a markup document;

for an item in the list of items, populating each portion of the full version template to render a full version of a representation of the item;

identifying one or more tags in the full version template, the one or more tags specifying one or more corresponding portions of the full version template included within a subset of the plurality of parts;

extracting the one or more portions of the full version template specified by the one or more tags to generate a preview placeholder template, the preview placeholder template defining an appearance of a thin version of a list item representation;

storing the preview placeholder template; and

in a later request for displaying the list of items, retrieving the preview placeholder template from storage and populating the preview placeholder template with data to render and display a thin version of the representation of each of one or more items of the list of items.

17. The method of claim 16, further comprising determining if the preview placeholder template is stored prior to rendering the full version.

18. The method of claim 16, wherein storing the preview placeholder template comprises temporarily storing the preview placeholder in a memory cache of the computing device.

19. The method of claim 16, further comprising, responsive to the later request for displaying the item, rendering the full version after rendering the thin version and replacing the thin version with the full version.

20. The method of claim 16, further comprising removing the preview placeholder template from the storage responsive to detecting a change in the markup document.