Clock faces for an electronic device

• US 10,620,590 B1
• Filed: 09/27/2019
• Issued: 04/14/2020
• Est. Priority Date: 05/06/2019
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Guzman, Aurelio, Chen, Kevin Will, Wilson, Christopher, Rogoyski, Alexander, Dye, Alan C.
• Primary Examiner(s): Belousov, Andrey
• Application Number:
  US16/585,366
• Time in Patent Office: 200 Days
• Field of Search: 715726, 715764, 715772
• CPC Class Codes: G04G 21/08 Touch switches specially adapted for time-pieces
• CPC Class Codes: G04G 9/0064 in which functions not related to time can be displayed digital output to display devices of digital computers G06F3/14
• CPC Class Codes: G04G 9/007 combined with a calculator or computing means
• CPC Class Codes: G04G 9/027 provided with means for displaying at will a time indication or a date or a part thereof
• CPC Class Codes: G04G 9/04 by controlling light sources, e.g. electroluminescent diodes G04G9/0058 takes precedence
• CPC Class Codes: G04G 9/06 using light valves, e.g. liquid crystals
• CPC Class Codes: G04G 9/062 using multiplexing techniques
• CPC Class Codes: G06F 1/163 Wearable computers, e.g. on a belt
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• CPC Class Codes: G06F 3/0362 with detection of 1D translations or rotations of an operating part of the device, e.g. scroll wheels, sliders, knobs, rollers or belts
• CPC Class Codes: G06F 3/041 Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
• 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/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

A device displays a clock face in response to receiving a request to display a clock face. In accordance with a determination that a respective graphical element is to be displayed at a respective location on the clock face, the clock face includes a plurality of analog-dial graphical elements corresponding to respective units of time, where the plurality of analog-dial graphical elements includes a first analog-dial graphical element that occupies a first position and has a first size. In accordance with a determination that the respective graphical element is not to be displayed at a respective location on the clock face, the clock face includes the plurality of analog-dial graphical elements corresponding to the respective units of time, and the first analog-dial graphical element of the plurality of analog-dial graphical elements occupies a second position and/or has a second size. In some embodiments, clock faces are reordered.

Claims

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 clock face including;

a plurality of clock hands including a first clock hand and a second clock hand; and

a color gradient of the first clock face, the color gradient of the first clock face including a gradual transition from a first color at a first edge of the color gradient of the first clock face to a second color at a second edge of the color gradient of the first clock face, wherein the first edge of the color gradient of the first clock face is selected based on a position of the first clock hand of the first clock face and the second edge of the color gradient of the first clock face is selected based on the position of the first clock hand of the first clock face;

detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and

in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, displaying, via the display device, a second clock face including;

the plurality of clock hands including the first clock hand and the second clock hand; and

a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from the first color at a first edge of the first color gradient of the second clock face to the second color at a second edge of the first color gradient of the second clock face, wherein the first edge of the first color gradient of the second clock face is selected based on a position of the first clock hand of the second clock face and the second edge of the first color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face; and

a second color gradient of the second clock face, the second color gradient of the second clock face including a gradual transition from the first color at a first edge of the second color gradient of the second clock face to the second color at a second edge of the second color gradient of the second clock face, wherein the second edge of the second color gradient of the second clock face is selected based on the position of the first clock hand of the second clock face.

2. The electronic device of claim 1, wherein the first clock hand of the first clock face indicates seconds of time.

3. The electronic device of claim 1, wherein the first edge of the second color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face.

4. The electronic device of claim 1, wherein the plurality of clock hands of the second clock face includes a third clock hand, and wherein the first edge of the second color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

5. The electronic device of claim 4, wherein the second clock face includes a third color gradient of the second clock face, the third color gradient of the second clock face including a gradual transition from the first color at a first edge of the third color gradient of the second clock face to the second color at a second edge of the third color gradient of the second clock face, wherein the first edge of the third color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face and the second edge of the third color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

6. The electronic device of claim 1, wherein detecting the sequence of one or more inputs includes:

detecting a first input in the sequence of inputs;

in response to detecting the first input, displaying a clock face editing user interface; and

while displaying the clock face editing user interface, detecting a second sequence of one or more inputs that is a subset of the first sequence of one or more inputs.

