IP Library Granted Patent US 11,675,476
Granted Patent B2
US 11,675,476 · App. 16/737,372 · Granted Jun 13, 2023

User interfaces for widgets

Inventors: Jonathan R. Dascola (San Francisco, CA); Nathan De Vries (San Francisco, CA); Heena Ko (San Francisco, CA); Richard R. Dellinger (San Jose, CA); Alan C. Dye (San Francisco, CA); Stephen O. Lemay (Palo Alto, CA); Brandon Walkin (San Francisco, CA)
Assignee: Apple Inc.
G06F3/04817G06F3/048G06F3/0482G06F3/0483G06F3/0485G06F3/0488G06F3/04842G06F3/04886G06F9/451
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,675,476
App. No.
16/737,372
Granted
Jun 13, 2023
Kind
B2
Abstract

Techniques for displaying widgets are described. In some examples, while displaying a first plurality of application icons, an electronic device detects a first user input. In response to detecting the first user input, in accordance with a determination that the first user input includes movement in a first direction, the electronic device ceases display of the first plurality of application icons, and displays a second plurality of application icons. In response to detecting the first user input, in accordance with a determination that the first user input includes movement in a second direction, the electronic device modifies display of the first plurality of application icons to change a distance between a first application icon and a second application icon of the first plurality of application icons, and concurrently displays the modified first plurality of application icons and the first set of one or more user interface elements.

Claims (199)

1. An electronic device, comprising:

a display device;

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:

displaying, via the display device, a first plurality of application icons without displaying a first set of one or more user interface elements, wherein the application icons are selectable to display application user interfaces for corresponding applications;

while displaying, via the display device, the first plurality of application icons, detecting a first user input that starts at a first location; and

in response to detecting the first user input that starts at the first location:

in accordance with a determination that the first user input includes movement in a first direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, a second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the first user input includes movement in a second direction that is different from the first direction:

modifying display of the first plurality of application icons; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements without displaying the second plurality of application icons that are different from the first plurality of application icons.

2. The electronic device of claim 1 , the one or more programs further including instructions for:

while displaying, via the display device, a user interface of an application corresponding to a selected application icon, detecting a user request to navigate to a home screen; and

in response to detecting the user request to navigate to the home screen, replacing display of the user interface of the application corresponding to the selected application with display of the home screen, wherein displaying the home screen includes concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

3. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a first paging input;

in response to detecting the paging input, displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons;

while displaying, via the display device, the second plurality of application icons, detecting a second paging input; and

in response to detecting the second paging input, replacing display of the second plurality of application icons with display of the modified first plurality of application icons and the first set of one or more user interface elements.

4. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to transition the electronic device to a locked state;

in response to detecting the user request to transition the electronic device to the locked state:

transitioning the electronic device from an unlocked state to the locked state; and

ceasing display of the modified first plurality of application icons and the first set of one or more user interface elements;

while the electronic device is in the locked state, detecting one or more inputs to transition the electronic device to an unlocked state and navigate to a home screen; and

in response to detecting the one or more inputs:

transitioning the electronic device from the locked state to the unlocked state; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

5. The electronic device of claim 1 , wherein the first user input is detected while the electronic device is in a first orientation, the one or more programs further including instructions for:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input:

in accordance with a determination that the detected third user input includes movement in a third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the detected third user input includes movement in a fourth direction that is different from the third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the first set of one or more user interface elements.

6. The electronic device of claim 5 , the one or more programs further including instructions for:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input, displaying, via the display device, the first set of one or more user interface elements, wherein the first set of one or more user interface elements are overlaid on top of a portion of the first plurality of application icons.

7. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to vertically scroll the first set of one or more user interface elements; and

in response to detecting the user request to vertically scroll the first set of one or more user interface elements, vertically scroll the first set of one or more user interface elements, wherein a portion of the first set of one or more user interface elements ceases to be displayed, and a portion of a second set of one or more user interface elements is displayed.

8. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a fourth user input in a predefined region corresponding to the first set of one or more user interface elements, wherein the first set of one or more user interface elements includes a single user interface element; and

in response to detecting the fourth user input:

in accordance with a determination that the fourth user input includes movement in a fifth direction:

maintaining display of the single user interface element; and

displaying, via the display device, a second set of one or more user interface elements, wherein the single user interface element and the second set of one or more user interface elements are concurrently displayed.

9. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and a third set of one or more user interface elements, detecting a user request to enter an edit mode at a location corresponding to an application icon of the modified first plurality of application icons; and

in response to detecting the user request to enter the edit mode, causing one or more user interface elements and application icons to enter an edit mode.

10. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a change in orientation of the electronic device from a first orientation to a second orientation that is different from the first orientation; and

in response to detecting the change in orientation of the electronic device from the first orientation to the second orientation, displaying the first plurality of application icons without displaying the first set of one or more user interface elements.

11. The electronic device of claim 10 , the one or more programs further including instructions for:

while displaying the first plurality of application icons without displaying the first set of one or more user interface elements, detecting a change in orientation of the electronic device from the second orientation to the first orientation; and

in response to detecting the change in orientation of the electronic device from the second orientation to the first orientation, concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

12. The electronic device of claim 1 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a sixth user input with movement in a seventh direction; and

in response to detecting the sixth user input:

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the first set of one or more user interface elements:

displaying, via the display device, the first plurality of application icons; and

ceasing display of the first set of one or more user interface elements; and

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the modified first plurality of application icons, replacing display of the modified first plurality of application icons with display of the second plurality of application icons, wherein the predefined region corresponding to the modified first plurality of application icons does not overlap with the predefined region corresponding to the first set of one or more user interface elements.

13. The electronic device of claim 1 , wherein the first set of one or more user interface elements includes a plurality of user interface elements corresponding to different applications.

14. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display device, the one or more programs including instructions for:

displaying, via the display device, a first plurality of application icons without displaying a first set of one or more user interface elements, wherein the application icons are selectable to display application user interfaces for corresponding applications;

while displaying, via the display device, the first plurality of application icons, detecting a first user input that starts at a first location; and

in response to detecting the first user input that starts at the first location:

in accordance with a determination that the first user input includes movement in a first direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, a second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the first user input includes movement in a second direction that is different from the first direction:

modifying display of the first plurality of application icons; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements without displaying the second plurality of application icons that are different from the first plurality of application icons.

15. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while displaying, via the display device, a user interface of an application corresponding to a selected application icon, detecting a user request to navigate to a home screen; and

in response to detecting the user request to navigate to the home screen, replacing display of the user interface of the application corresponding to the selected application with display of the home screen, wherein displaying the home screen includes concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

16. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a first paging input;

in response to detecting the paging input, displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons;

while displaying, via the display device, the second plurality of application icons, detecting a second paging input; and

in response to detecting the second paging input, replacing display of the second plurality of application icons with display of the modified first plurality of application icons and the first set of one or more user interface elements.

17. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to transition the electronic device to a locked state;

in response to detecting the user request to transition the electronic device to the locked state:

transitioning the electronic device from an unlocked state to the locked state; and

ceasing display of the modified first plurality of application icons and the first set of one or more user interface elements;

while the electronic device is in the locked state, detecting one or more inputs to transition the electronic device to an unlocked state and navigate to a home screen; and

in response to detecting the one or more inputs:

transitioning the electronic device from the locked state to the unlocked state; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

18. The computer-readable storage medium of claim 14 , wherein the first user input is detected while the electronic device is in a first orientation, the one or more programs further including instructions for:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input:

in accordance with a determination that the detected third user input includes movement in a third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the detected third user input includes movement in a fourth direction that is different from the third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the first set of one or more user interface elements.

19. The computer-readable storage medium of claim 18 , the one or more programs further including instructions for:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input, displaying, via the display device, the first set of one or more user interface elements, wherein the first set of one or more user interface elements are overlaid on top of a portion of the first plurality of application icons.

20. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to vertically scroll the first set of one or more user interface elements; and

in response to detecting the user request to vertically scroll the first set of one or more user interface elements, vertically scroll the first set of one or more user interface elements, wherein a portion of the first set of one or more user interface elements ceases to be displayed, and a portion of a second set of one or more user interface elements is displayed.

21. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a fourth user input in a predefined region corresponding to the first set of one or more user interface elements, wherein the first set of one or more user interface elements includes a single user interface element; and

in response to detecting the fourth user input:

in accordance with a determination that the fourth user input includes movement in a fifth direction:

maintaining display of the single user interface element; and

displaying, via the display device, a second set of one or more user interface elements, wherein the single user interface element and the second set of one or more user interface elements are concurrently displayed.

22. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and a third set of one or more user interface elements, detecting a user request to enter an edit mode at a location corresponding to an application icon of the modified first plurality of application icons; and

in response to detecting the user request to enter the edit mode, causing one or more user interface elements and application icons to enter an edit mode.

23. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a change in orientation of the electronic device from a first orientation to a second orientation that is different from the first orientation; and

in response to detecting the change in orientation of the electronic device from the first orientation to the second orientation, displaying the first plurality of application icons without displaying the first set of one or more user interface elements.

24. The computer-readable storage medium of claim 23 , the one or more programs further including instructions for:

while displaying the first plurality of application icons without displaying the first set of one or more user interface elements, detecting a change in orientation of the electronic device from the second orientation to the first orientation; and

in response to detecting the change in orientation of the electronic device from the second orientation to the first orientation, concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

25. The computer-readable storage medium of claim 14 , the one or more programs further including instructions for:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a sixth user input with movement in a seventh direction; and

in response to detecting the sixth user input:

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the first set of one or more user interface elements:

displaying, via the display device, the first plurality of application icons; and

ceasing display of the first set of one or more user interface elements; and

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the modified first plurality of application icons, replacing display of the modified first plurality of application icons with display of the second plurality of application icons, wherein the predefined region corresponding to the modified first plurality of application icons does not overlap with the predefined region corresponding to the first set of one or more user interface elements.

26. The computer-readable storage medium of claim 14 , wherein the first set of one or more user interface elements includes a plurality of user interface elements corresponding to different applications.

27. A method, comprising:

at an electronic device with a display device:

displaying, via the display device, a first plurality of application icons without displaying a first set of one or more user interface elements, wherein the application icons are selectable to display application user interfaces for corresponding applications;

while displaying, via the display device, the first plurality of application icons, detecting a first user input that starts at a first location; and

in response to detecting the first user input that starts at the first location:

in accordance with a determination that the first user input includes movement in a first direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, a second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the first user input includes movement in a second direction that is different from the first direction:

modifying display of the first plurality of application icons; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements without displaying the second plurality of application icons that are different from the first plurality of application icons.

28. The method of claim 27 , further comprising:

while displaying, via the display device, a user interface of an application corresponding to a selected application icon, detecting a user request to navigate to a home screen; and

in response to detecting the user request to navigate to the home screen, replacing display of the user interface of the application corresponding to the selected application with display of the home screen, wherein displaying the home screen includes concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

29. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a first paging input;

in response to detecting the paging input, displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons;

while displaying, via the display device, the second plurality of application icons, detecting a second paging input; and

in response to detecting the second paging input, replacing display of the second plurality of application icons with display of the modified first plurality of application icons and the first set of one or more user interface elements.

30. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to transition the electronic device to a locked state;

in response to detecting the user request to transition the electronic device to the locked state:

transitioning the electronic device from an unlocked state to the locked state; and

ceasing display of the modified first plurality of application icons and the first set of one or more user interface elements;

while the electronic device is in the locked state, detecting one or more inputs to transition the electronic device to an unlocked state and navigate to a home screen; and

