Visual characteristics of user interface elements in a unified interest layer

• US 10,489,040 B2
• Filed: 08/15/2017
• Issued: 11/26/2019
• Est. Priority Date: 06/25/2004
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran A., Louch, John O., Grignon, Andrew M., Christie, Gregory N.
• Primary Examiner(s): Theriault, Steven B
• Application Number:
  US15/677,465
• Publication Number:
  US 20170344242A1
• Time in Patent Office: 833 Days
• CPC Class Codes: G06F 3/048 Interaction techniques based on graphical user interfaces [GUI]
• 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/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/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 Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A user-activatable dashboard (also referred to as a unified interest layer) contains any number of user interface elements, referred to herein as “widgets,” for quick access by a user. In response to a command from a user, the dashboard is invoked and the widgets are shown on the screen. The user can activate the dashboard at any time, causing the dashboard to temporarily replace the existing user interface display on the user'"'"'s screen. Once the dashboard has been activated, the user can interact with any or all of the widgets, and can configure the dashboard by adding, deleting, moving, or configuring individual widgets as desired. When the user wishes to return to the normal user interface he or she was working with, the user issues a command causing the dashboard to be dismissed. Once the dashboard has been dismissed, the previous user interface state is restored, allowing the user to resume normal interactions with the operating system.

Claims

1. A method comprising:

at an electronic device with a display and one or more input devices;

displaying, on the display, a primary user interface with a first appearance;

while displaying the primary user interface with the first appearance, receiving a first user input, via the one or more input devices, to activate a user interface layer that includes a plurality of separate user interface elements corresponding to different applications on the device, including a first user interface element including content from a first application and a second user interface element including content from a second application;

in response to receiving the first user input;

displaying, on the display, the user interface layer that includes the plurality of separate user interface elements corresponding to different applications on the device; and

changing an appearance of at least a respective portion of the primary user interface from the first appearance to a second appearance that indicates that the portion of the primary user interface displayed with the second appearance is inactive, wherein;

the first user interface element including content from the first application is spaced apart from the second user interface element including content from the second application such that at least a portion of the primary user interface with the changed appearance is between the first user interface element and the second user interface element; and

the first user interface element and the second user interface element can be moved independently of each other in the user interface layer;

while displaying the user interface layer and the respective portion of the primary user interface with the second appearance, receiving a second user input, via the one or more input devices, to dismiss the user interface layer; and

in response to receiving the second user input;

ceasing to display the user interface layer; and

changing the appearance of the respective portion of the primary user interface from the second appearance to the first appearance.

2. The method of claim 1, wherein the first appearance is a visually unobscured appearance and the second appearance is visually obscured appearance.

3. The method of claim 1, wherein changing the appearance of the respective portion of the primary user interface from the first appearance to the second appearance includes blurring the respective portion of the primary user interface.

4. The method of claim 1, wherein changing the appearance of the respective portion of the primary user interface from the first appearance to the second appearance includes darkening the respective portion of the primary user interface.

5. The method of claim 1, wherein displaying the user interface layer includes displaying an animation in which the plurality of separate user interface elements corresponding to different applications on the device move from an edge of the display to respective positions in the user interface layer.

6. The method of claim 5, wherein ceasing to display the user interface layer includes displaying an animation in which the plurality of separate user interface elements corresponding to different applications on the device move from the respective positions in the user interface layer to the edge of the display.

7. The method of claim 1, wherein:

in accordance with a determination that the first user input is a first trigger event, displaying the user interface layer includes displaying a first user interface layer that includes a first plurality of separate user interface elements; and

in accordance with a determining that the first user input is a second trigger event, displaying the user interface layer includes displaying a second user interface layer that includes a second plurality of separate user interface elements different than the first plurality of separate user interface elements.

8. The method of claim 1, wherein receiving the second user input includes receiving a user input indicating a location between two separate user interface elements of the plurality of separate user interface elements of the user interface layer.

9. The method of claim 1, wherein the user interface layer is a widget dashboard.

10. An electronic device comprising:

a display;

one or more input devices;

one or more processors; and

non-transitory memory storing instructions which, when executed by the one or more processors, cause the electronic device to perform operations comprising;

displaying, on the display, a primary user interface with a first appearance;