7. The electronic device of claim 1, wherein a spatial extent of the first color gradient of the second clock face is different from a spatial extent of the second color gradient of the second clock face.

8. The electronic device of claim 1, wherein displaying the second clock face includes:

in accordance with the first clock hand of the second clock face having a first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a first spatial extent; and

in accordance with the first clock hand of the second clock face having a second position relative to the second clock hand of the second clock face different from the first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a second spatial extent different from the first spatial extent.

9. The electronic device of claim 1, wherein the second color is selected based on the first color and is not user-configurable.

10. The electronic device of claim 1, wherein the first color is a first shade of grey in a range of greys including black and while, and the second color is a second shade of grey in the range of greys including black and white, wherein the first color is different from the second color.

11. The electronic device of claim 1, wherein the first clock hand includes the first color and the second clock hand includes the second color.

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

after displaying the second clock face including the first color gradient of the second clock face and the second color gradient of the second clock face, receiving a request to display a current clock face; and

in response to receiving the request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.

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

after displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face;

receiving a second request to display a current clock face; and

in response to receiving the second request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.

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 clock face including;

a plurality of clock hands including a first clock hand and a second clock hand; and

a color gradient of the first clock face, the color gradient of the first clock face including a gradual transition from a first color at a first edge of the color gradient of the first clock face to a second color at a second edge of the color gradient of the first clock face, wherein the first edge of the color gradient of the first clock face is selected based on a position of the first clock hand of the first clock face and the second edge of the color gradient of the first clock face is selected based on the position of the first clock hand of the first clock face;

detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and

in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, displaying, via the display device, a second clock face including;

the plurality of clock hands including the first clock hand and the second clock hand; and

a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from the first color at a first edge of the first color gradient of the second clock face to the second color at a second edge of the first color gradient of the second clock face, wherein the first edge of the first color gradient of the second clock face is selected based on a position of the first clock hand of the second clock face and the second edge of the first color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face; and

a second color gradient of the second clock face, the second color gradient of the second clock face including a gradual transition from the first color at a first edge of the second color gradient of the second clock face to the second color at a second edge of the second color gradient of the second clock face, wherein the second edge of the second color gradient of the second clock face is selected based on the position of the first clock hand of the second clock face.

16. The non-transitory computer-readable storage medium of claim 14, wherein the first clock hand of the first clock face indicates seconds of time.

17. The non-transitory computer-readable storage medium of claim 14, wherein the first edge of the second color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face.

18. The non-transitory computer-readable storage medium of claim 14, wherein the plurality of clock hands of the second clock face includes a third clock hand, and wherein the first edge of the second color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

19. The non-transitory computer-readable storage medium of claim 18, wherein the second clock face includes a third color gradient of the second clock face, the third color gradient of the second clock face including a gradual transition from the first color at a first edge of the third color gradient of the second clock face to the second color at a second edge of the third color gradient of the second clock face, wherein the first edge of the third color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face and the second edge of the third color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

20. The non-transitory computer-readable storage medium of claim 14, wherein detecting the sequence of one or more inputs includes:

detecting a first input in the sequence of inputs;

in response to detecting the first input, displaying a clock face editing user interface; and

while displaying the clock face editing user interface, detecting a second sequence of one or more inputs that is a subset of the first sequence of one or more inputs.

21. The non-transitory computer-readable storage medium of claim 14, wherein a spatial extent of the first color gradient of the second clock face is different from a spatial extent of the second color gradient of the second clock face.

22. The non-transitory computer-readable storage medium of claim 14, wherein displaying the second clock face includes:

in accordance with the first clock hand of the second clock face having a first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a first spatial extent; and

in accordance with the first clock hand of the second clock face having a second position relative to the second clock hand of the second clock face different from the first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a second spatial extent different from the first spatial extent.

23. The non-transitory computer-readable storage medium of claim 14, wherein the second color is selected based on the first color and is not user-configurable.

24. The non-transitory computer-readable storage medium of claim 14, wherein the first color is a first shade of grey in a range of greys including black and while, and the second color is a second shade of grey in the range of greys including black and white, wherein the first color is different from the second color.

