Context-specific user interfaces

• US 9,582,165 B2
• Filed: 07/31/2015
• Issued: 02/28/2017
• Est. Priority Date: 08/02/2014
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Wilson, Christopher, Butcher, Gary Ian, Chen, Kevin Will, Chaudhri, Imran, Dye, Alan C., Guzman, Aurelio, Ive, Jonathan P., Karunamuni, Chanaka G., Kocienda, Kenneth, Lynch, Kevin, Mari, Pedro, Sabatelli, Alessandro, Schmitt, Brian, Wilson, Eric Lance, Yang, Lawrence Y.
• Primary Examiner(s): PITARO, RYAN F
• Application Number:
  US14/815,898
• Publication Number:
  US 20160034148A1
• Time in Patent Office: 578 Days
• US Class Current: 1/1
• CPC Class Codes: G04G 13/02 at preselected times, e.g. alarm clocks
• CPC Class Codes: G04G 21/02 Detectors of external physical values, e.g. temperature
• 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/0076 in which the time in another time-zone or in another city can be displayed at will
• CPC Class Codes: G06F 1/163 Wearable computers, e.g. on a belt
• CPC Class Codes: G06F 1/169 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes G06F1/1643 takes precedence; constructional details of pointing devices G06F3/033
• 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/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• 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/0416 Control or interface arrangements specially adapted for digitisers
• 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/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/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 : for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 9/451 : Execution arrangements for user interfaces
• CPC Class Codes: G06T 13/80 : 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 2213/00 : Indexing scheme for animation
• CPC Class Codes: G06T 3/60 : Rotation of whole images or parts thereof

Abstract

Context-specific user interfaces for use with a portable multifunction device are disclosed. The methods described herein for context-specific user interfaces provide indications of time and, optionally, a variety of additional information. Further disclosed are non-transitory computer-readable storage media, systems, and devices configured to perform the methods described herein.

Claims

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device with a touch-sensitive display configured to detect intensity of contacts, cause the device to:

display on the touch-sensitive display a user interface screen including a clock face;

detect a contact on the touch-sensitive display, the contact having a characteristic intensity, and in response to detecting the contact;

determine whether the characteristic intensity is above an intensity threshold; and

in accordance with a determination that the characteristic intensity is above the intensity threshold;

enter a clock face edit mode of the electronic device;

visually distinguish the displayed clock face to indicate the clock face edit mode;

detect a second contact on the touch-sensitive display, wherein the second contact is on the visually distinguished displayed clock face, and in response to detecting the second contact;

visually indicate an element of the clock face for editing;

wherein the clock face includes an affordance representing an application, wherein the contact is on the affordance representing the application on the touch-sensitive display, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to;

in accordance with a determination that the characteristic intensity is not above the intensity threshold;

launch the application represented by the affordance.

2. The non-transitory computer readable storage medium of claim 1, wherein visually distinguishing the displayed clock face comprises reducing size of the displayed clock face.

3. The non-transitory computer readable storage medium of claim 1, wherein visually indicating the element of the clock face for editing comprises one or more of:

visibly distinguishing an outline around the element of the clock face;

animating the element of the clock face to depict a rhythmic expansion and contraction of the element of the clock face;

animating the element of the clock face to depict a flashing of the element of the clock face; and

changing a color of the element of the clock face.

4. The non-transitory computer readable storage medium of claim 3, wherein visually indicating the element of the clock face for editing comprises visibly distinguishing an outline around the element of the clock face, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

animate the outline around the element of the clock face to depict a rhythmic expansion and contraction of the outline.

5. The non-transitory computer readable storage medium of claim 1, wherein the electronic device comprises a rotatable input mechanism, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face edit mode;

detect a movement of the rotatable input mechanism, and in response to detecting the movement;

while the clock face is displayed, edit an aspect of the visually indicated element of the clock face.

6. The non-transitory computer readable storage medium of claim 5, wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the visually indicated element of the clock face.

7. The non-transitory computer readable storage medium of claim 6, wherein the visually indicated element of the clock face is a clock face background, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the clock face background.

8. The non-transitory computer readable storage medium of claim 6, wherein the clock face comprises a seconds hand, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the seconds hand.

9. The non-transitory computer readable storage medium of claim 5, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a first set of information obtained from the application, and wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a second set of information obtained from the application.

10. The non-transitory computer readable storage medium of claim 5, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a set of information obtained from a first application, wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a set of information obtained from a second application, and wherein the first and the second applications are different.

