IP Library › Granted Patent US 12,008,230

Granted Patent B2

US 12,008,230 · App. 17/031,765 · Granted Jun 11, 2024

User interfaces related to time with an editable background

Inventors: Kevin Will Chen (Sunnyvale, CA); Teofila Connor (San Francisco, CA); Aurelio Guzman (San Jose, CA); Eileen Y. Lee (Cupertino, CA); Christopher Wilson (San Francisco, CA); Alan C. Dye (San Francisco, CA)

Assignee: Apple Inc.

G06F3/0488 G04G9/0064 G04G9/007 G04G9/0076 G04G21/08 G06F3/0362 G06F3/04817 G06F3/04842 G06F3/04845 G06F3/04847 G06F3/0485 G06F3/0487 G06F3/04883 G06T3/60 G06T11/40 G06T11/60 G06T2200/24

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 12,008,230
App. No.: 17/031,765
Granted: Jun 11, 2024
Kind: B2

External Links

USPTO Patent Center↗ Full Patent PDF↗

Abstract

The present disclosure generally describe user interfaces related to time. In accordance with embodiments, user interfaces for displaying and enabling an adjustment of a displayed time zone are described. In accordance with embodiments, user interfaces for initiating a measurement of time are described. In accordance with embodiments, user interfaces for enabling and displaying a user interface using a character are described. In accordance with embodiments, user interfaces for enabling and displaying a user interface that includes an indication of a current time are described. In accordance with embodiments, user interfaces for enabling configuration of a background for a user interface are described. In accordance with embodiments, user interfaces for enabling configuration of displayed applications on a user interface are described.

Claims (244)

1. A computer system that is a smartwatch, comprising:

a display generation component;

one or more input devices including a rotatable input mechanism;

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 generation component, a first page of an editing user interface that includes a plurality of pages for editing a background of a user interface that is a watch user interface that includes content overlaid on the background, wherein:

the first page of the editing user interface includes a representation of the background of the user interface that includes a first number of stripes that is greater than one, including a stripe displayed with a first visual characteristic; and

the first page of the editing user interface includes an indication of a second page of the plurality of pages, wherein the second page enables editing of a feature of the background, different from a number of stripes in the background of the user interface, that includes modifying the first visual characteristic of the stripe;

while displaying the first page of the editing user interface, detecting, via the one or more input devices, a first user input that is a first rotational input detected via the rotatable input mechanism;

while detecting the first user input:

in accordance with a determination that a first portion of the first user input corresponds to a first type of input, displaying, in the first page of the editing user interface, a representation of an updated background with a second number of stripes that is greater than the first number of stripes; and

in accordance with a determination that the first portion of the first user input corresponds to a second type of input different from the first type of input, displaying, in the first page of the editing user interface, the representation of the updated background with a third number of stripes that is less than the first number of stripes;

while displaying the first page of the editing user interface, detecting a second user input;

in response to detecting the second user input, displaying the second page of the plurality of pages;

while displaying the second page:

detecting a user input on the stripe;

in response to detecting the user input on the stripe, displaying the representation of the updated background with a visual indication that the stripe has been selected, wherein the visual indication is applied to the stripe;

while displaying the representation of the updated background with the visual indication that the stripe has been selected, detecting a third user input that is a second rotational input detected via the rotatable input mechanism; and

in response to detecting the third user input and while displaying the representation of the updated background with the visual indication that the stripe has been selected, displaying the representation of the updated background with the first visual characteristic of the stripe modified without modifying other stripes in the background that are displayed concurrently with the stripe;

detecting, via the one or more input devices, a fourth user input; and

in response to detecting the fourth user input, displaying, via the display generation component, the user interface with the updated background.

2. The computer system of claim 1 , wherein:

the content is an indication of a current time or current date.

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

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

while displaying, via the display generation component, the third page of the editing user interface for editing the background of the user interface, detecting, via the one or more input devices, a third rotational input; and

in response to detecting the third rotational input, rotating the representation of the background in accordance with the detected third rotational input, including modifying an angle of the stripe.

4. The computer system of claim 3 , wherein rotating the representation of the background includes rotating the representation of the background by predefined rotational increments with respect to a rotational axis point.

