Adaptive user interface for widescreen devices

• US 9,043,714 B1
• Filed: 09/30/2011
• Issued: 05/26/2015
• Est. Priority Date: 01/07/2011
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Queru, Jean Baptiste Maurice
• Primary Examiner(s): HAILU, TADESSE
• Application Number:
  US13/249,309
• Time in Patent Office: 1,334 Days
• US Class Current: 715/765
• CPC Class Codes: A63F 13/2145 the surface being also a display device, e.g. touch screens
• CPC Class Codes: A63F 13/42 by mapping the input signals into game commands, e.g. mapping the displacement of a stylus on a touch screen to the steering angle of a virtual vehicle
• CPC Class Codes: A63F 13/426 involving on-screen location information, e.g. screen coordinates of an area at which the player is aiming with a light gun
• CPC Class Codes: A63F 13/537 using indicators, e.g. showing the condition of a game character on screen
• 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/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G06F 3/1415 with means for detecting differences between the image stored in the host and the images displayed on the displays
• CPC Class Codes: G07F 17/3244 Payment aspects of a gaming system, e.g. payment schemes, setting payout ratio, bonus or consolation prizes
• CPC Class Codes: G09G 2340/0442 Handling or displaying different aspect ratios, or changing the aspect ratio
• CPC Class Codes: G09G 2370/022 Centralised management of display operation, e.g. in a server instead of locally

Abstract

Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for adapting user interfaces for devices that include widescreen displays. In one aspect, a method includes determining a size characteristic of a display of a mobile device, determining a size characteristic of content that is to be displayed on the display, and comparing the size characteristic of the content to the size characteristic of the display. The method also includes selecting one or more controls to display in a portion of the display that is not to be used to display the content based on comparing the size characteristic of the content to the size characteristic of the display, displaying the content, and displaying the selected controls in a portion of the display that is not used to display the content.

Claims

1. A non-transitory computer-readable medium storing instructions that, when executed by one or more processors, cause a computing device having a touch screen display to:

responsive to receiving an indication of an image to be displayed on the touch screen display;

determine a width of the touch screen display;

determine a width of the image;

determine a media content type associated with the image;

calculate a difference between the width of the image and the width of the touch screen display;

select one or more interactive controls from a control database based on the calculated difference between the width of the image and the width of the touch screen display and based on the media content type associated with the image, and further wherein selecting one or more interactive controls from the control database comprises querying the control database using a query with parameters comprising (1) the calculated difference between the width of the image and the width of the touch screen display and (2) the media content type associated with the image;

display the image; and

display the selected one or more interactive controls in the portion of the touch screen display that is not used to display the image.

2. The medium of claim 1, wherein the one or more processors are further configured to:

define one or more control regions of the touch screen display in which the selected interactive controls are to be displayed; and

define a content region of the touch screen display in which the image is to be displayed.

3. The medium of claim 1, wherein the the one or more processors are further configured to:

receive a user selection of one of the selected interactive controls; and

interact with the image based on the user selection.

4. The medium of claim 1, wherein determining the width of the image further comprises determining the width of the image when the image is displayed in its native aspect ratio or image resolution.

5. The medium of claim 1, wherein determining the width of the image further comprises determining the width of the image when the image is maximized within the touch screen display.

6. The medium of claim 1, wherein:

displaying the image further comprises centering the image within the touch screen display; and

displaying the selected interactive controls further comprises displaying the selected interactive controls on a periphery of the display.

7. A method comprising:

determining a width of a touch screen display of a mobile device;

responsive to receiving an indication of a first content to be displayed on the touch screen display;

determining a first width of the first content;

determining a first media content type associated with the first content;

calculating, by the mobile device, a first difference between the width of the touch screen display and the first width of the content;

selecting, by the mobile device, a first set of interactive controls, wherein the selecting is based on at least (1) the first difference between the width of the touch screen display and the first width of the first content and (2) the first media content type, and wherein the selecting further comprises querying a control database using a query, wherein at least the first difference and the first media content type are parameters to the query;

outputting, for display;

(1) the first content in a first portion of the touch screen display and (2) the first set of interactive controls in a second portion of the touch screen display that is not used to display the first content;

responsive to receiving an indication of a second content to be displayed on the touch screen display;

determining a second width of the second content;

determining a second media content type associated with the second content;

calculating, by the mobile device, a second difference between the width of the touch screen display and the second width of the second content;

selecting, by the mobile device, a second set of interactive controls, wherein the selecting is based on at least (1) the second difference between the width of the touch screen display and the second width of the second content and (2) the second media content type; and

outputting, for display;

(1) the second content in a third portion of the touch screen display and (2) the second set of interactive controls in a fourth portion of the touch screen display that is not used to display the second content.

8. The method of claim 7, further comprising:

responsive to receiving the indication of the first content to be displayed, determining to display bars on the display adjacent to the first content based on the calculated first difference between the width of the touch screen display and the first width of the first content.

9. The method of claim 8, wherein outputting the first set of interactive controls further comprises overlaying the first set of interactive controls over the bars.

10. The method of claim 7, wherein:

displaying the first content further comprises positioning the first content along a single side edge only of the touch screen display; and

displaying the selected interactive controls further comprises displaying the selected interactive controls on the other side edge only of the touch screen display.