11. The non-transitory computer readable storage medium of claim 5, wherein the clock face comprises a plurality of visible divisions of time, wherein the plurality comprises a first number of visible divisions of time, and wherein editing the aspect of the visually indicated element of the clock face comprises changing the first number of visible divisions of time in the plurality to a second number of visible divisions of time in the plurality.

12. The non-transitory computer readable storage medium of claim 11, wherein the second number is greater than the first number.

13. The non-transitory computer readable storage medium of claim 11, wherein the second number is less than the first number.

14. The non-transitory computer readable storage medium of claim 5, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face edit mode;

display an indicator of position along a series of positions, the indicator indicating a first position along the series; and

in response to detecting the movement of the rotatable input mechanism;

update the indicator of position to indicate a second position along the series,

wherein the indicator of position along a series of positions indicates a position of a currently selected option for the editable aspect along a series of selectable options for the editable aspect of the visually indicated element of the clock face.

15. The non-transitory computer readable storage medium of claim 14, wherein the indicator is displayed on the display at a position adjacent to the rotatable input mechanism.

16. The non-transitory computer readable storage medium of claim 14, wherein the editable aspect of the visually indicated element of the clock face is color, and wherein the indicator comprises a series of colors, wherein each position in the series depicts a color, and wherein the color of the currently indicated position along the series is representative of the color of the visually indicated element.

17. The non-transitory computer readable storage medium of claim 5, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after visually indicating the element of the clock face for editing;

detect a third contact on the touch-sensitive display at a second displayed element of the clock face, and in response to detecting the third contact;

remove the visual indication of the first element of the clock face for editing; and

visually indicate the second element of the clock face for editing.

18. The non-transitory computer readable storage medium of claim 17, wherein before detecting the third contact, the indicated first element of the clock face is indicated by an outline around the element, and wherein removing the visual indication of the first element comprises translating the outline on-screen away from the first element.

19. The non-transitory computer readable storage medium of claim 17, wherein visually indicating the second element of the clock face for editing comprises:

translating a visible outline on-screen towards the second element; and

displaying the visible outline around the second element, wherein the translating and the displaying comprise a continuous on-screen movement of the visible outline.

20. The non-transitory computer readable storage medium of claim 5, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after visually indicating the first element of the clock face for editing;

detect a swipe on the touch-sensitive display, and in response to detecting the swipe;

remove the visual indication of the first element of the clock face for editing;

visually indicate a second element of the clock face for editing; and

after visually indicating the second element of the clock face for editing, detect a user input, and in response to detecting the user input;

edit a second aspect of the visually indicated second element of the clock face, wherein the second aspect of the second element is different from the first aspect of the first element of the clock face.

21. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

display a paging affordance on the user interface screen, wherein the paging affordance indicates an editable aspect of the currently indicated element of the clock face, a position of the editable aspect of the currently indicated element within a sequence of editable aspects, and a total number of editable aspects within the sequence of editable aspects.

22. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face edit mode of the electronic device;

detect a third contact on the touch-sensitive display, the third contact having a second characteristic intensity, and in response to detecting the third contact;

determine whether the second characteristic intensity is above a second intensity threshold; and

in accordance with a determination that the second characteristic intensity is above the second intensity threshold;

exit the clock face edit mode; and

cease to visually distinguish the displayed clock face.

23. The non-transitory computer readable storage medium of claim 22, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

24. The non-transitory computer readable storage medium of claim 1, wherein the electronic device comprises a rotatable and depressible input mechanism, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face edit mode of the electronic device;

detect a depression of the rotatable and depressible input mechanism, and in response to detecting the depression;

exit the clock face edit mode; and

cease to visually distinguish the displayed clock face.

25. The non-transitory computer readable storage medium of claim 24, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

26. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

receive a user input, and in response to receiving the user input;

enter a color selection mode of the electronic device;

while in the color selection mode of the electronic device, receive data representing an image, and in response to receiving the data;

select a color of the image; and

update the displayed clock face, wherein updating the displayed clock face comprises changing a color of the clock face to the color of the image.

27. The non-transitory computer readable storage medium of claim 26, wherein selecting the color of the image comprises selecting a color with greatest prevalence in the image.

28. A method, comprising:

at an electronic device with a touch-sensitive display configured to detect intensity of contacts;

displaying on the touch-sensitive display a user interface screen including a clock face;

detecting a contact on the touch-sensitive display, the contact having a characteristic intensity, and in response to detecting the contact;

