Adaptive user interfaces

Patent metadata

Field	Value
Publication number	US-10120659-B2
Application number	US-201414503139-A
Country	US
Kind code	B2
Filing date	Sep 30, 2014
Priority date	May 30, 2014
Publication date	Nov 6, 2018
Grant date	Nov 6, 2018

Abstract

Described is a technique for creating and displaying adaptive user interfaces. The user interface may be provided to an application development environment that provides the ability to allow authoring of a user interface that adapts to a screen size with any first abstracted size class value and any second abstracted size class value. Accordingly, an application that includes the user interface may determine a screen size of a device and adapt the user interface according to the screen size including the first abstracted size clasp value and the second abstracted size class value. Thus, a developer may efficiently develop a user interface based on various abstracted size class values that may be adapted to a particular device.

First claim

We claim:

1. A computer-implemented method comprising:
receiving a user interface by an application development environment, the application development environment providing an ability to allow authoring of a user interface that adapts to a screen size with any first abstracted size class value and any second abstracted size class value;
creating an application including the user interface, wherein creating the application includes:
receiving, by a tool displayed within the application development environment, a graphical selection of a first abstracted size class value corresponding to a width of the user interface and a second abstracted size class value corresponding to a height of the user interface from a predefined set of abstracted size class values provided by the tool, wherein the application is configured to:
determine a screen size of a device, the screen size including a width corresponding to the first abstracted size class value and a height corresponding to the second abstracted size class value;
adapt the user interface according to the screen size; and
display the adapted user interface on the device.

2. The computer-implemented method of claim 1 , wherein creating the application further includes:
specifying a second user interface element as an override to a first user interface element of the user interface, wherein when the screen size does not support at least one of the selected first abstracted size class value or the selected second abstracted size class value, the user interface is adapted to override the first user interface element with the second user interface element.

3. The computer-implemented method of claim 2 , wherein the second user interface element modifies at least one of color, text, or location of the first user interface element.

4. The computer-implemented method of claim 2 , wherein the user interface includes a multi-pane interface and overriding the first user interface element with the second user interface element applies only to one pane within the multi-pane interface.

5. The computer-implemented method of claim 1 , wherein the first abstracted size class value or the second abstracted size class value is defined as a compact or regular abstracted size class value.

6. The computer-implemented method of claim 1 , wherein the first abstracted size class value and second abstracted size class value define a circular screen size.

7. A system comprising:
a processor;
a computer-readable storage medium having stored therein instructions which, when executed by the processor, cause the processor to perform operations comprising:
receiving a user interface by an application development environment, the application development environment providing the ability to allow authoring of a user interface that adapts to a screen size with any first abstracted size class value and any second abstracted size class value;
creating an application including the user interface, wherein creating the application includes:
receiving, by a tool displayed within the application development environment, a graphical selection of a first abstracted size class value corresponding to a width of the user interface and a second abstracted size class value corresponding to a height of the user interface from a predefined set of abstracted size class values provided by the tool, wherein the application is configured to:
determine a screen size of a device, the screen size including a width corresponding to the first abstracted size class value and a height corresponding to the second abstracted size class value;
adapt the user interface according to the screen size; and
display the adapted user interface on the device.

8. The system of claim 7 , the operations to create the application further including:
specifying a second user interface element as an override to a first user interface element of the user interface, wherein when the screen size does not support at least one of the selected first abstracted size class value or the selected second abstracted size class value, the user interface is adapted to override the first user interface element with the second user interface element.

9. The system of claim 8 , wherein the second user interface element modifies at least one of color, text, or location of the first user interface element.

10. The system of claim 8 , wherein the user interface includes a multi-pane interface and overriding the first user interface element with the second user interface element applies only to one pane within the multi-pane interface.

11. The system of claim 7 , wherein the first abstracted size class value or the second abstracted size class value is defined as a compact or regular abstracted size class value.

12. A non-transitory computer-readable storage medium having stored therein instructions which, when executed by a processor, cause the processor to perform operations comprising:
receiving a user interface by an application development environment, the application development environment providing the ability to allow authoring of a user interface that adapts to a screen size with any first abstracted size class value and any second abstracted size class value;
creating an application including the user interface, wherein creating the application includes:
receiving, by a tool displayed within the application development environment, a graphical selection of a first abstracted size class value corresponding to a width of the user interface and a second abstracted size class value corresponding to a height of the user interface from a predefined set of abstracted size class values provided by the tool, wherein the application is configured to:
determine a screen size of a device, the screen size including a width corresponding to the first abstracted size class value and a height corresponding to the second abstracted size class value;
adapt the user interface according to the screen size; and
display the adapted user interface on the device.

13. The non-transitory computer-readable storage medium of claim 12 , the operations further comprising:
specifying a second user interface element as an override to a first user interface element of the user interface, wherein when the screen size does not support at least one of the selected first abstracted size class value or the selected second abstracted size class value, the user interface is adapted to override the first user interface element with the second user interface element.

14. The non-transitory computer-readable storage medium of claim 13 , wherein the second user interface element modifies at least one of color, text, or location of the first user interface element.

15. The non-transitory computer-readable storage medium of claim 13 , wherein the user interface includes a multi-pane interface and overriding the first user interface element with the second user interface element applies only to one pane within the multi-pane interface.

16. The non-transitory computer-readable storage medium of claim 12 , wherein the first abstracted size class value or the second abstracted size class value is defined as a compact or regular abstracted size class value.

17. The non-transitory computer-readable storage medium of claim 12 , wherein the first abstracted size class value and second abstracted size class value define a circular screen size.

18. The computer-implemented method of claim 1 , wherein the tool displays a selectable grid as a graphical representation of the user interface displayed within the application development

Assignees

• Apple Inc

Inventors

• Cathey Kevin
• Drukman Maxwell Oliver
• Ricciardi Antonio
• Hess Jonathan Joseph

Classifications

• G06F8/38 Primary

  for implementing user interfaces · CPC title

• G06F3/0484

  for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range · CPC title

• G06F2203/04803

  Split screen, i.e. subdividing the display area or the window area into separate subareas · CPC title

• G06F3/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 title