5. The computer system of claim 3 , wherein rotating the representation of the background includes:

changing a thickness of the first number of stripes within the representation of the background as the representation of the background is being rotated in accordance with the third rotational input; and

maintaining the first number of stripes within the representation of the background.

6. The computer system of claim 1 , wherein the content is a first complication, the one or more programs further including instructions for:

displaying the user interface with the updated background, wherein the first complication includes a primary color that is selected based on a first color of a first stripe of a plurality of stripes in the updated background.

7. The computer system of claim 6 , the one or more programs further including instructions for:

displaying the user interface with the updated background, wherein the first complication includes a secondary color that is selected based on a second color from a second stripe, different from the first stripe, of the plurality of stripes in the updated background.

8. The computer system of claim 1 , wherein the representation of the background is within a boundary having a first shape, and wherein the one or more programs further include instructions for:

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

in response to detecting the input:

displaying the representation of the background within a boundary having a second shape that is different from the first shape; and

changing a thickness of the first number of stripes, including the stripe, within the representation of the background.

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

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed within a first boundary, displaying the first arrangement of stripes with a first width; and

in accordance with a determination that the first arrangement of stripes is displayed within a second boundary that is different from the first boundary, displaying the first arrangement of stripes with a second width that is different from the first width.

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

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed at a first angle within a first boundary, displaying the first arrangement of stripes with a first width;

in accordance with a determination that the first arrangement of stripes is displayed at the first angle within a second boundary that is different from the first boundary, displaying the first arrangement of stripes with a second width;

in accordance with a determination that the first arrangement of stripes is displayed at a second angle that is different from the first angle within the first boundary, displaying the first arrangement of stripes with the first width; and

in accordance with a determination that the first arrangement of stripes is displayed at the second angle within the second boundary, displaying the first arrangement of stripes with a third width that is different from the second width.

11. The computer system of claim 1 , the one or more programs further including instructions for:

while displaying a third page of the editing user interface for editing the background of the user interface, detecting, via the one or more input devices, an input corresponding to a request to rotate the representation of the background; and

in response to detecting the input:

in accordance with a determination that the representation of the background is set to be displayed within a boundary of a first shape, rotating the representation of the background, including modifying an angle of the stripe, without adjusting a thickness of the first number of stripes within the representation of the background; and

in accordance with a determination that the representation of the background is set to be displayed within a boundary of a second shape:

rotating the representation of the background, including modifying the angle of the stripe; and

adjusting the thickness of the first number of stripes as the representation of the background is rotated.

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

while displaying a page of the editing user interface for editing the background of the user interface, detecting an input corresponding to a request to display a third page of the editing user interface for editing the background of the user interface; and

in response to detecting the input, displaying, via the display generation component, the third page of the editing user interface for editing the background of the user interface, wherein displaying the third page of the editing user interface for editing the background of the user interface includes:

in accordance with a determination that the representation of the background is in a first position:

rotating the representation of the background to a second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface; and

in accordance with a determination that the representation of the background is in the second position, maintaining display of the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface.

13. The computer system of claim 12 , wherein displaying the third page of the editing user interface for editing the background of the user interface includes:

in accordance with a determination that the representation of the background is in a third position:

rotating the representation of the background to the second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface.

14. The computer system of claim 1 , the one or more programs further including instructions for:

while detecting the first user input:

after displaying the representation of the updated background with the second number of stripes:

in accordance with a determination that a second portion of the first user input corresponds to the first type of input, displaying, in the first page of the editing user interface, a representation of an updated background with a fourth number of stripes that is greater than the second number of stripes, wherein the first portion of the first user input and the second portion of the first user input are both part of a continuous user input.

15. The computer system of claim 1 , wherein the feature of the background different from the number of stripes is one or more features selected from the group consisting of a color of one or more stripes, stripe angle, one or more complications, and border shape.

16. The computer system of claim 1 , wherein the first visual characteristic of the stripe is a color of the stripe, the one or more programs further including instructions for:

displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface;

while displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface, detecting, via the one or more input devices, a rotational input; and

