Systems and methods for rendering user interface elements

Patent metadata

Field	Value
Publication number	US-2022011926-A1
Application number	US-202117486033-A
Country	US
Kind code	A1
Filing date	Sep 27, 2021
Priority date	Jul 29, 2011
Publication date	Jan 13, 2022
Grant date	—

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, the method comprising:
associating a user interface element with a plurality of layouts, each layout corresponding to a device type and including one or more user interface objects associated with the user interface element; extracting information of the one or more user interface objects of a first layout; and rendering the one or more user interface objects corresponding to the user interface element on a display device according to the extracted information for the first layout.

2 . The method of claim 1 , further comprising:
identifying a type of the display device; and determining that the identified type of the display device corresponds to the device type of the first layout of the plurality of layouts.

3 . The method of claim 1 , further comprising:
receiving a request for rendering the user interface element on the display device; and storing, in the memory information, for the plurality of layouts associated with the user interface element.

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

5 . 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.

6 . The method of claim 1 , wherein the plurality of layouts at least includes a vertical layout and a horizontal layout for rendering the user interface element as a vertical user interface element and a horizontal user interface element, respectively.

7 . The method of claim 6 , wherein:
for each layout, the device type corresponding to the respective layout has a distinct screen resolution and a distinct size; the identified type of the display device corresponding to the device type of the first layout is a first device type corresponding to television devices; the first layout is the vertical layout; and the user interface element is rendered as the vertical user interface element according to the first layout.

8 . The method of claim 6 , wherein:
the identified type of the display device corresponding to the device type of the first layout is a second device type corresponding to one or more personal devices distinct from television devices; the first layout is the horizontal layout; and the user interface element is rendered as the horizontal user interface element according to the first layout.

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

10 . The method of claim 6 , wherein the user interface element, rendered in accordance with the horizontal layout, matches the user interface element, rendered in accordance with the vertical layout.

11 . The method of claim 6 , wherein the user interface element that corresponds to the vertical layout includes a first plurality of objects, and the 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.

12 . The method of claim 6 , wherein the user interface element that corresponds to the vertical layout includes a first plurality of objects, and the 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.

13 . A system for rendering one or more user interface elements, the system comprising:
a hardware processor that is configured to:
associate a user interface element with a plurality of layouts, each layout corresponding to a device type and including one or more user interface objects associated with the user interface element;
extract information of the one or more user interface objects of a first layout; and
render the one or more user interface objects corresponding to the user interface element on a display device according to the extracted information for the first layout.

14 . The system of claim 13 , wherein each layout further has a layout style identifying whether the user interface element is displayed as a vertical user interface element or a horizontal user interface element.

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

16 . The system of claim 15 , wherein the selected user interface object corresponds to a list of additional user interface objects, and expanding the selected user interface object includes displaying the list of additional user interface objects at a predetermined location separately on the display device while displaying the selected user interface object.

17 . A non-transitory computer-readable medium containing computer-executable instructions that, when executed by a processor, cause the processor to perform a method for rendering one or more user interface elements, the method comprising:
associating a user interface element with a plurality of layouts, each layout corresponding to a device type and including one or more user interface objects associated with the user interface element; extracting information of the one or more user interface objects of a first layout; and rendering the one or more user interface objects corresponding to the user interface element on a display device according to the extracted information for the first layout.

18 . The non-transitory computer-readable medium of claim 17 , wherein the method further comprises:
rendering a subset of user-selectable user interface objects in the user interface element; detecting a user selection in the subset of user-selectable user interface objects; in accordance with the determination that the identified type of the display device is a first device type, expanding the selected user interface object; and in accordance with the determination that the identified type of the display device is a second device type distinct from the first de

Assignees

• Google Llc

Inventors

• Bayer Jason
• Laligand Pierre-Yves
• Baghdassarian Leo

Classifications

• 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

• G06F8/38

  for implementing user interfaces · CPC title

• G06F3/0482 Primary

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

• H04N21/4516

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

• G06F9/44

  Arrangements for executing specific programs · CPC title