determining whether the characteristic intensity is above an intensity threshold; and

in accordance with a determination that the characteristic intensity is above the intensity threshold;

entering a clock face edit mode of the electronic device;

visually distinguishing the displayed clock face to indicate the clock face edit mode; and

detecting a second contact on the touch-sensitive display, wherein the second contact is on the visually distinguished displayed clock face, and in response to detecting the second contact;

visually indicating an element of the clock face for editing;

wherein the clock face includes an affordance representing an application, wherein the contact is on the affordance representing the application on the touch-sensitive display, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to;

in accordance with a determination that the characteristic intensity is not above the intensity threshold;

launch the application represented by the affordance.

29. The method of claim 28, wherein visually distinguishing the displayed clock face comprises reducing size of the displayed clock face.

30. The method of claim 28, wherein visually indicating the element of the clock face for editing comprises one or more of:

visibly distinguishing an outline around the element of the clock face;

animating the element of the clock face to depict a rhythmic expansion and contraction of the element of the clock face;

animating the element of the clock face to depict a flashing of the element of the clock face; and

changing a color of the element of the clock face.

31. The method of claim 30, wherein visually indicating the element of the clock face for editing comprises visibly distinguishing an outline around the element of the clock face, and wherein the method further comprises:

animating the outline around the element of the clock face to depict a rhythmic expansion and contraction of the outline.

32. The method of claim 28, wherein the electronic device comprises a rotatable input mechanism, and the method further comprises:

after entering the clock face edit mode;

detecting a movement of the rotatable input mechanism, and in response to detecting the movement;

while the clock face is displayed, editing an aspect of the visually indicated element of the clock face.

33. The method of claim 32, wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the visually indicated element of the clock face.

34. The method of claim 33, wherein the visually indicated element of the clock face is a clock face background, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the clock face background.

35. The method of claim 33, wherein the clock face comprises a seconds hand, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the seconds hand.

36. The method of claim 32, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a first set of information obtained from the application, and wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a second set of information obtained from the application.

37. The method of claim 32, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a set of information obtained from a first application, wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a set of information obtained from a second application, and wherein the first and the second applications are different.

38. The method of claim 32, wherein the clock face comprises a plurality of visible divisions of time, wherein the plurality comprises a first number of visible divisions of time, and wherein editing the aspect of the visually indicated element of the clock face comprises changing the first number of visible divisions of time in the plurality to a second number of visible divisions of time in the plurality.

40. The method of claim 38, wherein the second number is less than the first number.

41. The method of claim 32, further comprising:

after entering the clock face edit mode;

displaying an indicator of position along a series of positions, the indicator indicating a first position along the series; and

in response to detecting the movement of the rotatable input mechanism;

updating the indicator of position to indicate a second position along the series,

wherein the indicator of position along a series of positions indicates a position of a currently selected option for the editable aspect along a series of selectable options for the editable aspect of the visually indicated element of the clock face.

42. The method of claim 41, wherein the indicator is displayed on the display at a position adjacent to the rotatable input mechanism.

43. The method of claim 41, wherein the editable aspect of the visually indicated element of the clock face is color, and wherein the indicator comprises a series of colors, wherein each position in the series depicts a color, and wherein the color of the currently indicated position along the series is representative of the color of the visually indicated element.

44. The method of claim 32, further comprising:

after visually indicating the element of the clock face for editing;

detecting a third contact on the touch-sensitive display at a second displayed element of the clock face, and in response to detecting the third contact;

removing the visual indication of the first element of the clock face for editing; and

visually indicating the second element of the clock face for editing.

45. The method of claim 44, wherein before detecting the third contact, the indicated first element of the clock face is indicated by an outline around the element, and wherein removing the visual indication of the first element comprises translating the outline on-screen away from the first element.

46. The method of claim 44, wherein visually indicating the second element of the clock face for editing comprises:

translating a visible outline on-screen towards the second element; and

displaying the visible outline around the second element, wherein the translating and the displaying comprise a continuous on-screen movement of the visible outline.

47. The method of claim 32, further comprising:

after visually indicating the first element of the clock face for editing;

detecting a swipe on the touch-sensitive display, and in response to detecting the swipe;

removing the visual indication of the first element of the clock face for editing;

visually indicating a second element of the clock face for editing; and

after visually indicating the second element of the clock face for editing, detect a user input, and in response to detecting the user input;

editing a second aspect of the visually indicated second element of the clock face, wherein the second aspect of the second element is different from the first aspect of the first element of the clock face.