while displaying the primary user interface with the first appearance, receiving a first user input, via the one or more input devices, to activate a user interface layer that includes a plurality of separate user interface elements corresponding to different applications on the device, including a first user interface element including content from a first application and a second user interface element including content from a second application;

in response to receiving the first user input;

displaying, on the display, the user interface layer that includes the plurality of separate user interface elements corresponding to different applications on the device; and

changing an appearance of at least a respective portion of the primary user interface from the first appearance to a second appearance that indicates that the portion of the primary user interface displayed with the second appearance is inactive, wherein;

the first user interface element including content from the first application is spaced apart from the second user interface element including content from the second application such that at least a portion of the primary user interface with the changed appearance is between the first user interface element and the second user interface element; and

the first user interface element and the second user interface element can be moved independently of each other in the user interface layer;

while displaying the user interface layer and the respective portion of the primary user interface with the second appearance, receiving a second user input, via the one or more input devices, to dismiss the user interface layer; and

in response to receiving the second user input;

ceasing to display the user interface layer; and

changing the appearance of the respective portion of the primary user interface from the second appearance to the first appearance.

11. The electronic device of claim 10, wherein the first appearance is a visually unobscured appearance and the second appearance is visually obscured appearance.

12. The electronic device of claim 10, wherein changing the appearance of the respective portion of the primary user interface from the first appearance to the second appearance includes blurring the respective portion of the primary user interface.

13. The electronic device of claim 10, wherein changing the appearance of the respective portion of the primary user interface from the first appearance to the second appearance includes darkening the respective portion of the primary user interface.

14. The electronic device of claim 10, wherein displaying the user interface layer includes displaying an animation in which the plurality of separate user interface elements corresponding to different applications on the device move from an edge of the display to respective positions in the user interface layer.

15. The electronic device of claim 14, wherein ceasing to display the user interface layer includes displaying an animation in which the plurality of separate user interface elements corresponding to different applications on the device move from the respective positions in the user interface layer to the edge of the display.

16. The electronic device of claim 10, wherein:

in accordance with a determination that the first user input is a first trigger event, displaying the user interface layer includes displaying a first user interface layer that includes a first plurality of separate user interface elements; and

in accordance with a determining that the first user input is a second trigger event, displaying the user interface layer includes displaying a second user interface layer that includes a second plurality of separate user interface elements different than the first plurality of separate user interface elements.

17. The electronic device of claim 10, wherein receiving the second user input includes receiving a user input indicating a location between two separate user interface elements of the plurality of separate user interface elements of the user interface layer.

18. A non-transitory computer-readable medium storing instructions which, when executed by one or more processors of an electronic device including a display and one or more input devices, causes the electronic device to perform operations comprising:

displaying, on the display, a primary user interface with a first appearance;

while displaying the primary user interface with the first appearance, receiving a first user input, via the one or more input devices, to activate a user interface layer that includes a plurality of separate user interface elements corresponding to different applications on the device, including a first user interface element including content from a first application and a second user interface element including content from a second application;

in response to receiving the first user input;

displaying, on the display, the user interface layer that includes the plurality of separate user interface elements corresponding to different applications on the device; and

changing an appearance of at least a respective portion of the primary user interface from the first appearance to a second appearance that indicates that the portion of the primary user interface displayed with the second appearance is inactive, wherein;

the first user interface element including content from the first application is spaced apart from the second user interface element including content from the second application such that at least a portion of the primary user interface with the changed appearance is between the first user interface element and the second user interface element; and

the first user interface element and the second user interface element can be moved independently of each other in the user interface layer;

while displaying the user interface layer and the respective portion of the primary user interface with the second appearance, receiving a second user input, via the one or more input devices, to dismiss the user interface layer; and

in response to receiving the second user input;

ceasing to display the user interface layer; and

changing the appearance of the respective portion of the primary user interface from the second appearance to the first appearance.

19. The non-transitory computer-readable medium of claim 18, wherein the first appearance is a visually unobscured appearance and the second appearance is visually obscured appearance.

20. The non-transitory computer-readable medium of claim 18, wherein changing the appearance of the respective portion of the primary user interface from the first appearance to the second appearance includes blurring the respective portion of the primary user interface.