Systems and methods for rendering user interface elements

Patent metadata

Field	Value
Publication number	US-10585572-B2
Application number	US-201816189695-A
Country	US
Kind code	B2
Filing date	Nov 13, 2018
Priority date	Jul 29, 2011
Publication date	Mar 10, 2020
Grant date	Mar 10, 2020

Abstract

A computer system stores information for a plurality of layouts of one or more user interface elements locally. Each layout corresponds to at least one type of display device, and includes one or more objects associated with the one or more user interface elements. Upon receiving a request for rendering a first user interface element on a display device, the computer system identifies a type of the display device and determines a first one of the at least one type of display device accordingly. The computer system then extracts information for a first layout corresponding to the first one of the at least one type of display device (e.g., information for a subset of objects that is stored with the first layout and corresponds to the first user interface element), and renders the subset of objects corresponding to the first user interface element on the display device accordingly.

First claim

What is claimed is:

1. A method for rendering one or more user interface elements on a display device, comprising:
at a computer system, the computer system comprising one or more processors and memory storing one or more programs for execution by the one or more processors, wherein the computer system is integrated in or locally coupled to the display device:
storing in the memory information for a plurality of layouts of the one or more user interface elements, each layout corresponding to at least one type of display device and including one or more objects associated with the one or more user interface elements;
receiving a request for rendering a first user interface element on the display device that is integrated in or is locally coupled to the computer system;
identifying a type of the display device;
determining that the identified type of the display device corresponds to a first one of the at least one type of display device;
extracting the information for a first layout corresponding to the first one of the at least one type of display device, including extracting information for a subset of the one or more objects that is stored in association with the first layout and corresponds to the first user interface element; and
rendering the subset of the one or more objects corresponding to the first user interface element on the display device according to the extracted information for the first layout.

2. The method of claim 1 , wherein the information for each of the subset of objects associated with the first user interface element identifies one or more of: an icon to be displayed in the first user interface element, a text to be displayed in the first user interface element, a position and a size of the respective object, and an operation associated with the respective object.

3. The method of claim 1 , wherein:
the plurality of layouts includes two distinct layouts;
a first one of the two distinct layouts corresponds to a first television type of display devices having a first screen resolution and a first size; and
a second one of the two distinct layouts corresponds to a second television type of display devices having a second screen resolution and a second size that are distinct from the first screen resolution and the first size, respectively.

4. The method of claim 1 , wherein the plurality of layouts at least includes a vertical layout and a horizontal layout for rendering each of the one or more user interface elements as a horizontal user interface element and a vertical user interface element, respectively.

5. The method of claim 4 , wherein for each layout, each of the respective at least one type of display device corresponding to the respective layout has a distinct screen resolution and a distinct size, and the first one of the at least one type of display device associated with the first layout is a first device type corresponding to television devices, and the first user interface element includes a horizontal user interface element.

6. The method of claim 4 , wherein the first one of the at least one type of display device associated with the first layout is a second device type corresponding to one or more personal devices distinct from television devices, and the user interface element includes a vertical user interface element.

7. The method of claim 4 , wherein rendering the subset of the one or more objects corresponding to the first user interface element includes:
in accordance with the determination that the first one of the at least one type of display device corresponding to the identified type of the display device is associated with the horizontal layout, rendering the first user interface element including the subset of the one or more objects on the display device along a top side of the display device; and
in accordance with the determination that the first one of the at least one type of display device corresponding to the identified type of the display device is associated with the vertical layout, rendering the first user interface element including the subset of the one or more objects on the display device along a left side of the display device.

8. The method of claim 4 , wherein the first user interface element, rendered in accordance with the horizontal layout, matches the first user interface element, rendered in accordance with the vertical layout.

9. The method of claim 4 , wherein the first user interface element that corresponds to the vertical layout includes a first plurality of objects, and the first user interface element that corresponds to the horizontal layout includes a second plurality of objects, and wherein the first plurality of objects include one or more user-selectable user interface objects that are not included in the second plurality of objects.

10. The method of claim 4 , wherein the first user interface element that corresponds to the vertical layout includes a first plurality of objects, and the first user interface element that corresponds to the horizontal layout includes a second plurality of objects, and wherein the second plurality of objects include one or more user-selectable user interface objects that are not included in the first plurality of objects.

11. A computer system for rendering one or more user interface elements on a display device, wherein the computer system is integrated in or locally coupled to the display device, comprising
one or more processors;
memory storing one or more programs, for execution by the one or more processors, for rendering the one or more user interface elements on the display screen of the device, the one or more programs including instructions for:
storing in the memory information for a plurality of layouts of the one or more user interface elements, each layout corresponding to at least one type of display device and including one or more objects associated with the one or more user interface elements;
receiving a request for rendering a first user interface element on the display device that is integrated in or is locally coupled to the computer system;
identifying a type of the display device;
determining that the identified type of the display device corresponds to a first one of the at least one type of display device;
extracting the information for a first layout corresponding to the first one of the at least one type of display device, including extracting information for a subset of the one or more objects that is stored in association with the first layout and corresponds to the first user interface element; and
rendering the subset of the one or more objects corresponding to the first user interface element on the display device according to the extracted information for the first layout.

12. The computer system of claim 11 , wherein for each of the one or more user interface elements, each layout further has a layout style identifying whether the respective user interface element is displayed as a vertical user interface or a horizontal user interface.

13. The computer system of claim 12 , wherein the layout style of the respective layout identifies a position and a size of each of the one or more objects.

14. The computer system of claim 11 , wherein rendering the subset of the one or more objects corresponding to the first user interface element further comprises:
rendering one or more user-selectable user interface objects in the first user interface element;
detecting a user selection of one of the one or more user-selectable user interface objects; and
expanding the selected one of the one or more user-selectable user interface objects.

15. The computer sy

Assignees

• Google Llc

Inventors

• Bayer Jason
• Laligand Pierre-Yves
• Baghdassarian Leo

Classifications

• G06F3/0482 Primary

  Interaction with lists of selectable items, e.g. menus · CPC title

• H04N21/4316

  for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window · CPC title

• G06F9/44

  Arrangements for executing specific programs · CPC title

• H04N21/41407 Primary

  embedded in a portable device, e.g. video client on a mobile phone, PDA, laptop (constructional details of equipment or arrangements specially adapted for portable computer application G06F1/1626; arrangements specially adapted for mobile receivers in broadcast systems H04H20/57) · CPC title

• H04N21/4516

  involving client characteristics, e.g. Set-Top-Box type, software version or amount of memory available · CPC title