48. The method of claim 28, further comprising:

displaying a paging affordance on the user interface screen, wherein the paging affordance indicates an editable aspect of the currently indicated element of the clock face, a position of the editable aspect of the currently indicated element within a sequence of editable aspects, and a total number of editable aspects within the sequence of editable aspects.

49. The method of claim 28, further comprising:

after entering the clock face edit mode of the electronic device;

detecting a third contact on the touch-sensitive display, the third contact having a second characteristic intensity, and in response to detecting the third contact;

determining whether the second characteristic intensity is above a second intensity threshold; and

in accordance with a determination that the second characteristic intensity is above the second intensity threshold;

exiting the clock face edit mode; and

ceasing to visually distinguish the displayed clock face.

50. The method of claim 49, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

51. The method of claim 28, wherein the electronic device comprises a rotatable and depressible input mechanism, and wherein the method further comprises:

after entering the clock face edit mode of the electronic device;

detecting a depression of the rotatable and depressible input mechanism, and in response to detecting the depression;

exiting the clock face edit mode; and

ceasing to visually distinguish the displayed clock face.

52. The method of claim 51, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

53. The method of claim 28, further comprising:

receiving a user input, and in response to receiving the user input;

entering a color selection mode of the electronic device;

while in the color selection mode of the electronic device, receiving data representing an image, and in response to receiving the data;

selecting a color of the image; and

updating the displayed clock face, wherein updating the displayed clock face comprises changing a color of the clock face to the color of the image.

54. The method of claim 53, wherein selecting the color of the image comprises selecting a color with greatest prevalence in the image.

39. The method of claim , wherein the second number is greater than the first number.

55. An electronic device, comprising:

a touch-sensitive display configured to detect intensity of contacts;

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying on the touch-sensitive display a user interface screen including a clock face;

detecting a contact on the touch-sensitive display, the contact having a characteristic intensity, and in response to detecting the contact;

determining whether the characteristic intensity is above an intensity threshold; and

in accordance with a determination that the characteristic intensity is above the intensity threshold;

entering a clock face edit mode of the electronic device;

visually distinguishing the displayed clock face to indicate the clock face edit mode; and

detecting a second contact on the touch-sensitive display, wherein the second contact is on the visually distinguished displayed clock face, and in response to detecting the second contact;

visually indicating an element of the clock face for editing;

wherein the clock face includes an affordance representing an application, wherein the contact is on the affordance representing the application on the touch-sensitive display, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to;

in accordance with a determination that the characteristic intensity is not above the intensity threshold;

launch the application represented by the affordance.

56. The electronic device of claim 55, wherein visually distinguishing the displayed clock face comprises reducing size of the displayed clock face.

57. The electronic device of claim 55, wherein visually indicating the element of the clock face for editing comprises one or more of:

visibly distinguishing an outline around the element of the clock face;

animating the element of the clock face to depict a rhythmic expansion and contraction of the element of the clock face;

animating the element of the clock face to depict a flashing of the element of the clock face; and

changing a color of the element of the clock face.

58. The electronic device of claim 57, wherein visually indicating the element of the clock face for editing comprises visibly distinguishing an outline around the element of the clock face, and wherein the one or more programs further include instructions for:

animating the outline around the element of the clock face to depict a rhythmic expansion and contraction of the outline.

59. The electronic device of claim 55, wherein the electronic device comprises a rotatable input mechanism, and wherein the one or more programs further include instructions for:

after entering the clock face edit mode;

detecting a movement of the rotatable input mechanism, and in response to detecting the movement;

while the clock face is displayed, editing an aspect of the visually indicated element of the clock face.

60. The electronic device of claim 59, wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the visually indicated element of the clock face.

61. The electronic device of claim 60, wherein the visually indicated element of the clock face is a clock face background, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the clock face background.

62. The electronic device of claim 60, wherein the clock face comprises a seconds hand, and wherein editing the aspect of the visually indicated element of the clock face comprises changing a color of the seconds hand.

63. The electronic device of claim 59, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a first set of information obtained from the application, and wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a second set of information obtained from the application.

64. The electronic device of claim 59, wherein the clock face comprises an affordance representing an application, wherein the affordance is displayed as a complication associated with the clock face, wherein the affordance indicates a set of information obtained from a first application, wherein editing the aspect of the visually indicated element of the clock face comprises updating the affordance to indicate a set of information obtained from a second application, and wherein the first and the second applications are different.