in response to detecting the one or more inputs:

transitioning the electronic device from the locked state to the unlocked state; and

concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

31. The method of claim 27 , wherein the first user input is detected while the electronic device is in a first orientation, the method further comprising:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input:

in accordance with a determination that the detected third user input includes movement in a third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the second plurality of application icons that are different from the first plurality of application icons, wherein the application icons are selectable to display application user interfaces for corresponding applications; and

in accordance with a determination that the detected third user input includes movement in a fourth direction that is different from the third direction:

ceasing display of the first plurality of application icons; and

displaying, via the display device, the first set of one or more user interface elements.

32. The method of claim 31 , further comprising:

while displaying, via the display device, the first plurality of application icons, detecting a third user input that is different from the first user input, wherein the third user input is detected while the electronic device is in a second orientation that is different from the first orientation; and

in response to detecting the third user input, displaying, via the display device, the first set of one or more user interface elements, wherein the first set of one or more user interface elements are overlaid on top of a portion of the first plurality of application icons.

33. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a user request to vertically scroll the first set of one or more user interface elements; and

in response to detecting the user request to vertically scroll the first set of one or more user interface elements, vertically scroll the first set of one or more user interface elements, wherein a portion of the first set of one or more user interface elements ceases to be displayed, and a portion of a second set of one or more user interface elements is displayed.

34. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a fourth user input in a predefined region corresponding to the first set of one or more user interface elements, wherein the first set of one or more user interface elements includes a single user interface element; and

in response to detecting the fourth user input:

in accordance with a determination that the fourth user input includes movement in a fifth direction:

maintaining display of the single user interface element; and

displaying, via the display device, a second set of one or more user interface elements, wherein the single user interface element and the second set of one or more user interface elements are concurrently displayed.

35. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and a third set of one or more user interface elements, detecting a user request to enter an edit mode at a location corresponding to an application icon of the modified first plurality of application icons; and

in response to detecting the user request to enter the edit mode, causing one or more user interface elements and application icons to enter an edit mode.

36. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a change in orientation of the electronic device from a first orientation to a second orientation that is different from the first orientation; and

in response to detecting the change in orientation of the electronic device from the first orientation to the second orientation, displaying the first plurality of application icons without displaying the first set of one or more user interface elements.

37. The method of claim 36 , further comprising:

while displaying the first plurality of application icons without displaying the first set of one or more user interface elements, detecting a change in orientation of the electronic device from the second orientation to the first orientation; and

in response to detecting the change in orientation of the electronic device from the second orientation to the first orientation, concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements.

38. The method of claim 27 , further comprising:

while concurrently displaying, via the display device, the modified first plurality of application icons and the first set of one or more user interface elements, detecting a sixth user input with movement in a seventh direction; and

in response to detecting the sixth user input:

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the first set of one or more user interface elements:

displaying, via the display device, the first plurality of application icons; and

ceasing display of the first set of one or more user interface elements; and

in accordance with a determination that the sixth user input with movement in the seventh direction is detected in a predefined region corresponding to the modified first plurality of application icons, replacing display of the modified first plurality of application icons with display of the second plurality of application icons, wherein the predefined region corresponding to the modified first plurality of application icons does not overlap with the predefined region corresponding to the first set of one or more user interface elements.

39. The method of claim 27 , wherein the first set of one or more user interface elements includes a plurality of user interface elements corresponding to different applications.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded May 5, 2020
From: DASCOLA, JONATHAN R.; DE VRIES, NATHAN; KO, HEENA; DELLINGER, RICHARD R.; DYE, ALAN C.; LEMAY, STEPHEN O.; WALKIN, BRANDON
To: APPLE INC.
Reel/Frame 052573/0962 →
Continuity (2)
Provisional Application 62843507 · May 5, 2019
Related Publication 20200348822A1 · Nov 5, 2020
Cited By (4)
US 1,099,147 US 12,216,881 US 12,350,587 US 12,450,605