in response to detecting the rotational input, modifying the color of the stripe.

17. The computer system of claim 16 , wherein the color of the stripe is modified in response to detecting the rotational input without modifying the color of other stripes in the background of the user interface that are displayed concurrently with the stripe.

18. The computer system of claim 16 , the one or more programs further including instructions for:

while displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface and prior to detecting the rotational input, detecting a respective user input selecting a respective stripe from among the number of stripes, wherein the stripe that is modified based on the rotational input is the respective stripe that was selected in response to detecting the respective user input.

19. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that is a smartwatch that is in communication with a display generation component and one or more input devices including a rotatable input mechanism, the one or more programs including instructions for:

displaying, via the display generation component, a first page of an editing user interface that includes a plurality of pages for editing a background of a user interface that includes content overlaid on the background, wherein:

the first page of the editing user interface includes a representation of the background of the user interface that is a watch user interface that includes a first number of stripes that is greater than one, including a stripe displayed with a first visual characteristic; and

while detecting the first user input:

while displaying the first page of the editing user interface, detecting a second user input;

in response to detecting the second user input, displaying the second page of the plurality of pages;

while displaying the second page:

detecting a user input on the stripe;

detecting, via the one or more input devices, a fourth user input; and

in response to detecting the fourth user input, displaying, via the display generation component, the user interface with the updated background.

20. The non-transitory computer-readable storage medium of claim 19 , wherein:

the content is an indication of a current time or current date.

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

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

in response to detecting the third rotational input, rotating the representation of the background in accordance with the detected third rotational input, including modifying an angle of the stripe.

22. The non-transitory computer-readable storage medium of claim 21 , wherein rotating the representation of the background includes rotating the representation of the background by predefined rotational increments with respect to a rotational axis point.

23. The non-transitory computer-readable storage medium of claim 21 , wherein rotating the representation of the background includes:

maintaining the first number of stripes within the representation of the background.

24. The non-transitory computer-readable storage medium of claim 19 , wherein the content is a first complication, the one or more programs further including instructions for:

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

26. The non-transitory computer-readable storage medium of claim 19 , wherein the representation of the background is within a boundary having a first shape, and wherein the one or more programs further include instructions for:

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

in response to detecting the input:

displaying the representation of the background within a boundary having a second shape that is different from the first shape; and

changing a thickness of the first number of stripes, including the stripe, within the representation of the background.

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

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed within a first boundary, displaying the first arrangement of stripes with a first width; and

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

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed at a first angle within a first boundary, displaying the first arrangement of stripes with a first width;

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

in response to detecting the input:

in accordance with a determination that the representation of the background is set to be displayed within a boundary of a second shape:

rotating the representation of the background, including modifying the angle of the stripe; and

adjusting the thickness of the first number of stripes as the representation of the background is rotated.

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

in accordance with a determination that the representation of the background is in a first position:

rotating the representation of the background to a second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface; and

31. The non-transitory computer-readable storage medium of claim 30 , wherein displaying the third page of the editing user interface for editing the background of the user interface includes:

in accordance with a determination that the representation of the background is in a third position:

rotating the representation of the background to the second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface.

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

while detecting the first user input:

after displaying the representation of the updated background with the second number of stripes:

33. The non-transitory computer-readable storage medium of claim 19 , wherein the feature of the background different from the number of stripes is one or more features selected from the group consisting of a color of one or more stripes, stripe angle, one or more complications, and border shape.

34. The non-transitory computer-readable storage medium of claim 19 , wherein the first visual characteristic of the stripe is a color of the stripe, the one or more programs further including instructions for:

displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface;

in response to detecting the rotational input, modifying the color of the stripe.

35. The non-transitory computer-readable storage medium of claim 34 , wherein the color of the stripe is modified in response to detecting the rotational input without modifying the color of other stripes in the background of the user interface that are displayed concurrently with the stripe.

36. The non-transitory computer-readable storage medium of claim 34 , the one or more programs further including instructions for:

displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface;

in response to detecting the rotational input, modifying the color of the stripe.

37. A method, comprising:

at a computer system that is a smartwatch that is in communication with a display generation component and one or more input devices including a rotatable input mechanism:

while detecting the first user input:

while displaying the first page of the editing user interface, detecting a second user input;

in response to detecting the second user input, displaying the second page of the plurality of pages;

while displaying the second page:

detecting a user input on the stripe;

detecting, via the one or more input devices, a fourth user input; and

in response to detecting the fourth user input, displaying, via the display generation component, the user interface with the updated background.

38. The method of claim 37 , wherein:

the content is an indication of a current time or current date.

39. The method of claim 37 , further comprising:

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

in response to detecting the third rotational input, rotating the representation of the background in accordance with the detected third rotational input, including modifying an angle of the stripe.

40. The method of claim 39 , wherein rotating the representation of the background includes rotating the representation of the background by predefined rotational increments with respect to a rotational axis point.

41. The method of claim 39 , wherein rotating the representation of the background includes:

maintaining the first number of stripes within the representation of the background.

42. The method of claim 37 , wherein the content is a first complication, further comprising:

43. The method of claim 42 , further comprising:

44. The method of claim 37 , wherein the representation of the background is within a boundary having a first shape, further comprising:

displaying, via the display generation component, a third page of the editing user interface for editing the background of the user interface;

in response to detecting the input:

displaying the representation of the background within a boundary having a second shape that is different from the first shape; and

changing a thickness of the first number of stripes, including the stripe, within the representation of the background.

45. The method of claim 37 , further comprising:

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed within a first boundary, displaying the first arrangement of stripes with a first width; and

46. The method of claim 37 , further comprising:

while displaying the editing user interface for editing the background of the user interface, receiving a request to display a watch face with a first arrangement of stripes; and

in response to the request to display the watch face:

in accordance with a determination that the first arrangement of stripes is displayed at a first angle within a first boundary, displaying the first arrangement of stripes with a first width;

47. The method of claim 37 , further comprising:

in response to detecting the input:

in accordance with a determination that the representation of the background is set to be displayed within a boundary of a second shape:

rotating the representation of the background, including modifying the angle of the stripe; and

adjusting the thickness of the first number of stripes as the representation of the background is rotated.

48. The method of claim 37 , further comprising:

in accordance with a determination that the representation of the background is in a first position:

rotating the representation of the background to a second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface; and

in accordance with a determination that the representation of the background is in the second position, maintaining display of the representation of the background in the second position in the third page of editing user interface for editing the background of the user interface.

49. The method of claim 48 , wherein displaying the third page of the editing user interface for editing the background of the user interface includes:

in accordance with a determination that the representation of the background is in a third position:

rotating the representation of the background to the second position; and

displaying the representation of the background in the second position in the third page of the editing user interface for editing the background of the user interface.

50. The method of claim 37 , further comprising:

while detecting the first user input:

after displaying the representation of the updated background with the second number of stripes:

51. The method of claim 37 , wherein the feature of the background different from the number of stripes is one or more features selected from the group consisting of a color of one or more stripes, stripe angle, one or more complications, and border shape.

52. The method of claim 37 , wherein the first visual characteristic of the stripe is a color of the stripe, further comprising:

displaying, via the display generation component, the second page of the editing user interface for editing the background of the user interface;

in response to detecting the rotational input, modifying the color of the stripe.

53. The method of claim 52 , wherein the color of the stripe is modified in response to detecting the rotational input without modifying the color of other stripes in the background of the user interface that are displayed concurrently with the stripe.

54. The method of claim 52 , further comprising:

Assignments (2)

ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded May 3, 2024

From: DYE, ALAN C.

To: APPLE INC.

Reel/Frame 067306/0028 →

ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Mar 8, 2021

From: CHEN, KEVIN WILL; CONNOR, TEOFILA; GUZMAN, AURELIO; LEE, EILEEN Y.; WILSON, CHRISTOPHER

To: APPLE INC.

Reel/Frame 055524/0307 →

Continuity (3)

Provisional Application 63078314 · Sep 14, 2020

Provisional Application 63023194 · May 11, 2020

Related Publication 20210349611A1 · Nov 11, 2021

Cited By (1)

US 1,072,839