25. The non-transitory computer-readable storage medium of claim 14, wherein the first clock hand includes the first color and the second clock hand includes the second color.

26. The non-transitory computer-readable storage medium of claim 14, wherein the one or more programs further comprises instructions for:

after displaying the second clock face including the first color gradient of the second clock face and the second color gradient of the second clock face, receiving a request to display a current clock face; and

in response to receiving the request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.

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

after displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face;

receiving a second request to display a current clock face; and

in response to receiving the second request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.

15. A method comprising:

at an electronic device with a display device;

displaying, via the display device, a first clock face including;

a plurality of clock hands including a first clock hand and a second clock hand; and

a color gradient of the first clock face, the color gradient of the first clock face including a gradual transition from a first color at a first edge of the color gradient of the first clock face to a second color at a second edge of the color gradient of the first clock face, wherein the first edge of the color gradient of the first clock face is selected based on a position of the first clock hand of the first clock face and the second edge of the color gradient of the first clock face is selected based on the position of the first clock hand of the first clock face;

detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and

in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, displaying, via the display device, a second clock face including;

the plurality of clock hands including the first clock hand and the second clock hand; and

a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from the first color at a first edge of the first color gradient of the second clock face to the second color at a second edge of the first color gradient of the second clock face, wherein the first edge of the first color gradient of the second clock face is selected based on a position of the first clock hand of the second clock face and the second edge of the first color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face; and

a second color gradient of the second clock face, the second color gradient of the second clock face including a gradual transition from the first color at a first edge of the second color gradient of the second clock face to the second color at a second edge of the second color gradient of the second clock face, wherein the second edge of the second color gradient of the second clock face is selected based on the position of the first clock hand of the second clock face.

28. The method of claim 15, wherein the first clock hand of the first clock face indicates seconds of time.

29. The method of claim 15, wherein the first edge of the second color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face.

30. The method of claim 15, wherein the plurality of clock hands of the second clock face includes a third clock hand, and wherein the first edge of the second color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

31. The method of claim 30, wherein the second clock face includes a third color gradient of the second clock face, the third color gradient of the second clock face including a gradual transition from the first color at a first edge of the third color gradient of the second clock face to the second color at a second edge of the third color gradient of the second clock face, wherein the first edge of the third color gradient of the second clock face is selected based on a position of the second clock hand of the second clock face and the second edge of the third color gradient of the second clock face is selected based on a position of the third clock hand of the second clock face.

32. The method of claim 15, wherein detecting the sequence of one or more inputs includes:

detecting a first input in the sequence of inputs;

in response to detecting the first input, displaying a clock face editing user interface; and

while displaying the clock face editing user interface, detecting a second sequence of one or more inputs that is a subset of the first sequence of one or more inputs.

33. The method of claim 15, wherein a spatial extent of the first color gradient of the second clock face is different from a spatial extent of the second color gradient of the second clock face.

34. The method of claim 15, wherein displaying the second clock face includes:

in accordance with the first clock hand of the second clock face having a first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a first spatial extent; and

in accordance with the first clock hand of the second clock face having a second position relative to the second clock hand of the second clock face different from the first position relative to the second clock hand of the second clock face, the first color gradient of the second clock face has a second spatial extent different from the first spatial extent.

35. The method of claim 15, wherein the second color is selected based on the first color and is not user-configurable.

36. The method of claim 15, wherein the first color is a first shade of grey in a range of greys including black and while, and the second color is a second shade of grey in the range of greys including black and white, wherein the first color is different from the second color.

37. The method of claim 15, wherein the first clock hand includes the first color and the second clock hand includes the second color.

38. The method of claim 15, further comprising:

after displaying the second clock face including the first color gradient of the second clock face and the second color gradient of the second clock face, receiving a request to display a current clock face; and

in response to receiving the request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.

39. The method of claim 38, further comprising:

after displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face;

receiving a second request to display a current clock face; and

in response to receiving the second request to display a current clock face;

in accordance with a determination that the position of the first clock hand is to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and without the second color gradient of the second clock face; and

in accordance with a determination that the position of the first clock hand is not to correspond to the position of the second clock hand, displaying, via the display device, the second clock face with the first color gradient of the second clock face and with the second color gradient of the second clock face.