65. The electronic device of claim 59, wherein the clock face comprises a plurality of visible divisions of time, wherein the plurality comprises a first number of visible divisions of time, and wherein editing the aspect of the visually indicated element of the clock face comprises changing the first number of visible divisions of time in the plurality to a second number of visible divisions of time in the plurality.

66. The electronic device of claim 65, wherein the second number is greater than the first number.

67. The electronic device of claim 65, wherein the second number is less than the first number.

68. The electronic device of claim 59, wherein the one or more programs further include instructions for:

after entering the clock face edit mode;

displaying an indicator of position along a series of positions, the indicator indicating a first position along the series; and

in response to detecting the movement of the rotatable input mechanism;

updating the indicator of position to indicate a second position along the series,

wherein the indicator of position along a series of positions indicates a position of a currently selected option for the editable aspect along a series of selectable options for the editable aspect of the visually indicated element of the clock face.

69. The electronic device of claim 68, wherein the indicator is displayed on the display at a position adjacent to the rotatable input mechanism.

70. The electronic device of claim 68, wherein the editable aspect of the visually indicated element of the clock face is color, and wherein the indicator comprises a series of colors, wherein each position in the series depicts a color, and wherein the color of the currently indicated position along the series is representative of the color of the visually indicated element.

71. The electronic device of claim 60, wherein the one or more programs further include instructions for:

after visually indicating the element of the clock face for editing;

detecting a third contact on the touch-sensitive display at a second displayed element of the clock face, and in response to detecting the third contact;

removing the visual indication of the first element of the clock face for editing; and

visually indicating the second element of the clock face for editing.

72. The electronic device of claim 71, wherein before detecting the third contact, the indicated first element of the clock face is indicated by an outline around the element, and wherein removing the visual indication of the first element comprises translating the outline on-screen away from the first element.

73. The electronic device of claim 71, wherein visually indicating the second element of the clock face for editing comprises:

translating a visible outline on-screen towards the second element; and

displaying the visible outline around the second element, wherein the translating and the displaying comprise a continuous on-screen movement of the visible outline.

74. The electronic device of claim 59, wherein the one or more programs further include instructions for:

after visually indicating the first element of the clock face for editing;

detecting a swipe on the touch-sensitive display, and in response to detecting the swipe;

removing the visual indication of the first element of the clock face for editing;

visually indicating a second element of the clock face for editing; and

after visually indicating the second element of the clock face for editing, detect a user input, and in response to detecting the user input;

editing a second aspect of the visually indicated second element of the clock face, wherein the second aspect of the second element is different from the first aspect of the first element of the clock face.

75. The electronic device of claim 55, wherein the one or more programs further include instructions for:

displaying a paging affordance on the user interface screen, wherein the paging affordance indicates an editable aspect of the currently indicated element of the clock face, a position of the editable aspect of the currently indicated element within a sequence of editable aspects, and a total number of editable aspects within the sequence of editable aspects.

76. The electronic device of claim 55, wherein the one or more programs further include instructions for:

after entering the clock face edit mode of the electronic device;

detecting a third contact on the touch-sensitive display, the third contact having a second characteristic intensity, and in response to detecting the third contact;

determining whether the second characteristic intensity is above a second intensity threshold; and

in accordance with a determination that the second characteristic intensity is above the second intensity threshold;

exiting the clock face edit mode; and

ceasing to visually distinguish the displayed clock face.

77. The electronic device of claim 76, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

78. The electronic device of claim 55, wherein the electronic device comprises a rotatable and depressible input mechanism, and wherein the one or more programs further include instructions for:

after entering the clock face edit mode of the electronic device;

detecting a depression of the rotatable and depressible input mechanism, and in response to detecting the depression;

exiting the clock face edit mode; and

ceasing to visually distinguish the displayed clock face.

79. The electronic device of claim 78, wherein visually distinguishing the displayed clock face to indicate the clock face edit mode comprises reducing a size of the displayed clock face, and wherein ceasing to visually distinguish the displayed clock face comprises increasing the size of the displayed clock face.

80. The electronic device of claim 55, wherein the one or more programs further include instructions for:

receiving a user input, and in response to receiving the user input;

entering a color selection mode of the electronic device;

while in the color selection mode of the electronic device, receiving data representing an image, and in response to receiving the data;

selecting a color of the image; and

updating the displayed clock face, wherein updating the displayed clock face comprises changing a color of the clock face to the color of the image.

81. The electronic device of claim 80, wherein selecting the color of the image comprises selecting a color with greatest prevalence in the image.