Clock face for electronic device

Abstract

To provide an electronic device with faster and more efficient method and interface for presenting and interacting with a clock face.SOLUTION: In some embodiments, a method includes, in an electronic device having a display device via the display device, the step of displaying a selection user interface for selecting a clock face from a plurality of clock faces. The step of displaying a selection user interface for selecting a clock face from a plurality of clock faces includes the step of displaying at least part of two or more different clock faces from a plurality of clock faces that includes the step of displaying a first clock face out of a plurality of clock faces with a first size.SELECTED DRAWING: Figure 19A

Description

CROSS-REFERENCE TO RELATED APPLICATIONS

[0001] This application claims priority to U.S. Patent Application No. 62 / 844,108, entitled "CLOCK FACES FOR AN ELECTRONIC DEVICE," filed May 6, 2019, and U.S. Patent Application No. 62 / 856,038, entitled "CLOCK FACES FOR AN ELECTRONIC DEVICE," filed June 1, 2019, the entire contents of which are incorporated herein by reference. This application claims priority to U.S. Nonprovisional Patent Application No. 16 / 585,366, entitled "CLOCK FACES FOR AN ELECTRONIC DEVICE," filed September 27, 2019, the entire contents of which are incorporated herein by reference. This application claims priority to U.S. Non-provisional Patent Application No. 16 / 582,020, entitled "CLOCK FACES FOR AN ELECTRONIC DEVICE," filed on September 25, 2019, the contents of which are incorporated herein by reference in their entirety. This application claims priority to U.S. Non-provisional Patent Application No. 16 / 585,399, entitled "CLOCK FACES FOR AN ELECTRONIC DEVICE," filed on September 27, 2019, the contents of which are incorporated herein by reference in their entirety. [Technical field]

[0002] The present disclosure relates generally to computer user interfaces, and more particularly, to clock faces for electronic devices. [Background technology]

[0003] Users rely on portable multifunction devices for a variety of operations, including telling the time, and such users may wish to be provided with the current time along with other context-specific information. Summary of the Invention

[0004] However, some techniques for presenting and interacting with clock faces using electronic devices are generally cumbersome and inefficient. For example, some existing techniques use complex and time-consuming user interfaces that may involve multiple key presses or strokes. Existing techniques take more time than necessary, wasting the user's time and the device's energy. The latter problem is particularly acute in battery-operated devices.

[0005] Thus, the present technology provides electronic devices with faster, more efficient methods and interfaces for presenting and interacting with clock faces. Such methods and interfaces optionally complement or replace other methods for presenting and interacting with clock faces. Such methods and interfaces reduce the cognitive burden on users and create a more efficient human-machine interface. For battery-powered computing devices, such methods and interfaces conserve power and increase the time between battery charges.

[0006] In some embodiments, a method includes receiving, at an electronic device with a display device, a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; in response to receiving the request to display the clock face, displaying, via the display device, the clock face including a plurality of analog dial graphical elements corresponding to the respective units of time, in accordance with a determination that the respective graphical elements should be displayed at their respective positions on the clock face, wherein the clock face includes a plurality of analog dial graphical elements corresponding to the respective units of time, and while the respective graphical elements are displayed at their respective positions on the clock face, the plurality of analog dial graphical elements includes a first analog dial graphical element occupying a first position and having a first size; and in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, displaying, via the display device, the clock face including a plurality of analog dial graphical elements corresponding to the respective units of time, wherein the clock face includes a plurality of analog dial graphical elements corresponding to the respective units of time, and a first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size.

[0007] In some embodiments, a non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including: instructions for receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; instructions for displaying, in response to receiving the request to display the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, in accordance with a determination that the respective graphical elements should be displayed at respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size, while the respective graphical elements are displayed at their respective positions on the clock face; instructions for displaying, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size.

[0008] In some embodiments, a temporary computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including: instructions for receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; instructions for displaying, in response to receiving the request to display the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, in accordance with a determination that the respective graphical elements should be displayed at respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size, while the respective graphical elements are displayed at their respective positions on the clock face; instructions for displaying, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size.

[0009] In some embodiments, an electronic device comprises a display device, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: instructions for receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; instructions for displaying, in response to receiving the request to display the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, in accordance with a determination that the respective graphical elements should be displayed at respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size, while the respective graphical elements are displayed at their respective positions on the clock face; instructions for displaying, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to respective units of time, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size.

[0010] In some embodiments, an electronic device includes a display device and means for receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; means for, in response to receiving the request to display the clock face, displaying the clock face via the display device in accordance with a determination that the respective graphical elements should be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to the respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size while the respective graphical elements are displayed at their respective positions on the clock face; and means for, in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, displaying the clock face via the display device in accordance with a determination that the respective graphical elements should not be displayed at their respective positions on the clock face, the clock face including a plurality of analog dial graphical elements corresponding to the respective units of time, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size.

[0011] In some embodiments, a method includes, on an electronic device having a display device, displaying via the display device a first clock face, the first clock face displaying a time display displayed in a first language and graphical elements displayed in a second language separate from the time display; detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; and in response to detecting the sequence of one or more inputs corresponding to the request to change a language associated with the time display on the first clock face, displaying via the display device a second clock face, the second clock face including a time display displayed in a third language, different from the first language, and graphical elements displayed in the second language.

[0012] In some embodiments, a non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a first clock face, the first clock face including a time display displayed in a first language and graphical elements displayed in a second language, separate from the time display; detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; and in response to detecting the sequence of one or more inputs corresponding to the request to change the language associated with the time display on the first clock face, displaying, via the display device, a second clock face, the second clock face including a time display displayed in a third language, different from the first language, and graphical elements displayed in the second language.

[0013] In some embodiments, a temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a first clock face, the first clock face including a time display displayed in a first language and graphical elements displayed in a second language, separate from the time display; detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; and in response to detecting the sequence of one or more inputs corresponding to the request to change the language associated with the time display on the first clock face, displaying, via the display device, a second clock face, the second clock face including a time display displayed in a third language, different from the first language, and graphical elements displayed in the second language.

[0014] In some embodiments, an electronic device comprises a display device, one or more processors, and a 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, the first clock face including a time display, a time display displayed in a first language, and graphical elements displayed in a second language distinct from the time display; detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; and in response to detecting the sequence of one or more inputs corresponding to the request to change the language associated with the time display on the first clock face, displaying, via the display device, a second clock face, the second clock face including a time display displayed in a third language, different from the first language, and graphical elements displayed in the second language.

[0015] In some embodiments, an electronic device comprises a display device; means for displaying, via the display device, a first clock face, the first clock face including a time display displayed in a first language and graphical elements displayed in a second language separate from the time display; means for detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; and means for displaying, via the display device, a second clock face, in response to detecting the sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, the second clock face including a time display displayed in a third language, different from the first language, and graphical elements displayed in the second language.

[0016] In some embodiments, a method includes, in an electronic device having a display device, displaying a first clock face via the display device, the first clock face including a plurality of clock hands including a first clock hand and a second clock hand, and a first clock face color gradient, the first clock face color gradient including a gradual transition from a first color at a first edge of the first clock face color gradient to a second color at a second edge of the first clock face color gradient, the first edge of the first clock face color gradient being selected based on a position of the first clock hand of the first clock face, and the second edge of the first clock face color gradient being selected based on a 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 displaying a second clock face via the display device in response to detecting the sequence of one or more inputs corresponding to the request to edit the first clock face. and a second clock face including a plurality of clock hands including a first clock hand and a second clock hand, a first color gradient of the second clock face, and a second color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being in agreement with the first clock hand of the second clock face. a second edge of the first color gradient of the second clock face is selected based on a position of a second hand of the second clock face, the second color gradient of the second clock face including a gradual transition from a first color at the first edge of the second color gradient of the second clock face to a second color at the second edge of the second color gradient of the second clock face, and the second edge of the second color gradient of the second clock face is selected based on a position of a first hand of the second clock face.

[0017] In some embodiments, a non-transitory computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying via the display device a first clock face, the 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, the first edge of the color gradient of the first clock face being selected based on a position of the first hand of the first clock face and the second edge of the color gradient of the first clock face being selected based on a position of the first 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 detecting a sequence of one or more inputs corresponding to the request to edit the first clock face. and in response, displaying via the display device a second clock face, the second clock face including a plurality of clock hands including a first clock hand and a second clock hand, a first color gradient of the second clock face, and a second color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being a second edge of the first color gradient of the second clock face is selected based on a position of a first clock hand of the second clock face, the second color gradient of the second clock face including a gradual transition from a first color at the first edge of the second color gradient of the second clock face to a second color at the second edge of the second color gradient of the second clock face, the second edge of the second color gradient of the second clock face being selected based on a position of a first clock hand of the second clock face.

[0018] In some embodiments, a transient computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a first clock face, the 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, the first edge of the color gradient of the first clock face being selected based on a position of the first hand of the first clock face, and the second edge of the color gradient of the first clock face being selected based on a position of the first 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 detecting a sequence of one or more inputs corresponding to the request to edit the first clock face. and in response, displaying via the display device a second clock face, the second clock face including a plurality of clock hands including a first clock hand and a second clock hand, a first color gradient of the second clock face, and a second color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being a second edge of the first color gradient of the second clock face is selected based on a position of a first clock hand of the second clock face, the second color gradient of the second clock face including a gradual transition from a first color at the first edge of the second color gradient of the second clock face to a second color at the second edge of the second color gradient of the second clock face, the second edge of the second color gradient of the second clock face being selected based on a position of a first clock hand of the second clock face.

[0019] In some embodiments, an electronic device comprises a display device, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for displaying, via the display device, a first clock face, the 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, the first edge of the color gradient of the first clock face being selected based on a position of the first hand of the first clock face, and the second edge of the color gradient of the first clock face being selected based on a position of the first 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 receiving the first clock face, displaying via the display device a second clock face, the second clock face including a plurality of clock hands including a first clock hand and a second clock hand, a first color gradient of the second clock face, and a second color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, a second edge of the first color gradient of the second clock face is selected based on a position of a first clock hand of the second clock face, the second color gradient of the second clock face including a gradual transition from a first color at the first edge of the second color gradient of the second clock face to a second color at the second edge of the second color gradient of the second clock face, the second edge of the second color gradient of the second clock face being selected based on a position of a first clock hand of the second clock face.

[0020] In some embodiments, the electronic device includes a display device; means for displaying a first clock face via the display device, the first clock face including a plurality of clock hands including a first clock hand and a second clock hand, and a first clock face color gradient, the first clock face color gradient including a gradual transition from a first color at a first edge of the first clock face color gradient to a second color at a second edge of the first clock face color gradient, the first edge of the first clock face color gradient being selected based on a position of the first clock hand of the first clock face, and the second edge of the first clock face color gradient being selected based on a position of the first clock hand of the first clock face; means for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and means for displaying a second clock face via the display device in response to detecting the sequence of one or more inputs corresponding to the request to edit the first clock face. the second clock face includes a plurality of hands including a first clock hand and a second clock hand, a first color gradient of the second clock face, and a second color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being in a position corresponding to the first clock hand of the second clock face; and a second edge of the first color gradient of the second clock face is selected based on a position of a second hand of the second clock face, the second color gradient of the second clock face including a gradual transition from a first color at the first edge of the second color gradient of the second clock face to a second color at the second edge of the second color gradient of the second clock face, and the second edge of the second color gradient of the second clock face is selected based on a position of a first hand of the second clock face.

[0021] In some embodiments, a method includes, at an electronic device having a display device, receiving a request to display a clock face; and, in response to receiving the request to display the clock face, displaying via the display device a clock face at the first time according to a determination that a current time is a first time, wherein the clock face at the first time includes a digital time display indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first edge at the first position indicating a first time unit of the first time and a second edge at a second position indicating a second time unit of the first time. and in accordance with a determination that the current time is a second time different from the first time, displaying via the display device a clock face at the second time, wherein the clock face at the second time includes a digital time display indicating the first time and a segment including a first edge and a second edge, the first edge being at a third position and the second edge being at a fourth position, the first edge at the third position indicating the first time unit of the second time and the second edge at the fourth position indicating the second time unit of the second time.

[0022] In some embodiments, a non-transitory computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for receiving a request to display a clock face; and, in response to receiving the request to display the clock face, displaying, via the display device, a clock face at the first time in accordance with a determination that a current time is a first time, the clock face at the first time including a digital time indicia indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first clock face including a digital time indicia indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first edge at the third position indicates a first time unit and the second edge at the second position indicates a second time unit of the first time; and instructions to display via the display device a clock face at the second time in accordance with a determination that the current time is a second time different from the first time, the clock face at the second time including a digital time display indicating the first time and a segment including a first edge and a second edge, the first edge being at a third position and the second edge being at a fourth position, the first edge at the third position indicating a first time unit of the second time and the second edge at the fourth position indicating a second time unit of the second time.

[0023] In some embodiments, a temporary computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for receiving a request to display a clock face, and in response to receiving the request to display the clock face, displaying, via the display device, a clock face at the first time according to a determination that a current time is a first time, the clock face at the first time including a digital time indicia indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first edge at the third position indicates a first time unit and the second edge at the second position indicates a second time unit of the first time; and instructions to display via the display device a clock face at the second time in accordance with a determination that the current time is a second time different from the first time, the clock face at the second time including a digital time display indicating the first time and a segment including a first edge and a second edge, the first edge being at a third position and the second edge being at a fourth position, the first edge at the third position indicating a first time unit of the second time and the second edge at the fourth position indicating a second time unit of the second time.

[0024] In some embodiments, an electronic device comprises a display device, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for receiving a request to display a clock face, and in response to receiving the request to display the clock face, in accordance with a determination that a current time is a first time, displaying, via the display device, a clock face at the first time, the clock face at the first time including a digital time indicia indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first edge at the first position indicates a first time unit of the first time and the second edge at the second position indicates a second time unit of the first time; and instructions to display via the display device a clock face at the second time in accordance with a determination that the current time is a second time different from the first time, the clock face at the second time including a digital time display indicating the first time and a segment including a first edge and a second edge, the first edge being at a third position and the second edge being at a fourth position, the first edge at the third position indicating a first time unit of the second time and the second edge at the fourth position indicating a second time unit of the second time.

[0025] In some embodiments, an electronic device includes a display device, means for receiving a request to display a clock face, and means for, in response to receiving the request to display the clock face, displaying via the display device the clock face at the first time in accordance with a determination that the current time is a first time, the clock face at the first time including a digital time display indicating the first time and a segment including a first edge at a first position and a second edge at a second position, the first edge at the first position indicating a first time unit of the first time and a second edge at a second position indicating a second time unit of the first time. the second edge indicates a second time unit of the first time; and means for displaying a clock face at the second time via the display device in accordance with a determination that the current time is a second time different from the first time, wherein the clock face at the second time includes a digital time display indicating the first time and a segment including a first edge and a second edge, the first edge being at a third position and the second edge being at a fourth position, the first edge at the third position indicating a first time unit of the second time and the second edge at the fourth position indicating a second time unit of the second time.

[0026] In some embodiments, a method includes, in an electronic device having a display device, displaying via the display device a first clock face having a respective layout, the layout including a first time display presented according to a first format at a first position within the respective layout and a first complication at a second position within the respective layout; 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 the request to edit the first clock face, displaying via the display device a second clock face having a respective layout, the layout including a second time display presented according to a second format different from the first format at the first position within the respective layout and the first complication at the second position within the respective layout.

[0027] In some embodiments, a non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a first clock face having a respective corresponding layout, the layout including a first time indication presented according to a first format at a first position within the respective layout and a first complication at a second position within the respective layout; 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 the request to edit the first clock face, displaying, via the display device, a second clock face having a respective layout, the layout including a second time indication presented according to a second format, different from the first format, at the first position within the respective layout and the first complication at the second position within the respective layout.

[0028] In some embodiments, a temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a first clock face having a respective corresponding layout, the layout including a first time display presented according to a first format at a first position within the respective layout and a first complication at a second position within the respective layout; 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 the request to edit the first clock face, displaying, via the display device, a second clock face having a respective layout, the layout including a second time display presented according to a second format, different from the first format, at the first position within the respective layout and the first complication at the second position within the respective layout.

[0029] In some embodiments, an electronic device comprises a display device, one or more processors, and a 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 having a respective layout, the layout including a first time display presented according to a first format at a first position within the respective layout and a first complication at a second position within the respective layout; 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 the request to edit the first clock face, displaying, via the display device, a second clock face having a respective layout, the layout including a second time display presented according to a second format different from the first format at the first position within the respective layout and the first complication at the second position within the respective layout.

[0030] In some embodiments, the electronic device includes a display device; means for displaying via the display device a first clock face having a respective layout, the layout including a first time display presented according to a first format at a first position within the respective layout and a first complication at a second position within the respective layout; means for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and means for displaying via the display device a second clock face having a respective layout, in response to detecting the sequence of one or more inputs corresponding to the request to edit the first clock face, the second time display presented according to a second format different from the first format at the first position within the respective layout and the first complication at the second position within the respective layout.

[0031] In some embodiments, a method includes, on an electronic device having a display device, receiving a first request to display a clock face; and in response to receiving the first request to display the clock face, displaying via the display device a clock face having a display of a first time, where the clock face at the first time includes an analog dial representing a 24 hour period and an inset time display at a first position on the clock face inside the analog dial, where the inset time display indicates the first time; receiving a second request to display the clock face; and in response to receiving the second request to display the clock face, displaying via the display device a second time display on the clock face that is different from the first time, where the clock face at the second time includes an analog dial representing a 24 hour period and an inset time display at a second position inside the clock face inside the analog dial that is different from the first position on the clock face inside the analog dial, where the inset time display indicates the second time.

[0032] In some embodiments, a non-transitory computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs having instructions for receiving a first request to display a clock face, and in response to receiving the first request to display the clock face, displaying, via the display device, a clock face having a representation of a first time, the clock face at the first time comprising an analog dial representing a 24-hour period and an inset time at a first position on the clock face inside the analog dial. receiving a second request to display the clock face; and in response to receiving the second request to display the clock face, displaying via the display device a second time display on the clock face that is different from the first time, the clock face at the second time including an analog dial representing a 24 hour period and an inset time display at a second position inside the clock face inside the analog dial that is different from the first position on the clock face inside the analog dial, the inset time display indicating the second time.

[0033] In some embodiments, a transitory computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for receiving a first request to display a clock face, and in response to receiving the first request to display the clock face, displaying, via the display device, a clock face having a representation of a first time, the clock face at the first time including an analog dial representing a 24 hour period and an inset time at a first position on the clock face inside the analog dial. receiving a second request to display the clock face; and in response to receiving the second request to display the clock face, displaying via the display device a second time display on the clock face that is different from the first time, the clock face at the second time including an analog dial representing a 24 hour period and an inset time display at a second position inside the clock face inside the analog dial that is different from the first position on the clock face inside the analog dial, the inset time display indicating the second time.

[0034] In some embodiments, an electronic device includes a display device, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for receiving a first request to display a clock face, and in response to receiving the first request to display the clock face, displaying, via the display device, a clock face having a representation of a first time, the clock face at the first time comprising an analog dial representing a 24-hour period and an insert time indicator at a first position on the clock face inside the analog dial. receiving a second request to display the clock face; and in response to receiving the second request to display the clock face, displaying via the display device a second time display on the clock face that is different from the first time, the clock face at the second time including an analog dial representing a 24 hour period and an inset time display at a second position inside the clock face inside the analog dial that is different from the first position on the clock face inside the analog dial, the inset time display indicating the second time.

[0035] In some embodiments, the electronic device includes a display device; means for receiving a first request to display a clock face; and means for, in response to receiving the first request to display the clock face, displaying via the display device a clock face having a display of a first time, the clock face at the first time including an analog dial representing a 24 hour period and an inset time display at a first position on the clock face inside the analog dial, the inset time display indicating the first time; means for receiving a second request to display the clock face; and means for, in response to receiving the second request to display the clock face, displaying via the display device a second time display on the clock face that is different from the first time, the clock face at the second time including an analog dial representing a 24 hour period and an inset time display at a second position inside the clock face inside the analog dial that is different from the first position on the clock face inside the analog dial, the inset time display indicating the second time.

[0036] In some embodiments, a method includes, at an electronic device having a display device, displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, where displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying at least a portion of two or more different clock faces from the plurality of clock faces including displaying a first clock face of the plurality of clock faces at a first size; detecting, via the display device, a user input at a position corresponding to the first clock face while displaying, via the display device, the selection user interface for selecting a clock face from the plurality of clock faces; and in response to detecting the user input, in accordance with a determination that the user input satisfies a first input criterion, displaying, via the display device, a clock face that is smaller than the first size. displaying the first clock face at a larger second size; and in accordance with a determination that the user input satisfies second input criteria different from the first input criteria, displaying via the display device a sorting user interface for sorting the plurality of clock faces, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; detecting a movement corresponding to the first clock face while displaying the sorting user interface; and in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement.

[0037] In some embodiments, a non-transitory computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, where displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying a first clock face of the plurality of clock faces at a first size, and detecting a user input at a position corresponding to the first clock face while displaying, via the display device, the selection user interface for selecting a clock face from the plurality of clock faces, and in response to detecting the user input, detecting that the user input satisfies a first input criterion. in accordance with a determination that the user input satisfies a second input criterion different from the first input criterion, displaying via the display device a sorting user interface for sorting the plurality of clock faces, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; detecting a movement corresponding to the first clock face while displaying the sorting user interface; and in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement.

[0038] In some embodiments, a temporary computer readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display device, the one or more programs including instructions for displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, where displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying a first clock face of the plurality of clock faces at a first size, and detecting a user input at a position corresponding to the first clock face while displaying, via the display device, the selection user interface for selecting a clock face from the plurality of clock faces, and in response to detecting the user input, detecting that the user input satisfies a first input criterion. in accordance with a determination that the user input satisfies a second input criterion different from the first input criterion, displaying via the display device a sorting user interface for sorting the plurality of clock faces, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; detecting a movement corresponding to the first clock face while displaying the sorting user interface; and in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement.

[0039] In some embodiments, an electronic device comprises a display device, one or more processors, and a 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 selection user interface for selecting a clock face from a plurality of clock faces, where displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying a first clock face of the plurality of clock faces at a first size, the instructions including displaying at least a portion of two or more different clock faces from the plurality of clock faces; detecting a user input at a position corresponding to the first clock face while displaying, via the display device, the selection user interface for selecting a clock face from the plurality of clock faces; and detecting, in response to detecting the user input, that the user input satisfies a first input criterion. displaying, via the display device, a sorting user interface for sorting the plurality of clock faces in accordance with a determination that the user input satisfies a second input criterion different from the first input criterion, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; detecting a movement corresponding to the first clock face while displaying the sorting user interface; and in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement.

[0040] In some embodiments, the electronic device includes a display device; means for displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, where displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying a first clock face of the plurality of clock faces at a first size; means for detecting, via the display device, a user input at a position corresponding to the first clock face while displaying, via the display device, the selection user interface for selecting a clock face from the plurality of clock faces, and means for displaying, in response to detecting the user input, a second clock face larger than the first size in accordance with a determination that the user input satisfies a first input criterion. means for displaying a first clock face in two sizes; and means for displaying, via the display device, a reordering user interface for reordering the plurality of clock faces in accordance with a determination that a user input satisfies a second input criterion different from the first input criterion, where displaying the reordering user interface for reordering the plurality of clock faces includes displaying at least a portion of three or more clock faces including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; means for detecting a movement corresponding to the first clock face while displaying the reordering user interface; and means for, in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces in the reordering user interface in accordance with the detected movement.

[0041] Executable instructions to perform these functions are optionally contained in a non-transitory computer-readable storage medium or other computer program product configured for execution by one or more processors. Executable instructions to perform these functions are optionally contained in a transitory computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0042] As a result, devices are provided with faster, more efficient methods and interfaces for presenting and interacting with clock faces, thereby increasing the effectiveness, efficiency, and user satisfaction of such devices. Such methods and interfaces can complement or replace other methods for presenting and interacting with clock faces. [Brief description of the drawings]

[0043] For a better understanding of the various described embodiments, reference should be made to the following Detailed Description in conjunction with the following drawings, in which like reference numerals refer to corresponding parts throughout:

[0044] [Figure 1A] 1 is a block diagram illustrating a portable multifunction device having a touch-sensitive display in accordance with some embodiments.

[0045] [Figure 1B] FIG. 2 is a block diagram illustrating example components for event processing according to some embodiments.

[0046] [Diagram 2] FIG. 1 illustrates a portable multifunction device having a touch screen in accordance with some embodiments.

[0047] [Diagram 3] 1 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface in accordance with some embodiments.

[0048] [Figure 4A] 1 illustrates an exemplary user interface for a menu of applications on a portable multifunction device in accordance with some embodiments.

[0049] [Figure 4B]1 illustrates an exemplary user interface for a multifunction device having a touch-sensitive surface separate from a display in accordance with some embodiments.

[0050] [Figure 5A] FIG. 1 illustrates a personal electronic device according to some embodiments.

[0051] [Figure 5B] FIG. 1 is a block diagram illustrating a personal electronic device in accordance with some embodiments.

[0052] [Figure 5C] 1 illustrates example components of a personal electronic device having a touch-sensitive display and an intensity sensor in accordance with some embodiments. [Figure 5D] 1 illustrates example components of a personal electronic device having a touch-sensitive display and an intensity sensor in accordance with some embodiments.

[0053] [Figure 5E] 1 illustrates example components and a user interface of a personal electronic device in accordance with some embodiments. [Figure 5F] 1 illustrates example components and a user interface of a personal electronic device in accordance with some embodiments. [Figure 5G] 1 illustrates example components and a user interface of a personal electronic device in accordance with some embodiments. [Figure 5H] 1 illustrates example components and a user interface of a personal electronic device in accordance with some embodiments.

[0054] [Figure 6A] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6B] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6C]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6G] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6H] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6I] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 6J] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0055] [Figure 7] FIG. 1 illustrates an exemplary method according to some embodiments.

[0056] [Figure 8A] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8B] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8C] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8G]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8H] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8I] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8J] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8K] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8L] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8M] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8N] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8O] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8P] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8Q] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8R] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8S] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 8T] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0057] [Figure 9] FIG. 1 illustrates an exemplary method according to some embodiments.

[0058] [Figure 10A]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10B] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10C] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10G] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10H] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10I] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10J] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10K] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10L] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10M] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 10N] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0059] [Figure 11] FIG. 1 illustrates an exemplary method according to some embodiments.

[0060] [Figure 12A]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12B] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12C] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12G] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12H] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12I] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12J] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12K] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12L] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 12M] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0061] [Figure 13] FIG. 1 illustrates an exemplary method according to some embodiments.

[0062] [Figure 14A] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14B]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14C] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14G] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 14H] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0063] [Figure 15] FIG. 1 illustrates an exemplary method according to some embodiments.

[0064] [Figure 16A] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16B] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16C] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16D] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16E] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16F] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16G] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16H]FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16I] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16J] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments. [Figure 16K] FIG. 1 illustrates an exemplary user interface in accordance with some embodiments.

[0065] [Figure 17] FIG. 1 illustrates an exemplary method according to some embodiments.

[0066] [Figure 18A] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18B] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18C] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18D] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18E] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18F] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18G] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18H] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18I]FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18J] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18K] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments. [Figure 18L] FIG. 1 illustrates an example user interface for sorting clock faces according to some embodiments.

[0067] [Figure 19A] FIG. 1 illustrates an example method for sorting clock faces according to some embodiments. [Figure 19B] FIG. 1 illustrates an example method for sorting clock faces according to some embodiments. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0068] The following description sets forth example methods, parameters, etc., however, it should be recognized that such description is not intended as a limitation on the scope of the present disclosure, but rather is provided as a description of example embodiments.

[0069] There is a need for an electronic device that provides an efficient method and interface for presenting and interacting with a clock face. According to some embodiments, an element of an analog dial of the clock face is displayed based on a determination of whether another graphical element (e.g., a notification or a complication) should be displayed on the clock face. According to some embodiments, the time display is displayed according to a selected language while the language in which the other graphical elements of the clock face (e.g., a complication) are displayed is maintained. According to some embodiments, the device displays a clock face including a gradient that is displayed based on the position of the clock hands, and in response to an input, the device displays a clock face with two gradients, the display of the two gradients being based on the position of the two clock hands. According to some embodiments, the clock face is displayed with a digital time display and a segment having two edges, the positions of the two edges of the segment indicating the hours and minutes of the time. According to some embodiments, the format of the time display on the clock face is changed in response to an input, while the layout of the clock face and the positions of the other graphical elements remain the same. According to some embodiments, the clock face is displayed with an analog dial representing a 24-hour period and an inset time display inside the analog dial indicating the current time, the position of the inset time display being based on the current time. Such techniques can reduce the cognitive burden on a user to view activity trends and / or manage workouts, thereby increasing productivity. Additionally, such techniques can reduce processor and battery power that would otherwise be wasted on redundant user inputs.

[0070] 1A-1B, 2, 3, 4A-4B, and 5A-5H below describe exemplary devices implementing techniques for presenting and interacting with a clock face. FIGS. 6A-6J, 8A-8T, 10A-10N, 12A-12M, 14A-14H, and 16A-16K illustrate exemplary user interfaces for presenting and interacting with a clock face. FIGS. 7, 9, 11, 13, 15, and 17 are flow diagrams illustrating methods for presenting and interacting with a clock face, according to some embodiments. The user interfaces of FIGS. 6A-6J are used to illustrate processes described below, including the process of FIG. 7. The user interfaces of FIGS. 8A-8T are used to illustrate processes described below, including the process of FIG. 9. The user interfaces of FIGS. 10A-10N are used to illustrate processes described below, including the process of FIG. 11. The user interfaces of FIGS. 12A-12M are used to illustrate processes described below, including the process of FIG. 13. The user interfaces of Figures 14A-14H are used to illustrate the processes described below, including the process of Figure 15. The user interfaces of Figures 16A-16K are used to illustrate the processes described below, including the process of Figure 17. Figures 19A and 19B are flow diagrams illustrating an example method for sorting clock faces, according to some embodiments. Figures 18A-18L are used to illustrate the processes described below, including the process of Figures 19A and 19B.

[0071] In the following description, terms such as "first" and "second" are used to describe various elements, but these elements should not be limited by these terms. These terms are only used to distinguish one element from another element. For example, a first touch can be called a second touch, and a second touch can be called a first touch, without departing from the scope of various embodiments described. Although a first touch and a second touch are both touches, they are not the same touch.

[0072] The terminology used in the description of the various embodiments described herein is for the purpose of describing particular embodiments only and is not intended to be limiting. In the description of the various embodiments described and in the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It should also be understood that as used herein, the term "and / or" refers to and includes any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms "includes," "including," "comprises," and / or "comprising," as used herein, specify the presence of stated features, integers, steps, operations, elements, and / or components, but do not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof.

[0073] The term "if" is interpreted, optionally, depending on the context, to mean "when" or "upon," or "in response to determining" or "in response to detecting." Similarly, the phrase "if it is determined" or "if [a stated condition or event] is detected" is interpreted, optionally, depending on the context, to mean "upon determining" or "in response to determining," or "upon detecting [the stated condition or event]" or "in response to detecting [the stated condition or event]."

[0074] Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions, such as PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, but are not limited to, iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, Calif. Optionally, other portable electronic devices, such as laptops or tablet computers having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad), are also used. It should also be understood that in some embodiments, the device is not a portable communication device, but rather a desktop computer having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad).

[0075] In the following discussion, electronic devices are described that include a display and a touch-sensitive surface, however, it should be understood that the electronic device optionally includes one or more other physical user-interface devices, such as a physical keyboard, a mouse, and / or a joystick.

[0076] The device typically supports a variety of applications, such as one or more of drawing applications, presentation applications, word processing applications, website creation applications, disc authoring applications, spreadsheet applications, gaming applications, telephony applications, video conferencing applications, email applications, instant messaging applications, training support applications, photo management applications, digital camera applications, digital video camera applications, web browsing applications, digital music player applications, and / or digital video player applications.

[0077] The various applications running on the device optionally use at least one common physical user-interface device, such as a touch-sensitive surface. One or more features of the touch-sensitive surface and corresponding information displayed on the device are optionally adjusted and / or changed for each application and / or within each application. In this way, the common physical architecture of the device (such as the touch-sensitive surface) optionally supports a variety of applications with user interfaces that are intuitive and transparent to the user.

[0078] Attention is now directed to embodiments of portable devices with touch-sensitive displays. FIG. 1A is a block diagram illustrating a portable multifunction device 100 having a touch-sensitive display system 112, according to some embodiments. Touch-sensitive display 112 may be conveniently referred to as a "touch screen" and may also be known or referred to as a "touch-sensitive display system." Device 100 includes memory 102 (optionally including one or more computer-readable storage media), memory controller 122, one or more processing units (CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, input / output (I / O) subsystem 106, other input control devices 116, and external port 124. Device 100 optionally includes one or more optical sensors 164. Device 100 optionally includes one or more contact intensity sensors 165 that detect the intensity of a contact on device 100 (e.g., a touch-sensitive surface, such as touch-sensitive display system 112 of device 100). Device 100 optionally includes one or more tactile output generators 167 that generate tactile output on device 100 (e.g., generate tactile output on a touch-sensitive surface such as touch-sensitive display system 112 of device 100 or touchpad 355 of device 300). These components optionally communicate over one or more communication buses or signal lines 103.

[0079] As used herein and in the claims, the term “intensity” of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch-sensitive surface, or a proxy for the force or pressure of a contact on the touch-sensitive surface. The intensity of a contact has a range of values ​​including at least four distinct values, and more typically including hundreds (e.g., at least 256) distinct values. The intensity of a contact is optionally determined (or measured) using various techniques and various sensors or combinations of sensors. For example, one or more force sensors under or adjacent to the touch-sensitive surface are optionally used to measure the force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., weighted averaged) to determine an estimated force of the contact. Similarly, a pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size and / or change in the contact area detected on the touch-sensitive surface, the capacitance and / or change in the capacitance of the touch-sensitive surface proximate the contact, and / or the resistance and / or change in the capacitance of the touch-sensitive surface proximate the contact, are optionally used as a surrogate for the force or pressure of the contact on the touch-sensitive surface. In some implementations, the surrogate measure of the force or pressure of the contact is used directly to determine whether an intensity threshold is exceeded (e.g., the intensity threshold is described in units that correspond to the surrogate measure). In some implementations, the surrogate measure of the contact force or pressure is converted to an estimate of the force or pressure, and the estimate of the force or pressure is used to determine whether an intensity threshold is exceeded (e.g., the intensity threshold is a pressure threshold measured in units of pressure). Using the intensity of contact as an attribute of user input may enable a user to access additional device functionality (e.g., on a touch-sensitive display) and / or receive user input (e.g., via a touch-sensitive display, touch-sensitive surface, or physical / mechanical controls such as knobs or buttons) that may not otherwise be accessible on devices of reduced size that have limited real estate for displaying affordances.

[0080] As used herein and in the claims, the term "tactile output" refers to a physical displacement of a device relative to a previous position of the device, a physical displacement of a component of the device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or a displacement of a component relative to the center of mass of the device, that will be detected by a user with the user's sense of touch. For example, in a situation where a device or a component of a device is in contact with a touch-sensitive surface of a user (e.g., a finger, palm, or other part of a user's hand), the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in a physical property of the device or a component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a "down-click" or "up-click" of a physical actuator button. In some cases, a user feels a tactile sensation such as a "down-click" or "up-click" even when there is no movement of a physical actuator button associated with the touch-sensitive surface that is physically pressed (e.g., displaced) by the user's action. As another example, movement of a touch-sensitive surface is optionally interpreted or sensed by a user as "roughness" of the touch-sensitive surface, even when there is no change in the smoothness of the touch-sensitive surface. Such user interpretation of touch depends on the user's personal sensory perception, but there are many sensory perceptions of touch that are common to a majority of users. Thus, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., an "up click," a "down click," "roughness"), unless otherwise noted, the generated tactile output corresponds to a physical displacement of the device, or a component of the device, that produces the described sensory perception for a typical (or average) user.

[0081] It is understood that device 100 is only one example of a portable multifunction device, and that device 100 optionally has more or fewer components than those shown, optionally combines two or more components, or optionally has a different configuration or arrangement of its components. The various components shown in FIG. 1A may be implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing circuits and / or application specific integrated circuits.

[0082] Memory 102 optionally includes high-speed random access memory, and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices. A memory controller 122 optionally controls access to memory 102 by other components of device 100.

[0083] The peripherals interface 118 may be used to couple input and output peripherals of the device to the CPU 120 and memory 102. The one or more processors 120 operate or execute various software programs and / or instruction sets stored in the memory 102 to perform various functions and process data for the device 100. In some embodiments, the peripherals interface 118, the CPU 120, and the memory controller 122 are optionally implemented on a single chip, such as the chip 104. In some other embodiments, they are optionally implemented on separate chips.

[0084] The radio frequency (RF) circuitry 108 transmits and receives RF signals, also referred to as electromagnetic signals. The RF circuitry 108 converts electrical signals to electromagnetic signals or electromagnetic signals to electrical signals and communicates with communication networks and other communication devices via electromagnetic signals. The RF circuitry 108 optionally includes well-known circuits for performing these functions, including, but not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, etc. The RF circuitry 108 optionally communicates with networks, such as the Internet, also referred to as the World Wide Web (WWW), an intranet, and / or wireless networks, such as cellular telephone networks, wireless local area networks (LANs) and / or metropolitan area networks (MANs), and with other devices, by wireless communication. RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by short-range radios. Wireless communication optionally includes, but is not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPA), long term evolution (EV-DO), and other related technologies.Wireless technology includes, but is not limited to, wireless technology such as wireless LAN, wireless technology such as wireless technology with a cellular network (WAN), wireless technology such as wireless technology with a cellular network (WAN-CDMA), wireless technology such as wireless technology with a cellular network (WAN-SWAN ... The present invention may use any of a number of communications standards, protocols, and technologies, including Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS), and / or Short Message Service (SMS), or any other suitable communications protocol, including communications protocols not yet developed as of the filing date of this application.

[0085] The audio circuit 110, the speaker 111, and the microphone 113 provide an audio interface between a user and the device 100. The audio circuit 110 receives audio data from the peripherals interface 118, converts the audio data into an electrical signal, and transmits the electrical signal to the speaker 111. The speaker 111 converts the electrical signal into human audible sound waves. The audio circuit 110 also receives an electrical signal converted from the sound waves by the microphone 113. The audio circuit 110 converts the electrical signal into audio data, and transmits the audio data to the peripherals interface 118 for processing. The audio data is optionally retrieved from and / or transmitted to the memory 102 and / or the RF circuit 108 by the peripherals interface 118. In some embodiments, the audio circuit 110 also includes a headset jack (e.g., 212 in FIG. 2). The headset jack provides an interface between audio circuitry 110 and a detachable audio input / output peripheral such as an output-only headphone or a headset with both an output (e.g., one-ear or binaural headphones) and an input (e.g., a microphone).

[0086] The I / O subsystem 106 couples input / output peripherals on the device 100, such as the touch screen 112 and other input control devices 116, to a peripheral interface 118. The I / O subsystem 106 optionally includes a display controller 156, a light sensor controller 158, a depth camera controller 169, an intensity sensor controller 159, a haptic feedback controller 161, and one or more input controllers 160 for other input or control devices. The one or more input controllers 160 receive / send electrical signals from / to the other input control devices 116. The other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, etc. In some alternative embodiments, the input controller(s) 160 are optionally coupled to any (or none) of a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. The one or more buttons (e.g., 208 in FIG. 2) optionally include up / down buttons for volume control of speaker 111 and / or microphone 113. The one or more buttons optionally include a push button (e.g., 206 in FIG. 2).

[0087] A quick press of a push button optionally unlocks the touch screen 112 or optionally initiates a process of unlocking the device using a gesture on the touch screen, as described in U.S. Patent Application Serial No. 11 / 322,549, filed December 23, 2005, "Unlocking a Device by Performing Gestures on an Unlock Image," U.S. Patent No. 7,657,849, which is incorporated herein by reference in its entirety. A longer press of a push button (e.g., 206) optionally turns power on or off to the device 100. The functionality of one or more of the buttons is optionally customizable by the user. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

[0088] Touch-sensitive display 112 provides an input and output interface between the device and a user. Display controller 156 receives and / or transmits electrical signals from touchscreen 112. Touchscreen 112 displays visual output to the user. This visual output optionally includes graphics, text, icons, animation, and any combination thereof (collectively "graphics"). In some embodiments, some or all of the visual output optionally corresponds to user interface objects.

[0089] Touchscreen 112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from a user based on haptic and / or tactile contact. Touchscreen 112 and display controller 156 (along with any associated modules and / or instruction sets in memory 102) detects contacts (and any movement or breaking of contact) on touchscreen 112 and translates the detected contacts into interactions with user interface objects (e.g., one or more soft keys, icons, web pages, or images) displayed on touchscreen 112. In an exemplary embodiment, the point of contact between touchscreen 112 and the user corresponds to the user's finger.

[0090] Touchscreen 112 optionally uses LCD (Liquid Crystal Display), LPD (Light Emitting Polymer Display), or LED (Light Emitting Diode) technology, although other display technologies are used in other embodiments. Touchscreen 112 and display controller 156 optionally detect contact and any movement or interruption thereof using any of a number of now known or later developed touch sensing technologies, including, but not limited to, capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements that determine one or more points of contact with touchscreen 112. In an exemplary embodiment, projected mutual capacitance sensing technology is used, such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, Calif.

[0091] The touch-sensitive display in some embodiments of touchscreen 112 is optionally similar to a multi-touch-sensing touchpad as described in U.S. Patent Nos. 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and / or 6,677,932 (Westerman), and / or U.S. Patent Publication No. 2002 / 0015024 (A1), each of which is incorporated by reference in its entirety. However, whereas touchscreen 112 displays visual output from device 100, a touch-sensitive touchpad does not provide visual output.

[0092] Some embodiments of touch screen 112 include touch-sensitive displays as described in the following applications: (1) U.S. Patent Application No. 11 / 381,313, filed May 2, 2006, entitled "Multipoint Touch Surface Controller"; (2) U.S. Patent Application No. 10 / 840,862, filed May 6, 2004, entitled "Multipoint Touchscreen"; (3) U.S. Patent Application No. 10 / 903,964, filed July 30, 2004, entitled "Gestures For Touch Sensitive Input Devices"; (4) U.S. Patent Application No. 11 / 048,264, filed January 31, 2005, entitled "Gestures For Touch Sensitive Input Devices"; (5) U.S. Patent Application No. 11 / 038,590, filed January 18, 2005, entitled "Mode-Based Graphical User Interfaces For Touch Sensitive Input No. 11 / 228,758, filed Sep. 16, 2005, entitled "Virtual Input Device Placement On A Touch Screen User Interface," (7) U.S. application Ser. No. 11 / 228,700, filed Sep. 16, 2005, entitled "Operation Of A Computer With A Touch Screen Interface," (8) U.S. application Ser. No. 11 / 228,737, filed Sep. 16, 2005, entitled "Activating Virtual Keys Of A Touch-Screen Virtual Keyboard," and (9) U.S. application Ser. No. 11 / 367,749, filed Mar. 3, 2006, entitled "Multi-Functional Hand-Held Device," all of which are incorporated herein by reference in their entirety.

[0093] Touchscreen 112 optionally has a video resolution of greater than 100 dpi. In some embodiments, the touchscreen has a video resolution of approximately 160 dpi. A user optionally contacts touchscreen 112 using any suitable object or appendage, such as a stylus, finger, etc. In some embodiments, the user interface is designed to operate primarily using finger-based contacts and gestures, which may not be as precise as stylus-based input due to the larger contact area of ​​a finger on the touchscreen. In some embodiments, the device translates the rough finger input into precise pointer / cursor positions or commands to perform the actions desired by the user.

[0094] In some embodiments, in addition to a touchscreen, device 100 optionally includes a touchpad for activating or deactivating certain functions. In some embodiments, the touchpad is a touch-sensitive area of ​​the device that, unlike the touchscreen, does not display visual output. The touchpad is optionally a touch-sensitive surface separate from touchscreen 112 or an extension of the touch-sensitive surface formed by the touchscreen.

[0095] Device 100 also includes a power system 162 that provides power to the various components. Power system 162 optionally includes a power management system, one or more power sources (e.g., batteries, alternating current (AC)), a recharging system, power failure detection circuitry, power converters or inverters, power status indicators (e.g., light emitting diodes (LEDs)), and any other components associated with the generation, management, and distribution of power within a portable device.

[0096] Device 100 also optionally includes one or more light sensors 164. FIG. 1A shows a light sensor coupled to light sensor controller 158 in I / O subsystem 106. Light sensor 164 optionally includes a charge-coupled device (CCD) or a complementary metal-oxide semiconductor (CMOS) phototransistor. Light sensor 164 receives light from the environment projected through one or more lenses and converts the light into data representing an image. Light sensor 164 optionally works in conjunction with imaging module 143 (also called a camera module) to capture still or video images. In some embodiments, the light sensor is located on the back side of device 100 opposite touchscreen display 112 on the front side of the device, so that the touchscreen display can be used as a viewfinder for still and / or video capture. In some embodiments, the light sensor is located on the front side of the device such that an image of the user is optionally obtained for a video conference while the user views other video conference participants on the touchscreen display. In some embodiments, the position of the light sensor 164 can be changed by the user (e.g., by rotating the lens and sensor within the device housing), such that a single light sensor 164 is used for both video conferencing and still and / or video capture, in conjunction with a touch screen display.

[0097] Device 100 also optionally includes one or more depth camera sensors 175. FIG. 1A shows a depth camera sensor coupled to depth camera controller 169 in I / O subsystem 106. Depth camera sensor 175 receives data from the environment to create a three-dimensional model of an object (e.g., a face) in a scene from a viewpoint (e.g., the depth camera sensor). In some embodiments, in cooperation with imaging module 143 (also called camera module), depth camera sensor 175 is optionally used to determine a depth map of different parts of an image captured by imaging module 143. In some embodiments, a depth camera sensor is disposed on the front of device 100 to obtain an image of a user with depth information for a video conference and to capture a selfie image with depth map data while the user views other video conference participants on a touch screen display. In some embodiments, depth camera sensor 175 is disposed on the back of the device, or on the back and front of device 100. In some embodiments, the position of the depth camera sensor 175 can be changed by the user (e.g., by rotating the lens and sensor within the device housing) such that the depth camera sensor 175 is used for both video conferencing and still and / or video capture in conjunction with a touchscreen display.

[0098] Device 100 also optionally includes one or more contact intensity sensors 165. FIG. 1A shows a contact intensity sensor coupled to intensity sensor controller 159 in I / O subsystem 106. Contact intensity sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electrical force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other intensity sensors (e.g., sensors used to measure the force (or pressure) of a contact on a touch-sensitive surface). Contact intensity sensor 165 receives contact intensity information (e.g., pressure information, or a proxy for pressure information) from the environment. In some embodiments, at least one contact intensity sensor is juxtaposed with or proximate to a touch-sensitive surface (e.g., touch-sensitive display system 112). In some embodiments, at least one contact intensity sensor is located on the back of device 100, opposite touchscreen display 112 located on the front of device 100.

[0099] Device 100 also optionally includes one or more proximity sensors 166. Figure 1A shows proximity sensor 166 coupled to peripheral interface 118. Alternatively, proximity sensor 166 is optionally coupled to input controller 160 in I / O subsystem 106. Proximity sensor 166 optionally functions as described in U.S. patent applications Ser. No. 11 / 241,839, "Proximity Detector In Handheld Device," Ser. No. 11 / 240,788, "Proximity Detector In Handheld Device," Ser. No. 11 / 620,702, "Using Ambient Light Sensor To Augment Proximity Sensor Output," Ser. No. 11 / 586,862, "Automated Response To And Sensing Of User Activity In Portable Devices," and Ser. No. 11 / 638,251, "Methods And Systems For Automatic Configuration Of Peripherals," all of which are incorporated herein by reference in their entireties. In some embodiments, when the multifunction device is placed near a user's ear (eg, when the user is making a phone call), the proximity sensor turns off and disables touchscreen 112.

[0100] Device 100 also optionally includes one or more tactile output generators 167. FIG. 1A shows a tactile output generator coupled to haptic feedback controller 161 in I / O subsystem 106. Tactile output generator 167 optionally includes one or more electroacoustic devices, such as speakers or other audio components, and / or electromechanical devices that convert energy into linear motion, such as motors, solenoids, electroactive polymers, piezoelectric actuators, electrostatic actuators, or other tactile output generating components (e.g., components that convert electrical signals into tactile output on the device). Contact intensity sensor 165 receives tactile feedback generation commands from haptic feedback module 133 and generates a tactile output on device 100 that can be sensed by a user of device 100. In some embodiments, at least one tactile output generator is juxtaposed with or proximate to a touch-sensitive surface (e.g., touch-sensitive display system 112) and generates a tactile output, optionally by moving the touch-sensitive surface vertically (e.g., in / out of the surface of device 100) or horizontally (e.g., back and forth in the same plane as the surface of device 100). In some embodiments, the at least one tactile output generator sensor is located on the back of device 100, opposite touchscreen display 112, which is located on the front of device 100.

[0101] Device 100 also optionally includes one or more accelerometers 168. FIG. 1A shows accelerometer 168 coupled to peripherals interface 118. Alternatively, accelerometer 168 is optionally coupled to input controller 160 in I / O subsystem 106. Accelerometer 168 optionally functions as described in U.S. Patent Publication No. 20050190059, “Acceleration-based Theft Detection System for Portable Electronic Devices,” and U.S. Patent Publication No. 20060017692, “Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer,” both of which are incorporated herein by reference in their entireties. In some embodiments, information is displayed on the touchscreen display in portrait or landscape view based on an analysis of data received from the one or more accelerometers. In addition to accelerometer(s) 168, device 100 optionally includes a magnetometer and a GPS (or GLONASS or other global navigation system) receiver for obtaining information regarding the position and orientation (e.g., vertical or horizontal) of device 100.

[0102] In some embodiments, the software components stored in memory 102 include an operating system 126, a communication module (or instruction set) 128, a touch / motion module (or instruction set) 130, a graphics module (or instruction set) 132, a text input module (or instruction set) 134, a Global Positioning System (GPS) module (or instruction set) 135, and applications (or instruction sets) 136. Additionally, in some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) stores device / global internal state 157, as shown in FIGS. 1A and 3. Device / global internal state 157 includes one or more of an active application state indicating which applications, if any, are currently active, a display state indicating which applications, views, or other information are occupying various regions of touchscreen display 112, a sensor state including information obtained from the device's various sensors and input control devices 116, and location information regarding the location and / or orientation of the device.

[0103] Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS, WINDOWS, or an embedded operating system such as VxWorks) includes various software components and / or drivers that control and manage general system tasks (e.g., memory management, storage control, power management, etc.) and facilitate communication between various hardware and software components.

[0104] The communications module 128 also includes various software components for facilitating communication with other devices via one or more external ports 124 and for processing data received by the RF circuitry 108 and / or the external ports 124. The external ports 124 (e.g., Universal Serial Bus (USB), FIREWIRE, etc.) are adapted to couple to other devices directly or indirectly via a network (e.g., the Internet, wireless LAN, etc.). In some embodiments, the external ports are multi-pin (e.g., 30-pin) connectors that are the same as or similar to and / or compatible with the 30-pin connector used on iPod® (a trademark of Apple Inc.) devices.

[0105] Contact / motion module 130, optionally in conjunction with display controller 156, detects contact with touch screen 112 and other touch-sensing devices (e.g., a touchpad or physical click wheel). Contact / motion module 130 includes various software components for performing various operations related to detecting contact, such as determining whether contact has occurred (e.g., detecting a finger-down event), determining the strength of the contact (e.g., the force or pressure of the contact, or a surrogate for the force or pressure of the contact), determining whether there is movement of the contact and tracking the movement across the touch-sensitive surface (e.g., detecting one or more events of dragging a finger), and determining whether the contact has stopped (e.g., detecting a finger-up event or an interruption of the contact). Contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of the contact, as represented by the series of contact data, optionally includes determining the speed (magnitude), velocity (magnitude and direction), and / or acceleration (change in magnitude and / or direction) of the contact. These actions are, optionally, applied to a single contact (e.g., one finger contact) or multiple simultaneous contacts (e.g., "multi-touch" / multiple finger contacts). In some embodiments, contact / motion module 130 and display controller 156 detect contacts on a touchpad.

[0106] In some embodiments, the contact / motion module 130 uses a set of one or more intensity thresholds to determine whether an action has been performed by a user (e.g., to determine whether a user has “clicked” on an icon). In some embodiments, at least a subset of the intensity thresholds are determined according to software parameters (e.g., the intensity thresholds are not determined by the activation thresholds of a particular physical actuator, but can be adjusted without modifying the physical hardware of the device 100). For example, the mouse “click” threshold of a trackpad or touchscreen display can be set to any of a wide range of predefined thresholds without modifying the trackpad or touchscreen display hardware. Additionally, in some implementations, a user of the device is provided with a software setting to adjust one or more of the sets of intensity thresholds (e.g., by adjusting individual intensity thresholds and / or by adjusting multiple intensity thresholds at once via a system-level click “intensity” parameter).

[0107] Contact / motion module 130 optionally detects gesture input by a user. Different gestures on a touch-sensitive surface have different contact patterns (e.g., different movements, timing, and / or strength of detected contacts). Thus, gestures are optionally detected by detecting a particular contact pattern. For example, detecting a finger tap gesture includes detecting a finger down event, followed by detecting a finger up (lift off) event at the same location (or substantially the same location) as the finger down event (e.g., at the location of an icon). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger down event, followed by one or more finger drag events, followed by detecting a finger up (lift off) event.

[0108] Graphics module 132 includes various known software components that render and display graphics on touchscreen 112 or other display, including components that vary the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual characteristics) of the displayed graphics. As used herein, the term "graphics" includes any object that can be displayed to a user, including, but not limited to, characters, web pages, icons (such as user interface objects including soft keys), digital images, video, animations, and the like.

[0109] In some embodiments, graphics module 132 stores data representing the graphics to be used. Each graphic is, optionally, assigned a corresponding code. Graphics module 132 receives one or more codes specifying the graphics to be displayed, including, as appropriate, coordinate data and other graphic characteristic data, from an application or the like, and then generates screen image data for output to display controller 156.

[0110] The tactile feedback module 133 includes various software components for generating instructions used by the tactile output generator 167 to generate tactile outputs at one or more locations on the device 100 in response to a user's interaction with the device 100.

[0111] Text input module 134 is optionally a component of graphics module 132 and provides a soft keyboard for entering text in various applications (e.g., contacts 137, email 140, IM 141, browser 147, and any other application requiring text input).

[0112] The GPS module 135 determines the location of the device and provides this information for use in various applications (e.g., to the phone 138 for use in location-based dialing, to the camera 143 as photo / video metadata, and to applications that provide location-based services, such as a weather widget, a local yellow page widget, and a map / navigation widget).

[0113] Application 136 optionally includes the following modules (or sets of instructions), or a subset or superset thereof: A contacts module 137 (sometimes called an address book or contact list); Telephone module 138, · Videoconferencing module 139, · an email client module 140; · Instant Messaging (IM) module 141, Training Support Module 142, · a camera module 143 for still images and / or video; Image management module 144, -Video player module, Music player module, Browser module 147, Calendar module 148, · optionally a widget module 149 including one or more of a weather widget 149-1, a stocks widget 149-2, a calculator widget 149-3, an alarm clock widget 149-4, a dictionary widget 149-5, and other widgets obtained by the user, as well as user-created widgets 149-6; a widget creator module 150 for creating user-created widgets 149-6; · Search module 151, A video and music player module 152 that integrates a video player module and a music player module; · Memo module 153, A map module 154, and / or ·Online video module 155.

[0114] Examples of other applications 136 optionally stored in memory 102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA-enabled applications, encryption, digital rights management, voice recognition, and voice duplication.

[0115] The contacts module 137, in conjunction with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134, is optionally used to manage an address book or contact list (e.g., stored in the memory 102 or in the application internal state 192 of the contacts module 137 in the memory 370), which may include adding names to the address book, removing name(s) from the address book, associating phone number(s), email address(es), physical address(es), or other information with names, associating pictures with names, categorizing and sorting names, providing phone numbers or email addresses to initiate and / or facilitate communication by phone 138, videoconferencing module 139, email 140, or IM 141, etc.

[0116] Telephone module 138, in conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, is optionally used to enter character sequences corresponding to telephone numbers, access one or more telephone numbers in contacts module 137, modify entered telephone numbers, dial respective telephone numbers, place calls, and disconnect and hang up when a call is completed. As previously mentioned, wireless communication optionally uses any of a number of communication standards, protocols, and technologies.

[0117] Video conferencing module 139 includes executable instructions to cooperate with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, light sensor 164, light sensor controller 158, contact / motion module 130, graphics module 132, text input module 134, contact module 137, and telephone module 138 to initiate, conduct, and end a video conference between a user and one or more other participants in accordance with instructions from the user.

[0118] The email client module 140, in conjunction with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134, contains executable instructions for composing, sending, receiving, and managing emails in response to user instructions. In conjunction with the image management module 144, the email client module 140 greatly facilitates the creation and sending of emails with still or video images captured by the camera module 143.

[0119] Instant messaging module 141 includes executable instructions in cooperation with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134 for entering character sequences corresponding to instant messages, modifying previously entered characters, sending respective instant messages (e.g., using Short Message Service (SMS) or Multimedia Message Service (MMS) protocols for telephony-based instant messaging, or XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receiving instant messages, and viewing received instant messages. In some embodiments, sent and / or received instant messages optionally include graphics, photos, audio files, video files, and / or other attachments as supported by MMS and / or Enhanced Messaging Service (EMS). As used herein, "instant messaging" refers to both telephony-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).

[0120] The training support module 142 includes executable instructions to cooperate with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, the GPS module 135, the map module 154, and the music player module to create workouts (e.g., having time, distance, and / or calorie burn goals), communicate with training sensors (sports devices), receive training sensor data, calibrate sensors used to monitor the workouts, select and play music for the workouts, and display, store, and transmit the workout data.

[0121] Camera module 143, in conjunction with touch screen 112, display controller 156, light sensor 164, light sensor controller 158, contact / motion module 130, graphics module 132, and image management module 144, contains executable instructions for capturing and storing still images or video (including video streams) in memory 102, modifying characteristics of a still image or video, or deleting a still image or video from memory 102.

[0122] Image management module 144, in conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and camera module 143, contains executable instructions for arranging, modifying (e.g., editing), or otherwise manipulating, labeling, deleting, presenting (e.g., in a digital slide show or album), and storing still and / or video images.

[0123] Browser module 147, in conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, contains executable instructions for browsing the Internet in accordance with a user's instructions, including retrieving, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0124] The calendar module 148 includes executable instructions to cooperate with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, the email client module 140, and the browser module 147 to create, display, modify, and store calendars and data associated with the calendars (e.g., calendar items, to-do lists, etc.) according to user instructions.

[0125] Widget module 149, in conjunction with RF circuitry 108, touch screen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and browser module 147, optionally provides mini-applications (e.g., weather widget 149-1, stocks widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) downloaded and used by a user, or mini-applications (e.g., user-created widget 149-6) created by a user. In some embodiments, a widget includes a Hypertext Markup Language (HTML) file, a Cascading Style Sheets (CSS) file, and a JavaScript file. In some embodiments, a widget includes an Extensible Markup Language (XML) file and a JavaScript file (e.g., Yahoo! Widget).

[0126] The widget creator module 150, in conjunction with the RF circuitry 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, and the browser module 147, is optionally used by a user to create a widget (e.g., turn a user-specified portion of a web page into a widget).

[0127] The search module 151 includes executable instructions for operating in conjunction with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134 to search for text, music, sound, images, video, and / or other files in the memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with a user's instructions.

[0128] Video and music player module 152 includes executable instructions that cooperate with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147 to enable a user to download and play pre-recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, as well as executable instructions for displaying, presenting, or otherwise playing videos (e.g., on touchscreen 112 or on an external display connected via external port 124). In some embodiments, device 100 optionally includes the functionality of an MP3 player, such as an iPod (a trademark of Apple Inc.).

[0129] The notes module 153 includes executable instructions for cooperating with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134 to create and manage notes, to-do lists, and the like as directed by a user.

[0130] Map module 154, in conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, is used to receive, display, modify, and store maps and data associated with the maps (e.g., driving directions, data regarding businesses and other points of interest at or near a particular location, and other location-based data), optionally in accordance with a user's instructions.

[0131] Online video module 155, in conjunction with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, email client module 140, and browser module 147, includes instructions that enable a user to access, browse for, receive (e.g., by streaming and / or downloading), play (e.g., on the touchscreen or on an external display connected via external port 124), send emails with links to the particular online videos, and otherwise manage the online videos in one or more file formats, such as H.264. In some embodiments, instant messaging module 141 is used to send links to the particular online videos, rather than email client module 140. For additional description of online video applications, see U.S. Provisional Patent Application No. 60 / 936,562, entitled "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," filed June 20, 2007, and U.S. Patent Application No. 11 / 968,067, entitled "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," filed December 31, 2007, the contents of which are incorporated by reference in their entireties.

[0132] Each of the above-identified modules and applications corresponds to a set of executable instructions that perform one or more of the functions previously described and methods described in this application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., sets of instructions) need not be implemented as separate software programs, procedures, or modules, and thus, in various embodiments, various subsets of these modules are optionally combined or otherwise reconfigured. For example, a video player module is optionally combined with a music player module into a single module (e.g., video and music player module 152 of FIG. 1A). In some embodiments, memory 102 optionally stores a subset of the above-identified modules and data structures. Additionally, memory 102 optionally stores additional modules and data structures not described above.

[0133] In some embodiments, device 100 is a device in which operation of a predefined set of functions on the device is performed exclusively via a touchscreen and / or touchpad. Using the touchscreen and / or touchpad as the primary input control device for operation of device 100 optionally reduces the number of physical input control devices (push buttons, dials, etc.) on device 100.

[0134] The set of predefined functions performed only through the touchscreen and / or touchpad optionally includes navigation between user interfaces. In some embodiments, the touchpad, when touched by a user, navigates device 100 to a main menu, a home menu, or a root menu from any user interface displayed on device 100. In such embodiments, a "menu button" is implemented using the touchpad. In some other embodiments, the menu button is a physical push button or other physical input control device rather than a touchpad.

[0135] 1B is a block diagram illustrating example components for event processing, according to some embodiments. In some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) includes event sorter 170 (e.g., within operating system 126) and a respective application 136-1 (e.g., any of applications 137-151, 155, 380-390 discussed above).

[0136] Event sorter 170 receives the event information and determines which application 136-1 to deliver the event information to and application view 191 of application 136-1. Event sorter 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, application 136-1 includes application internal state 192 that indicates the current application view that is displayed on touch-sensitive display 112 when the application is active or running. In some embodiments, device / global internal state 157 is used by event sorter 170 to determine which application(s) is currently active, and application internal state 192 is used by event sorter 170 to determine which application view 191 to deliver the event information to.

[0137] In some embodiments, application internal state 192 includes additional information such as one or more of resume information to be used when application 136-1 resumes execution, user interface state information indicating or ready to display information being displayed by application 136-1, state cues that allow a user to return to a previous state or view of application 136-1, and redo / undo cues of previous actions taken by the user.

[0138] Event monitor 171 receives event information from peripherals interface 118. The event information includes information about a sub-event (e.g., a user touch as part of a multi-touch gesture on touch-sensitive display 112). Peripherals interface 118 transmits information it receives from I / O subsystem 106 or sensors such as proximity sensor 166, accelerometer(s) 168, and / or microphone 113 (via audio circuitry 110). Information that peripherals interface 118 receives from I / O subsystem 106 includes information from touch-sensitive display 112 or a touch-sensitive surface.

[0139] In some embodiments, event monitor 171 sends requests to peripherals interface 118 at predetermined intervals. In response, peripherals interface 118 transmits event information. In other embodiments, peripherals interface 118 transmits event information only when there is a significant event (e.g., receipt of an input above a predetermined noise threshold and / or for a predetermined duration).

[0140] In some embodiments, event sorter 170 also includes a hit view determination module 172 and / or an active event recognizer determination module 173.

[0141] Hit view determination module 172 provides software procedures that determine where a sub-event occurred within one or more views when touch-sensitive display 112 displays more than one view. A view consists of the controls and other elements that a user can see on the display.

[0142] Another aspect of a user interface associated with an application is the set of views, sometimes referred to herein as application views or user interface windows, in which information is displayed and touch-based gestures occur. The application view (of the respective application) in which the touch is detected optionally corresponds to a programmatic level within the programmatic or view hierarchy of the application. For example, the lowest level view in which the touch is detected is optionally referred to as a hit view, and the set of events that are recognized as suitable inputs is optionally determined based at least in part on the hit view of the initial touch that initiates the touch gesture.

[0143] Hit view determination module 172 receives information related to sub-events of a touch-based gesture. When an application has multiple views organized in a hierarchical manner, hit view determination module 172 identifies the hit view as the lowest view in the hierarchy that should process the sub-events. In most situations, the hit view is the lowest level view in which an initiating sub-event occurs (e.g., the first sub-event in a sub-event sequence that forms an event or potential event). Once a hit view is identified by hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source as the touch or input source identified as the hit view.

[0144] Active event recognizer determination module 173 determines which view(s) in the view hierarchy should receive the particular sequence of sub-events. In some embodiments, active event recognizer determination module 173 determines that only the hit view should receive the particular sequence of sub-events. In other embodiments, active event recognizer determination module 173 determines that all views that contain the physical location of the sub-event are actively participating views, and therefore all actively participating views should receive the particular sequence of sub-events. In other embodiments, even if the touch sub-event is completely confined to the area associated with one particular view, views higher in the hierarchy still remain actively participating views.

[0145] Event dispatcher module 174 dispatches the event information to event recognizers (e.g., event recognizer 180). In embodiments that include active event recognizer determination module 173, event dispatcher module 174 delivers the event information to the event recognizers determined by active event recognizer determination module 173. In some embodiments, event dispatcher module 174 stores event information obtained by each event receiver 182 in an event queue.

[0146] In some embodiments, operating system 126 includes event sorter 170. Alternatively, application 136-1 includes event sorter 170. In yet other embodiments, event sorter 170 is a stand-alone module or is part of another module stored in memory 102, such as contact / motion module 130.

[0147] In some embodiments, application 136-1 includes multiple event handlers 190 and one or more application views 191, each including instructions for handling touch events that occur within a respective view of the application's user interface. Each application view 191 of application 136-1 includes one or more event recognizers 180. Typically, each application view 191 includes multiple event recognizers 180. In other embodiments, one or more of event recognizers 180 are part of a separate module, such as a user interface kit or a higher-level object from which application 136-1 inherits methods and other properties. In some embodiments, each event handler 190 includes one or more of data updaters 176, object updaters 177, GUI updaters 178, and / or event data 179 received from event sorter 170. Event handlers 190 optionally utilize or call data updaters 176, object updaters 177, or GUI updaters 178 to update application internal state 192. Alternatively, one or more of the application views 191 include one or more respective event handlers 190. Also, in some embodiments, one or more of the data updater 176, the object updater 177, and the GUI updater 178 are included in each application view 191.

[0148] Each event recognizer 180 receives event information (e.g., event data 179) from event sorter 170 and identifies an event from the event information. Event recognizer 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 also includes at least a subset of metadata 183 and event delivery instructions 188 (optionally including sub-event delivery instructions).

[0149] Event receiver 182 receives event information from event sorter 170. The event information includes information about a sub-event, e.g., a touch or a movement of a touch. Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When the sub-event involves a movement of a touch, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, the event includes a rotation of the device from one orientation to another (e.g., from portrait to landscape or vice versa), and the event information includes corresponding information about the current orientation of the device (also referred to as the device's attitude).

[0150] The event comparator 184 compares the event information to predefined event or sub-event definitions and determines the event or sub-event or determines or updates the state of the event or sub-event based on the comparison. In some embodiments, the event comparator 184 includes an event definition 186. The event definition 186 includes definitions of events (e.g., a sequence of predefined sub-events), such as event 1 (187-1) and event 2 (187-2). In some embodiments, sub-events in an event (187) include, for example, touch start, touch end, touch move, touch cancel, and multiple touches. In one example, the definition for event 1 (187-1) is a double tap on a displayed object. The double tap includes, for example, a first touch on a displayed object for a given phase (touch start), a first lift off (touch end) for a given phase, a second touch on a displayed object for a given phase (touch start), and a second lift off (touch end) for a given phase. In another example, a definition of event 2 (187-2) is a drag on a displayed object. A drag includes, for example, a touch (or contact) on a displayed object to a predetermined stage, a movement of the touch across the touch-sensitive display 112, and a lift-off of the touch (end of the touch). In some embodiments, the event also includes information regarding one or more associated event handlers 190.

[0151] In some embodiments, event definition 187 includes a definition of the event for each user interface object. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with the sub-event. For example, when a touch is detected on touch-sensitive display 112 in an application view in which three user interface objects are displayed on touch-sensitive display 112, event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a respective event handler 190, event comparator 184 uses the results of the hit test to determine which event handler 190 to activate. For example, event comparator 184 selects the event handler associated with the sub-event and object that triggers the hit test.

[0152] In some embodiments, each event 187 definition also includes a delay action that delays transmission of the event information until it is determined whether the sequence of sub-events corresponds to the event type of the event recognizer.

[0153] If the respective event recognizer 180 determines that the sequence of sub-events does not match any of the events in the event definition 186, the respective event recognizer 180 enters an event disabled, event failed, or event finished state and thereafter ignores the next sub-event of the touch-based gesture. In this situation, any other event recognizers that remain active for the hit view continue to track and process sub-events of the ongoing touch gesture.

[0154] In some embodiments, each event recognizer 180 includes metadata 183 with configurable properties, flags, and / or lists that indicate to actively participating event recognizers how the event delivery system should perform sub-event delivery. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate how event recognizers interact with each other or are enabled to interact with each other. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate how sub-events are delivered to various levels in a view or programmatic hierarchy.

[0155] In some embodiments, each event recognizer 180 activates an event handler 190 associated with an event when one or more particular sub-events of the event are recognized. In some embodiments, each event recognizer 180 delivers event information associated with the event to the event handler 190. Activating the event handler 190 is separate from sending (and postponing sending) the sub-events to the respective hit view. In some embodiments, the event recognizer 180 pops a flag associated with the recognized event, and the event handler 190 associated with the flag catches the flag and performs a predefined process.

[0156] In some embodiments, the event delivery instructions 188 include sub-event delivery instructions that deliver event information about a sub-event without activating an event handler. Instead, the sub-event delivery instructions deliver the event information to an event handler associated with a set of sub-events or to an actively participating view. The event handler associated with the set of sub-events or the actively participating view receives the event information and performs a predetermined process.

[0157] In some embodiments, data updater 176 creates and updates data used by application 136-1. For example, data updater 176 updates phone numbers used by contacts module 137 or stores video files used by a video player module. In some embodiments, object updater 177 creates and updates objects used by application 136-1. For example, object updater 177 creates new user interface objects or updates the positions of user interface objects. GUI updater 178 updates the GUI. For example, GUI updater 178 prepares display information and sends the display information to graphics module 132 for display on the touch-sensitive display.

[0158] In some embodiments, event handler(s) 190 includes or has access to data updater 176, object updater 177, and GUI updater 178. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in a single module of a respective application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0159] It should be understood that the foregoing description of event processing of a user's touch on a touch-sensitive display also applies to other forms of user input for operating multifunction device 100 with input devices, not all of which are initiated on a touch screen. For example, mouse movements and mouse button presses, contact movements such as tapping, dragging, scrolling on a touchpad, optionally coordinated with single or multiple presses or holds of a keyboard, pen stylus input, device movement, verbal commands, detected eye movements, biometric input, and / or any combination thereof, are optionally utilized as inputs corresponding to sub-events that define the event to be recognized.

[0160] FIG. 2 illustrates portable multifunction device 100 having touch screen 112, according to some embodiments. The touch screen optionally displays one or more graphics in user interface (UI) 200. In this embodiment, as well as other embodiments described below, a user may select one or more of the graphics by performing a gesture on the graphics, for example, using one or more fingers 202 (not drawn to scale) or one or more styluses 203 (not drawn to scale). In some embodiments, selection of one or more graphics is performed when the user breaks contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (left to right, right to left, upwards and / or downwards), and / or rolling (right to left, left to right, upwards and / or downwards) of a finger in contact with device 100. In some implementations or situations, accidental contact with a graphic does not select that graphic: for example, a swipe gesture sweeping over an application icon optionally does not select the corresponding application when the gesture corresponding to selection is a tap.

[0161] Device 100 optionally also includes one or more physical buttons, such as a “home” button or menu button 204. As previously mentioned, menu button 204 is optionally used to navigate to any application 136 within a set of applications executing on device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key within a GUI displayed on touch screen 112.

[0162] In some embodiments, device 100 includes touch screen 112, menu button 204, push button 206 for powering the device on / off and locking the device, volume control button 208, subscriber identity module (SIM) card slot 210, headset jack 212, and external port 124 for docking / charging. Push button 206 is optionally used to power the device on / off by pressing and holding the button down for a predefined period of time, to lock the device by pressing and releasing the button before the predefined time has elapsed, and / or to unlock the device or initiate an unlocking process. In an alternative embodiment, device 100 also accepts verbal input via microphone 113 to activate or deactivate some functions. Device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of a contact on touch screen 112 and / or one or more tactile output generators 167 for generating a tactile output to a user of device 100.

[0163] FIG. 3 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface, according to some embodiments. Device 300 need not be portable. In some embodiments, device 300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a child's learning toy), a gaming system, or a control device (e.g., a home or commercial controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, memory 370, and one or more communication buses 320 that interconnect these components. Communication bus 320 optionally includes circuitry (sometimes referred to as a chipset) that interconnects and controls communication between system components. Device 300 includes input / output (I / O) interface 330, including display 340, which is typically a touchscreen display. I / O interface 330 also optionally includes a keyboard and / or mouse (or other pointing device) 350 and a touchpad 355, a tactile output generator 357 (e.g., similar to tactile output generator 167 described above with reference to FIG. 1A) for generating tactile output on device 300, and sensors 359 (e.g., light, acceleration, proximity, touch sensing, and / or contact intensity sensors similar to contact intensity sensor 165 described above with reference to FIG. 1A). Memory 370 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices, and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 370 optionally includes one or more storage devices located remotely from CPU(s) 310.In some embodiments, memory 370 stores programs, modules, and data structures similar to, or a subset of, programs, modules, and data structures stored in memory 102 of portable multifunction device 100 (FIG. 1A). Additionally, memory 370 optionally stores additional programs, modules, and data structures not present in memory 102 of portable multifunction device 100. For example, memory 370 of device 300 optionally stores drawing module 380, presentation module 382, ​​word processing module 384, website creation module 386, disk authoring module 388, and / or spreadsheet module 390, whereas memory 102 of portable multifunction device 100 (FIG. 1A) optionally does not store these modules.

[0164] Each of the above-identified elements of FIG. 3 is optionally stored in one or more of the memory devices mentioned above. Each of the above-identified modules corresponds to an instruction set that performs the functions described above. The above-identified modules or programs (e.g., instruction sets) need not be implemented as separate software programs, procedures, or modules, and thus in various embodiments, various subsets of these modules are optionally combined or otherwise reconfigured. In some embodiments, memory 370 optionally stores a subset of the above-identified modules and data structures. Additionally, memory 370 optionally stores additional modules and data structures not described above.

[0165] Attention is now optionally directed to embodiments of user interfaces implemented, for example, on portable multifunction device 100.

[0166] 4A shows an exemplary user interface for a menu of applications on portable multifunction device 100, according to some embodiments. A similar user interface is optionally implemented on device 300. In some embodiments, user interface 400 includes the following elements, or a subset or superset thereof: ● signal strength indicator(s) 402 for wireless communication(s), such as cellular and Wi-Fi signals; ●Time 404, ●Bluetooth indicator 405, ● Battery status indicator 406, Tray 408 with icons of frequently used applications, such as: ○ An icon 416 for the phone module 138, labeled “Phone”, optionally including an indicator 414 of the number of missed calls or voicemail messages; ○ An icon 418 of the email client module 140, labeled “Mail”, optionally including an indicator 410 of the number of unread emails; ○ An icon 420 for the Browser module 147, labeled "Browser"; and ○ An icon 422 for the video and music player module 152, also called the iPod (trademark of Apple Inc.) module 152, labeled "iPod"; and ● Icons of other applications, such as: ○ Icon 424 of IM module 141, labeled "Messages"; ○ Icon 426 of the Calendar module 148, labeled "Calendar", ○ Icon 428 of the image management module 144, labeled "Photos"; ○ An icon 430 of the camera module 143, labeled “camera”; ○ Icon 432 of the online video module 155, labeled "Online Video"; Icon 434 of Stocks widget 149-2, labeled "Stock Prices" ○ Icon 436 of the map module 154, labeled "Map"; ○ Icon 438 of weather widget 149-1, labeled "Weather"; ○ Icon 440 of alarm clock widget 149-4, labeled "Clock"; ○ Icon 442 of Training Support Module 142, labeled "Training Support"; ○ An icon 444 of the Notes module 153, labeled "Notes"; and ○ A settings application or module icon 446 labeled “Settings,” which provides access to settings for the device 100 and its various applications 136 .

[0167] 4A are merely exemplary. For example, icon 422 of video and music player module 152 is labeled "Music" or "Music Player," although other labels are optionally used for the various application icons. In some embodiments, the label for each application icon includes the name of the application that corresponds to the respective application icon. In some embodiments, the label of a particular application icon is different from the name of the application that corresponds to that particular application icon.

[0168] 4B shows an example user interface on a device (e.g., device 300 of FIG. 3) that has a touch-sensitive surface 451 (e.g., tablet or touchpad 355 of FIG. 3) that is separate from display 450 (e.g., touchscreen display 112). Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) that detect the intensity of a contact on touch-sensitive surface 451 and / or one or more tactile output generators 357 that generate a tactile output to a user of device 300.

[0169] Although some of the following examples are given with reference to input on touch screen display 112 (wherein the touch-sensitive surface and display are combined), in some embodiments the device detects input on a touch-sensitive surface that is separate from the display, as shown in FIG. 4B. In some embodiments, the touch-sensitive surface (e.g., 451 in FIG. 4B) has a primary axis (e.g., 452 in FIG. 4B) that corresponds to a primary axis (e.g., 453 in FIG. 4B) on the display (e.g., 450). According to these embodiments, the device detects contact with touch-sensitive surface 451 (e.g., 460 and 462 in FIG. 4B) at locations that correspond to respective locations on the display (e.g., in FIG. 4B, 460 corresponds to 468 and 462 corresponds to 470). In this manner, user input (e.g., contacts 460 and 462 and their movement) detected by the device on the touch-sensitive surface (e.g., 451 in FIG. 4B) is used by the device to operate a user interface on the display (e.g., 450 in FIG. 4B) of the multifunction device when the touch-sensitive surface is separate from the display. It is to be understood that similar methods are optionally used for the other user interfaces described herein.

[0170] In addition, while the following examples are given primarily with reference to finger input (e.g., finger contact, finger tap gesture, finger swipe gesture), it should be understood that in some embodiments, one or more of the finger inputs are replaced with input from another input device (e.g., mouse-based input or stylus input). For example, a swipe gesture is optionally replaced by a mouse click (e.g., instead of a contact) followed by movement of a cursor along the path of the swipe (e.g., instead of moving the contact). As another example, a tap gesture is optionally replaced by a mouse click (e.g., instead of detecting a contact and then stopping detection of the contact) while the cursor is located over the location of the tap gesture. Similarly, it should be understood that when multiple user inputs are detected simultaneously, multiple computer mice are optionally used simultaneously, or mice and finger contacts are optionally used simultaneously.

[0171] FIG. 5A illustrates an exemplary personal electronic device 500. Device 500 includes a body 502. In some embodiments, device 500 can include some or all of the features described with respect to devices 100 and 300 (e.g., FIGS. 1A-4B). In some embodiments, device 500 has a touch-sensitive display screen 504, hereafter touch screen 504. Alternatively, or in addition to touch screen 504, device 500 has a display and a touch-sensitive surface. Similar to devices 100 and 300, in some embodiments, touch screen 504 (or touch-sensitive surface) optionally includes one or more intensity sensors that detect the intensity of a contact (e.g., a touch) being applied. The one or more intensity sensors of touch screen 504 (or touch-sensitive surface) can provide output data representative of the intensity of the touch. A user interface of device 500 can respond to touch(s) based on their intensity, meaning that touches of different intensities can invoke different user interface actions on device 500.

[0172] For exemplary techniques for detecting and processing touch intensity, see, for example, related applications International Patent Application No. PCT / US2013 / 040061, filed May 8, 2013, entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application," published as International Patent Application No. WO / 2013 / 169849, and International Patent Application No. PCT / US2013 / 069483, filed November 11, 2013, published as International Patent Application No. WO / 2014 / 105276, entitled "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships," each of which is incorporated herein by reference in its entirety.

[0173] In some embodiments, device 500 has one or more input mechanisms 506 and 508. Input mechanisms 506 and 508, if included, can be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments, device 500 has one or more attachment mechanisms. Such attachment mechanisms, if included, can allow device 500 to be attached to, for example, hats, eyewear, earrings, necklaces, shirts, jackets, bracelets, watch bands, chains, pants, belts, shoes, wallets, backpacks, etc. These attachment mechanisms allow a user to wear device 500.

[0174] FIG. 5B illustrates an exemplary personal electronic device 500. In some embodiments, the device 500 can include some or all of the components described with respect to FIGS. 1A, 1B, and 3. The device 500 has a bus 512 that operably couples an I / O section 514 to one or more computer processors 516 and a memory 518. The I / O section 514 can be connected to a display 504, which can have a touch-sensing component 522 and, optionally, an intensity sensor 524 (e.g., a contact intensity sensor). In addition, the I / O section 514 can be connected to a communication unit 530 that receives application and operating system data using Wi-Fi, Bluetooth, near field communication (NFC), cellular, and / or other wireless communication technologies. The device 500 can include input mechanisms 506 and / or 508. The input mechanism 506 is optionally, for example, a rotatable input device or a depressible and rotatable input device. In some examples, the input mechanism 508 is optionally a button.

[0175] In some embodiments, the input mechanism 508 is optionally a microphone. The personal electronic device 500 optionally includes various sensors, such as a GPS sensor 532, an accelerometer 534, an orientation sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and / or combinations thereof, all of which may be operatively connected to the I / O section 514.

[0176] The memory 518 of the personal electronic device 500 can include one or more non-transitory computer-readable storage media for storing computer-executable instructions that, when executed by one or more computer processors 516, can, for example, cause the computer processors to perform the techniques described below, including processes 700, 900, 1100, 1300, 1500, 1700, and 1900 (FIGS. 7, 9, 11, 13, 15, 17, and 19). A computer-readable storage medium can be any medium that can tangibly contain or store computer-executable instructions for use by or in connection with an instruction execution system, apparatus, or device. In some embodiments, the storage medium is a transient computer-readable storage medium. In some embodiments, the storage medium is a non-transitory computer-readable storage medium. A non-transitory computer-readable storage medium can include, but is not limited to, magnetic, optical, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, optical disks based on CD, DVD, or Blu-ray technology, and resident solid-state memory such as flash, solid-state drives, etc. Personal electronic device 500 is not limited to the components and configuration of FIG. 5B and may include other or additional components in multiple configurations.

[0177] The term "affordance" as used herein optionally refers to a user-interactive graphical user interface object displayed on a display screen of device 100, 300, and / or 500 (FIGS. 1A, 3, and 5A-5B). For example, images (e.g., icons), buttons, and text (e.g., hyperlinks) each, optionally, constitute an affordance.

[0178] The term "focus selector" as used herein refers to an input element that indicates the current portion of the user interface with which the user is interacting. In some implementations involving a cursor or other position marker, the cursor acts as the "focus selector," such that when an input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 of FIG. 3 or touch-sensitive surface 451 of FIG. 4B) while the cursor is positioned over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted according to the detected input. In some implementations involving a touchscreen display (e.g., touch-sensitive display system 112 of FIG. 1A or touchscreen 112 of FIG. 4A) that allows direct interaction with user interface elements on the touchscreen display, a detected contact on the touchscreen acts as the "focus selector," such that when an input (e.g., a press input by contact) is detected at the location of a particular user interface element (e.g., a button, window, slider, or other user interface element) on the touchscreen display, the particular user interface element is adjusted according to the detected input. In some implementations, focus is moved from one region of the user interface to another region of the user interface without a corresponding cursor movement or contact movement on the touchscreen display (e.g., by using a tab key or arrow keys to move focus from one button to another), and in these implementations the focus selector moves to follow the movement of focus between various regions of the user interface. Regardless of the specific form the focus selector takes, the focus selector is generally a user interface element (or contact on a touchscreen display) that is controlled by the user to communicate the user's intended interaction with the user interface (e.g., by indicating to the device which element of the user interface the user intends to interact with).For example, positioning of a focus selector (e.g., a cursor, touch, or selection box) over a corresponding button while a press input is detected on a touch-sensitive surface (e.g., a touchpad or touchscreen) indicates that the user intends to activate that corresponding button (and not another user interface element shown on the device's display).

[0179] As used herein and in the claims, the term "characteristic intensity" of a contact refers to a characteristic of that contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on a plurality of intensity samples. The characteristic intensity is optionally based on a predefined number of intensity samples, i.e., a set of intensity samples collected during a predefined period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds) associated with a predefined event (e.g., after detecting a contact, before detecting lift-off of the contact, before or after detecting the start of movement of the contact, before detecting the end of the contact, before or after detecting an increase in the intensity of the contact, and / or before or after detecting a decrease in the intensity of the contact). The characteristic intensity of the contact is optionally based on one or more of the following: a maximum value of the intensity of the contact, a mean value of the intensity of the contact, an average value of the intensity of the contact, a top 10 percentile value of the intensity of the contact, a half maximum value of the intensity of the contact, a 90th percentile value of the intensity of the contact, etc. In some embodiments, the duration of the contact is used in determining the characteristic intensity (e.g., when the characteristic intensity is an average of the intensity of the contact over time). In some embodiments, the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an action is performed by the user. For example, the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold. In this example, a contact having a characteristic intensity not exceeding the first threshold results in a first action, a contact having a characteristic intensity above the first intensity threshold but not exceeding the second intensity threshold results in a second action, and a contact having a characteristic intensity above the second threshold results in a third action. In some embodiments, the comparison between the characteristic intensity and the one or more thresholds is not used to determine whether the first action or the second action should be performed, but rather is used to determine whether one or more actions should be performed (e.g., whether to perform the respective action or to forgo performing the respective action).

[0180] FIG. 5C illustrates detecting multiple contacts 552A-552E on the touch-sensitive display screen 504 by multiple intensity sensors 524A-524D. FIG. 5C additionally includes an intensity diagram showing the current intensity measurements of the intensity sensors 524A-524D versus intensity units. In this example, the intensity measurements of the intensity sensors 524A and 524D are each 9 intensity units, and the intensity measurements of the intensity sensors 524B and 524C are each 7 intensity units. In some implementations, the aggregate intensity is the sum of the intensity measurements of the multiple intensity sensors 524A-524D, which in this example is 32 intensity units. In some embodiments, each contact is assigned a respective intensity that is a portion of the aggregate intensity. FIG. 5D illustrates assigning aggregate intensities to the contacts 552A-552E based on their distance from the center of force 554. In this example, each of contacts 552A, 552B, and 552E is assigned a contact intensity of 8 intensity units of the aggregate intensity, and each of contacts 552C and 552D is assigned a contact intensity of 4 intensity units of the aggregate intensity. More generally, in some implementations, each contact j is assigned a respective intensity Ij that is a portion of the aggregate intensity A according to a predefined mathematical function Ij=A·(Dj / ΣDi), where Dj is the distance from the center of force to the respective contact j, and ΣDi is the sum of the distances from the center of force to all respective contacts (e.g., from i=1 to the end). The operations described with reference to FIGS. 5C-5D can be performed using electronic devices similar or identical to device 100, 300, or 500. In some embodiments, the characteristic intensity of the contact is based on one or more intensities of the contact. In some embodiments, an intensity sensor is used to determine a single characteristic intensity (e.g., a single characteristic intensity of a single contact). Note that the intensity diagrams are not part of the displayed user interface, but are included in FIGS. 5C-5D as an aid to the reader.

[0181] In some embodiments, a portion of the gesture is identified for purposes of determining the characteristic intensity. For example, the touch-sensitive surface optionally receives successive swipe contacts that transition from a start position to an end position where the intensity of the contact increases. In this example, the characteristic intensity of the contact at the end position is optionally based on only a portion of the successive swipe contacts (e.g., only the portion of the swipe contact at the end position) rather than the entire swipe contact. In some embodiments, a smoothing algorithm is optionally applied to the intensity of the swipe contact prior to determining the characteristic intensity of the contact. For example, the smoothing algorithm optionally includes one or more of an unweighted moving average smoothing algorithm, a triangular smoothing algorithm, a median filter smoothing algorithm, and / or an exponential smoothing algorithm. In some circumstances, these smoothing algorithms eliminate narrow spikes or dips in the swipe contact intensity for purposes of determining the characteristic intensity.

[0182] The intensity of the contact on the touch-sensitive surface is optionally characterized against one or more intensity thresholds, such as a contact-detection intensity threshold, a light press intensity threshold, a deep press intensity threshold, and / or one or more other intensity thresholds. In some embodiments, the light press intensity threshold corresponds to an intensity at which the device performs an action normally associated with clicking a physical mouse button or trackpad. In some embodiments, the deep press intensity threshold corresponds to an intensity at which the device performs an action different from an action normally associated with clicking a physical mouse button or trackpad. In some embodiments, when a contact is detected having a characteristic intensity below the light press intensity threshold (e.g., and above a nominal contact-detection intensity threshold below which the contact is not detected), the device follows the movement of the contact on the touch-sensitive surface and moves the focus selector without performing an action associated with the light press intensity threshold or the deep press intensity threshold. In general, unless otherwise specified, these intensity thresholds are consistent among various sets of values ​​for a user interface.

[0183] An increase in the characteristic intensity of a contact from an intensity below the light press intensity threshold to an intensity between the light press intensity threshold and the deep press intensity threshold may be referred to as inputting a "light press." An increase in the characteristic intensity of a contact from an intensity below the deep press intensity threshold to an intensity above the deep press intensity threshold may be referred to as inputting a "deep press." An increase in the characteristic intensity of a contact from an intensity below the contact detection intensity threshold to an intensity between the contact detection intensity threshold and the light press intensity threshold may be referred to as detecting a contact on the touch surface. A decrease in the characteristic intensity of a contact from an intensity above the contact detection intensity threshold to an intensity below the contact detection intensity threshold may be referred to as detecting a lift-off of the contact from the touch surface. In some embodiments, the contact detection intensity threshold is zero. In some embodiments, the contact detection intensity threshold is greater than zero.

[0184] In some embodiments described herein, one or more actions are performed in response to detecting a gesture including a respective press input or in response to detecting a respective press input performed by a respective contact (or contacts), where the respective press input is detected based at least in part on detecting an increase in intensity of the contact (or contacts) above a press input intensity threshold. In some embodiments, the respective actions are performed in response to detecting an increase in intensity of the respective contact above a press input intensity threshold (e.g., a "downstroke" of the respective press input). In some embodiments, the press input includes an increase in intensity of the respective contact above a press input intensity threshold followed by a decrease in intensity of the respective contact below the press input intensity threshold, where the respective actions are performed in response to detecting a subsequent decrease in intensity of the respective contact below the press input threshold (e.g., an "upstroke" of the respective press input).

[0185] 5E-5H show the results of the light press intensity threshold (e.g., “IT L ") to the deep depression intensity threshold (e.g., "IT D5 illustrates detection of a gesture including a press input corresponding to an increase in the intensity of contact 562 to an intensity above a deep press intensity threshold (e.g., "IT 1"). The gesture performed by contact 562 is detected on touch-sensitive surface 560 and cursor 576 is displayed over application icon 572B corresponding to app2 on display user interface 570, which includes application icons 572A-572D displayed in predefined region 574. In some embodiments, the gesture is detected on touch-sensitive display 504. An intensity sensor detects the intensity of the contact on touch-sensitive surface 560. The device detects when the intensity of contact 562 exceeds a deep press intensity threshold (e.g., "IT D Contact 562 is maintained on touch-sensitive surface 560. In response to detecting the gesture, a deep press intensity threshold (e.g., “IT D "), reduced-scale representations 578A-578C (e.g., thumbnails) of recently opened documents are displayed to app2 for contact 562, as shown in FIGS. 5F-5H. In some embodiments, this intensity, which is compared to one or more intensity thresholds, is a characteristic intensity of the contact. Note that the intensity diagrams for contact 562 are not part of the displayed user interface, but are included in FIGS. 5E-5H as an aid to the reader.

[0186] In some embodiments, the display of representations 578A-578C includes an animation. For example, as shown in FIG. 5F, representation 578A is first displayed adjacent to application icon 572B. As the animation progresses, as shown in FIG. 5G, representation 578A moves upward and representation 578B is displayed adjacent to application icon 572B. Then, as shown in FIG. 5H, representation 578A moves upward and representation 578B moves upward toward representation 578A and representation 578C is displayed adjacent to application icon 572B. Representations 578A-578C form an array above icon 572B. In some embodiments, the animation progresses according to the intensity of contact 562, as shown in FIGS. 5F-5G, as the intensity of contact 562 approaches a deep press intensity threshold (e.g., "ITD Representations 578A-578C appear and move upward as the intensity increases toward "intensity." In some embodiments, the intensity on which the animation progression is based is a characteristic intensity of the contact. The operations described with reference to FIGS. 5E-5H may be performed using an electronic device similar or identical to device 100, 300, or 500.

[0187] In some embodiments, the device employs intensity hysteresis to avoid accidental inputs, sometimes referred to as "jitter," and the device defines or selects a hysteresis intensity threshold that has a predefined relationship to the press input intensity threshold (e.g., the hysteresis intensity threshold is X intensity units below the press input intensity threshold, or the hysteresis intensity threshold is 75%, 90%, or some reasonable percentage of the press input intensity threshold). Thus, in some embodiments, the press input includes an increase in the intensity of the respective contact above the press input intensity threshold, followed by a decrease in the intensity of the contact below a hysteresis intensity threshold corresponding to the press input intensity threshold, and a respective action is performed in response to detecting a subsequent decrease in the intensity of the respective contact below the hysteresis intensity threshold (e.g., an "upstroke" of a respective press input). Similarly, in some embodiments, a press input is detected only when the device detects an increase in the intensity of the contact from an intensity below the hysteresis intensity threshold to an intensity above the press input intensity threshold, and optionally a subsequent decrease in the intensity of the contact to an intensity below the hysteresis intensity, and a respective action is performed in response to detecting the press input (e.g., an increase in the intensity of the contact or a decrease in the intensity of the contact, as the case may be).

[0188] For ease of explanation, descriptions of operations performed in response to a press input associated with a press input intensity threshold, or a gesture including a press input, are optionally triggered in response to detecting any of an increase in the intensity of a contact above the press input intensity threshold, an increase in the intensity of a contact from an intensity below a hysteresis intensity threshold to an intensity above the press input intensity threshold, a decrease in the intensity of a contact below the press input intensity threshold, and / or a decrease in the intensity of a contact below a hysteresis intensity threshold corresponding to the press input intensity threshold. Further, in examples where an operation is described as being performed in response to detecting a decrease in the intensity of a contact below a press input intensity threshold, the operation is optionally performed in response to detecting a decrease in the intensity of a contact below a hysteresis intensity threshold corresponding to and lower than the press input intensity threshold.

[0189] As used herein, an "installed application" refers to a software application that has been downloaded onto an electronic device (e.g., devices 100, 300, and / or 500) and is ready to run (e.g., opened) on the device. In some embodiments, a downloaded application becomes an installed application by an installation program that extracts program portions from a downloaded package and integrates the extracted portions with the computer system's operating system.

[0190] As used herein, the terms "open application" or "running application" refer to a software application that has retained state information (e.g., as part of device / global internal state 157 and / or application internal state 192). An open or running application is, optionally, any one of the following types of applications: ● the active application currently displayed on the display screen of the device on which the application is being used; Background applications (or background processes) that are not currently displayed, but for which one or more processes are being processed by one or more processors; and A suspended or hibernated application that is not running but has state information stored in memory (volatile and non-volatile, respectively) and that can be used to resume execution of the application.

[0191] As used herein, the term "closed application" refers to a software application that does not have retained state information (e.g., state information for a closed application is not stored in the device's memory). Thus, closing an application includes stopping and / or removing the application process for the application and removing state information for the application from the device's memory. Generally, opening a second application during a first application does not close the first application. When the second application is displayed and the first application is taken off the display, the first application becomes a background application.

[0192] Attention is now directed to embodiments of user interfaces (“UI”) and associated processes implemented on an electronic device, such as portable multifunction device 100, device 300, or device 500.

[0193] 6A-6J show example user interfaces for modifying elements of a clock face (e.g., an analog dial) based on whether another graphical element (e.g., a notification or a complication) should be displayed on the clock face, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0194] FIG. 6A illustrates an electronic device 600 displaying a clock face 606 on a display 602. In some embodiments, the device 600 includes one or more features of the device 100, the device 300, or the device 500. In the embodiment illustrated in FIG. 6A, the device 600 includes a pressable and rotatable input mechanism 604. In some embodiments, the device 600 displays the clock face 606 in response to receiving a request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face). The clock face 606 includes an hour hand 608a, a minute hand 608b, and an analog time display with an analog dial 612. The analog dial 612 includes a number of analog dial elements corresponding to respective time units. As shown in FIG. 6A, clock face 606 includes a first set of analog dial elements (hour markers) corresponding to increments of one hour (as well as five minutes and five seconds) and a second set of analog dial elements (minute markers) corresponding to increments of one minute (as well as one second).

[0195] 6B shows clock face 606 with notification 614. In some embodiments, device 600 receives an alert (e.g., a new text message, email, etc.) and displays notification 614 as an indication of the alert in response to receiving the alert. In some embodiments, device 600 displays clock face 606 with notification 614 in response to receiving a request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face).

[0196] As shown in FIG. 6B, the notification 614 is displayed as a graphical element (e.g., a circular dot) at a top and near-center location on the clock face 606. The notification 614 occupies a location on the clock face 606 previously occupied by the analog dial element 612a in FIG. 6A. To provide room on the clock face 606 for the notification 614, the position and / or size of the analog dial element 612a is changed (e.g., so that the notification 614 and the analog dial element 612a do not overlap or obstruct one another). In the illustrated embodiment, the analog dial element 612a is shortened to occupy a lower portion of the location on the clock face 606 it occupied in FIG. 6A, while the notification 614 occupies an upper portion of the location on the clock face 606 that the analog dial element 612a occupied in FIG. 6A.

[0197] In some embodiments, the clock face 606 is displayed in the configuration shown in Figure 6B (e.g., with notifications 614 and shortened analog dial elements 612a) pursuant to a determination that notifications 614 should be displayed at the respective positions on the clock face. Alternatively, pursuant to a determination that notifications 614 should not be displayed at the respective positions on the clock face, the device 600 displays the clock face 606 in the configuration of Figure 6A (e.g., without notifications 614 and with longer analog dial elements 612a).

[0198] In some embodiments, the device 600 stops displaying the notification 614 (e.g., after the notification 614 has been displayed for a threshold amount of time or in response to the user viewing an item associated with the notification (e.g., a newly received text message). As used herein, threshold can include a non-zero threshold (e.g., 0.5 seconds, 1 second).

[0199] As shown in FIG. 6C, in response to ceasing to display the notification 614, the device 600 returns the analog dial to the state shown in FIG. 6A (e.g., the analog dial element 612a is elongated to occupy the position on the clock face 606 occupied by the notification 614 in FIG. 6B).

[0200] In FIG. 6C , device 600 detects input 610a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or duration greater than a threshold duration). In response to detecting input 610a, device 600 enters a clock face editing mode and displays user interface 616, as shown in FIG. 6D . User interface 616 includes representation 616a corresponding to clock face 606. User interface 616 also includes representations 616b and 616c corresponding to other clock faces available for display by device 600. In some embodiments, in response to the input (e.g., a horizontal swipe on touch-sensitive display 602 or a rotation of input mechanism 604), the device centers one of representations 616b and 616c on user interface 616 for selection as the current clock face. For example, a user can swipe from left to right to center representation 616c and then tap representation 616c or press input mechanism 604 to select the corresponding clock face as the current clock face. In some embodiments, input mechanism 604 is physically rotatable relative to the housing of device 600.

[0201] User interface 616 also includes affordance 616d for selecting a clock face corresponding to the currently centered representation for editing. In FIG. 6D, device 600 detects input 610b (e.g., a tap on affordance 616d). In response to detecting input 610b, device 600 enters a clock face editing mode and edits clock face 606.

[0202] FIG. 6E illustrates a user interface 618 for editing the clock face 606. The user interface 618 includes a representation of the clock face 606, an element indicator 620 indicating an element selected for editing, and paging dots 622a-c corresponding to editing pages. The paging dot 622a corresponds to a first editing page where the user can edit the background color setting of the clock face 606. The paging dot 622b corresponds to a second editing page where the user can edit the color of the time display of the clock face 606, and the paging dot 622c corresponds to a third editing page where the user can edit the complications of the clock face 606. In this embodiment and in the embodiments described above and below, a complication refers to any feature of the clock face other than those used to indicate the hours and minutes of a time (e.g., clock hands or hour / minute display). In some embodiments, a complication provides a user with different types of information, such as data obtained from an application. In some embodiments, the information conveyed to the user by a complication is customizable.

[0203] 6E illustrates a first edit page corresponding to paging dot 622a, which is displayed in white to visually distinguish it from paging dots 622b and 622c, which are displayed in black. In the first edit page, the user can rotate input mechanism 604 to edit the background color of clock face 606.

[0204] A user can swipe on the touch-sensitive display 602 to switch to a different edit page, as shown by input 610c in Figure 6E. A user can provide multiple inputs to scroll through multiple edit pages. In the embodiment shown in Figure 6F, the user has navigated to the third edit page, and paging dot 622c is displayed in white and visually distinct from paging dots 622a and 622b.

[0205] The third edit page provides the ability to display complications at various locations on the clock face 606. As shown in FIG. 6F, there are four locations 624a-624d on the clock face 606 where complications can be displayed. The element indicator 620 indicates that location 624b is selected for editing. In response to detecting the input 610d, the device 600 displays a complication 626 at location 624b, as shown in FIG. 6G. In some embodiments, the user can select other locations (e.g., by tapping the location) and select a complication according to the method described with reference to FIG. 6F. FIG. 6H shows the user interface 618 after a complication has been selected for each location.

[0206] In response to detecting input 610e (e.g., pressing input mechanism 604), device 600 exits the clock face editing mode and returns to the user interface, with representation 616a updated with the selected complication, as shown in FIG. 6I. In response to input 610f (e.g., pressing input mechanism 604), device 600 displays clock face 628 with complication 626 at position 624b, as shown in FIG. 6J. Compared to clock face 606 without complication 626 (e.g., as shown in FIG. 6A), analog dial 612 is modified (e.g., to provide room on clock face 606 for complication 626). Complication 626 occupies the position on clock face 628 previously occupied by analog dial element 612b in clock face 606. To provide room for complication 626 on the clock face 628, the position and / or size of analog dial element 612b is altered (e.g., so that complication 626 and analog dial element 612b do not overlap or obstruct one another). In the embodiment shown in FIG. 6J, analog dial element 612b is shortened to occupy the right portion of the position it occupied on clock face 606, while complication 626 occupies the left portion of the position it occupied on clock face 606.

[0207] 7 is a flow diagram illustrating a method of providing a clock face using an electronic device, according to some embodiments. Method 700 is performed on an electronic device (e.g., 100, 300, 500, or 600) that includes a display device (e.g., 602). Some operations of method 700 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0208] As described below, method 700 provides an intuitive way to display features of a clock face. This method creates a more efficient human-machine interface by reducing the cognitive burden placed on a user interacting with the clock face. For battery-powered computing devices, allowing a user to interact with the clock face more quickly and efficiently conserves power and extends the time between battery charges.

[0209] An electronic device (e.g., 600) receives (702) a request (e.g., wrist lift gesture, a request to switch from viewing an application or notification screen to display the clock face) to display a clock face (e.g., 606) that includes a number of analog dial graphical elements (e.g., 612) corresponding to respective units of time.

[0210] In response to receiving a request to display a clock face (e.g., 606) (704), in response to determining that respective graphical elements (e.g., 614, 626) (e.g., notification dots or complications not included on the clock face prior to editing the face) should be displayed at respective positions (e.g., 614, 624b) on the clock face, the electronic device displays, via the display device, a plurality of analog dial graphical elements (e.g., 612) (e.g., user interface elements) corresponding to respective units of time (e.g., marks, indicia, or indicators indicating hours, minutes, or seconds) while the respective graphical elements are displayed at respective positions on the clock face (e.g., the positions correspond to areas defining the shape, position, and / or size of the first analog dial graphical element), the plurality of analog dial graphical elements including a first analog dial graphical element (e.g., 612a, 612b) occupying a first position and having a first size (706). Displaying the first analog dial graphical element to occupy a first position and have a first size while the respective graphical elements are displayed at their respective positions on the clock face in accordance with a determination that the respective graphical elements should be displayed at their respective positions on the clock face performs an operation without requiring further user input when a particular condition is met and provides improved visual feedback without cluttering the user interface with additional or excessive graphical elements, thereby enabling the device to modify the analog dial element such that information provided by the analog dial element and the corresponding graphical element is displayed without obscuring either element.Performing actions when certain conditions are met without requiring further user input and providing improved visual feedback without cluttering the user interface enhances usability of the device and makes the user device interface more efficient (e.g., by assisting the user to provide appropriate inputs when operating / interacting with the device and reducing user errors), as well as reducing power usage and improving the device's battery life by allowing the user to use the device more quickly and efficiently.

[0211] In some embodiments, the analog dial graphical elements are arranged in a circular pattern around the perimeter of the display. In some embodiments, the analog dial graphical elements extend radially away from a center point on the clock face. In some embodiments, each graphical element has a position that includes at least a portion of a display position of the first analog dial graphical element when the respective graphical element is not displayed.

[0212] In accordance with the determination that the respective graphical element (e.g., 614, 626) should not be displayed at the respective position (e.g., 614, 624b) on the clock face, the electronic device displays (708) the clock face via the display device. The clock face includes a plurality of analog dial graphical elements corresponding to the respective units of time. A first analog dial graphical element of the plurality of analog dial graphical elements occupies a second position (e.g., FIG. 6B) different from the first position (e.g., FIG. 6A) and / or has a second size different from the first size (e.g., the first analog dial graphical element moves and / or shrinks to make room for the previously undisplayed graphical element). In some embodiments, the second position includes a portion of the first position (e.g., the second position is a portion of the first position). In some embodiments, the first position (when the respective graphical element is displayed) occupies at least a portion of the second position (when the respective graphical element is not displayed). Displaying the first analog dial graphical element to occupy a second position different from the first position and / or a second size different from the first size in accordance with a determination that the respective graphical element should not be displayed at the respective position on the clock face performs an operation without requiring further user input when a particular condition is met, optimizing the use of space on the user interface. This allows the device to fully display the analog dial element without modification when the respective graphical element is not displayed. Performing an operation when a particular condition is met without requiring further user input and optimizing the use of space on the user interface enhances the usability of the device and makes the user device interface more efficient (e.g., by assisting the user to provide appropriate inputs when operating / interacting with the device and reducing user errors), as well as reducing power usage and improving the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0213] In some embodiments, each graphical element (e.g., 626) is a complication (e.g., a complication refers to any clock face feature other than those used to indicate hours and minutes of the time (e.g., clock hands or hours / minutes)), and multiple analog dial graphical elements (e.g., 612) are arranged around the complication. In some embodiments, the complication provides a different type of information to the user, such as data obtained from an application. In some embodiments, the information conveyed to the user by the complication is customizable. In some embodiments, the second size (when the complication is not displayed) is larger than the first size (when the complication is displayed). In some embodiments, the first analog dial graphical element (e.g., indicia) becomes shorter but maintains the same overall shape (e.g., rounded ends). In some embodiments, some analog dial graphical elements (e.g., indicia) have two states (e.g., short and long) and other analog dial graphical elements have only one state.

[0214] In some embodiments, each graphical element (e.g., 614) represents an alert notification (e.g., a small red dot), the second position (when the notification is not displayed) occupies at least a portion of the respective position on the clock face (the position of the notification dot), and the first position (when the notification is displayed) does not occupy at least a portion of the respective position on the clock face. In some embodiments, the first analog dial graphical element (e.g., indicia) is shorter but maintains the same overall shape (e.g., rounded ends).

[0215] In some embodiments, a clock face is displayed having respective graphical elements displayed at respective positions, and while a first analog dial graphical element occupies a first position and has a first size, the electronic device stops displaying the respective graphical elements. In response to ceasing display of the respective graphical elements, the electronic device replaces the display of the first analog dial graphical element occupying the first position and having the first size with a display of the first analog dial graphical element occupying a second position and having a second size, the first position occupying at least a portion of the second position and the second size being greater than the first size (e.g., the first analog dial graphical element is displayed in the same position and size as it was before the respective graphical element was displayed).

[0216] It should be noted that the process details described above in connection with method 700 (e.g., FIG. 7) are also applicable in a similar manner to the methods described below. For example, methods 900, 1100, 1300, 1500, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 700. For example, operations 702, 704, 706, and 708 may be applied to the display of a clock face at operations 902, 906, 908, 1306, and / or 1308. For the sake of brevity, these details will not be repeated below.

[0217] 8A-8T show example user interfaces for changing the language setting of a clock face to display features such as hour markers on an analog dial in a selected language, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0218] 8A illustrates an electronic device 600 displaying a clock face 800 on a display 602. The clock face 800 includes a time display 802, a graphical element 804a, and a graphical element 806a. The time display 802 is displayed with hour markers including a mixture of numbers and symbols according to an English language setting (e.g., a clock face-level language setting, a language setting dedicated or limited to the clock face 800, or a feature thereof). The graphical elements 804a and 804b are distinct from the time display 802. The graphical element 804a corresponds to a calendar application and displays date data from the calendar application. The graphical element 804b corresponds to a weather application and displays current temperature data from the weather application. The graphical elements 804a and 804b are displayed according to an English language setting (e.g., a system-level English language setting).

[0219] 8A, device 600 detects input 810a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or a duration greater than a threshold duration). In response to detecting input 810a, device 600 enters a clock face editing mode and displays user interface 806. In some embodiments, device 600 enters the clock face editing mode in response to detecting a sequence of one or more inputs according to the techniques described above with reference to FIGS. 6C-6E.

[0220] User interface 806 includes a representation of a clock face 800, an element indicator 808 that indicates the element selected for editing, and paging dots 812a-812d that correspond to first through fourth editing pages.

[0221] 8B shows a first editing page corresponding to paging dot 812a, which is displayed in white to visually distinguish it from paging dots 812b-812d, which are displayed in black. In the first editing page, the user can rotate the input mechanism 604 to edit the style of the time display 802.

[0222] In response to detecting an input 801b (e.g., a rotation of the input mechanism 604), the device 600 changes the time display 802 from a mixed dial style having numbers and markings to a California dial (e.g., having a mixture of Arabic and Roman numerals) as illustrated in FIG. 8C.

[0223] In some embodiments, editing the style of the clock face includes animation. FIG. 8C shows an example of animation. In FIG. 8C, the device 600 fades out the characters of the current style in a direction toward the center of the analog dial (FIG. 8C, top left to top right), and then fades in the characters of the new style in a direction away from the center of the analog dial (FIG. 8C, bottom right to bottom left). In some embodiments, the first style fades out toward the center and the second style fades in away from the center. In some embodiments, the first style fades out away from the center and the second style fades in toward the center. In some embodiments, the first style fades out toward the center and the second style fades in toward the center. In some embodiments, the first style fades out away from the center and the second style fades in away from the center. In some embodiments, the first style fades out away from the center and the second style fades in away from the center. In some embodiments, the characters used to represent time divisions fade in and out according to the rotation of the input mechanism 604.

[0224] As shown in FIG. 8C, the California dial includes Roman numerals at hour markers 1, 2, 10, and 11, English Arabic numerals at hour markers 4, 5, 7, and 8, a symbol (e.g., a downward pointing triangle) at 12 o'clock, and horizontal bars at 3, 6, and 9.

[0225] In response to detecting an input 801c (e.g., rotation of the input mechanism 604), the device 600 changes the time display 802 from a California dial style to a dial style having numbers at each hour marker, as shown in FIG. 8D.

[0226] Referring to FIG. 8E, the device 600 detects an input 810d (e.g., a horizontal swipe). In response to the input 810d, the device 600 switches to a second editing page corresponding to the paging dots 812b. The second editing page provides the ability to change the language setting of the clock face 800. In FIG. 8F, the device 600 indicates that English is the current language setting. In response to detecting a user input 810e (e.g., a rotation of the input mechanism 604), the device 600 changes the language setting of the clock face 800. As shown in FIG. 8G, the device 600 changes the language in which the time display 802 is displayed by setting the language setting to Hindi and changing the display of the numbers of the time display 802 from English to Hindi. The graphical elements 804a and 804b remain displayed in English.

[0227] In response to detecting an input 810f (e.g., a rotation of the input mechanism 604), the device 600 sets the language setting to Latin and changes the display of numbers in the time display 802 from Hindi to Roman numerals, as shown in Figure 8H. Graphical elements 804a and 804b remain displayed in English.

[0228] In response to detecting input 810g (e.g., rotation of input mechanism 604), device 600 sets the language setting to Greek and changes the display of numbers in time display 802 from Roman numerals to Greek, as shown in Figure 8I. Graphical elements 804a and 804b remain displayed in English.

[0229] In response to detecting an input 810h (e.g., a rotation of input mechanism 604), device 600 sets the language setting to Chinese and changes the display of numbers in time display 802 from Greek to Chinese, as shown in Figure 8J. Graphical elements 804a and 804b remain displayed in English.

[0230] In response to detecting an input 810i (e.g., a press of input mechanism 604), device 600 exits the clock face edit mode and displays on clock face 813 the time display 802 displayed according to the last selected language, Chinese, while graphical elements 804a and 804b remain displayed in English, as shown in FIG. 8K. In some embodiments, the language of the time display can also be changed for other dial styles (e.g., "Mixed" in FIG. 8A and California in FIG. 8C).

[0231] In FIG. 8K, the device 600 detects an input 810j (e.g., a press of the input mechanism 604). In response to detecting the input 810j, the device 600 displays a user interface 814, as shown in FIG. 8L. The user interface 814 includes a number of affordances corresponding to respective applications, menus, user interfaces, etc. In response to detecting an input 810k (e.g., a tap) on an affordance 816 (e.g., a settings menu affordance), the device 600 displays a user interface 818, as shown in FIG. 8M. The user interface 818 includes a settings menu having affordances 818a-818d corresponding to respective settings options. In response to detecting an input 810l (e.g., a tap) selecting an affordance 818c, the device 600 displays a user interface 822 including a system language settings menu having language options, as shown in FIG. 8N. Initially, the language options 822a-822d are displayed on the display 602. In response to detecting input 810m (e.g., an upward swipe), device 600 scrolls user interface 822 to display additional language options 822e and 822f while removing display of language options 822a and 822b, as shown in FIG. 8O. In response to detecting input 810n (e.g., a tap) that selects affordance 822e corresponding to Greek, device 600 sets a system language setting of device 600 to Greek and changes the language in which text in user interface 822 is displayed from English to Greek, as shown in FIG. 8P. In some embodiments, device 600 determines a system language setting based on a location of device 600. For example, device 600 can obtain location information and set a system language setting to a language associated with the location determined based on the obtained location information. In some embodiments, device 600 obtains location information, for example, via a GPS signal, a cellular signal, or other data.

[0232] In response to detecting input 810o (e.g., a press of input mechanism 604), device 600 exits the settings menu and displays clock face 823 according to the selected system language setting, Greek. As shown in FIG. 8Q, graphical elements 804a and 804b are displayed in Greek according to the system language setting, and time display 802 remains displayed according to the selected clock face setting, Chinese.

[0233] Figures 8R-8T show embodiments of clock faces to which at least some of the techniques described above with reference to Figures 8A-8Q may be applied. Figure 8R shows a clock face 824 having a digital time display 826 including an hour indicator 826a and a minute indicator 826b. In some embodiments, the clock face 824 is selected by entering a clock face edit mode, navigating to a style edit page, and rotating the input mechanism 604 to select the clock face style shown in Figure 8R.

[0234] In FIG. 8R, the clock face 824 is displayed according to an English clock face setting. In some embodiments, various elements of the clock face 824 can be edited by entering a clock face edit mode, navigating to an edit page, and rotating the input mechanism 604 to edit the elements. In some embodiments, a user can edit language and color settings for the clock face 824. FIG. 8S shows the clock face 824 displayed according to an Arabic clock face setting. In FIG. 8S, the hour indicator 826a is displayed in a first color and the minute indicator 826b is displayed in a second color different from the first color. In some embodiments, the colors of the hour indicator 826a and the minute indicator 826b are the same or follow a predefined color scheme. In some embodiments, the first color of one of the hour indicator 826a and the minute indicator 826b is determined (e.g., based on the color of the band of the device 600) and the second color of the other indicator is generated (e.g., automatically) based on the determined first color.

[0235] FIG. 8T illustrates a clock face 828. In some embodiments, the clock face 828 is selected by entering a clock face edit mode, navigating to a style edit page, and rotating the input mechanism 604 to select the clock face style shown in FIG. 8T. The clock face 828 includes a digital time display 830 and an analog time display 832. The digital time display 830 includes one digit representing one hour. The analog time display 832 includes an hour hand 832a and a minute hand 832b. In FIG. 8T, the hour 832a and minute hand 832b are different colors. The analog time display 832 is displayed in front of the digital time display 832. In some embodiments, the hour hand 832a and / or minute hand 832b are semi-transparent such that a portion of the digits of the digital time display 830 that overlap the hands of the analog time display 832 are partially visible.

[0236] 9 is a flow diagram illustrating a method of selecting a language for a clock face using an electronic device, according to some embodiments. Method 900 is performed on an electronic device (e.g., 100, 300, 500, or 600) that includes a display device (e.g., 602). Some operations of method 900 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0237] As described below, method 900 provides an intuitive way to set the clock face language. This method reduces the cognitive burden on the user of selecting the clock face language, thereby creating a more efficient human-machine interface. For battery-powered computing devices, allowing the user to select the clock face language more quickly and efficiently conserves power and increases the time between battery charges.

[0238] The electronic device displays (902) a first clock face (eg, 800 in FIG. 8A) via a display device. The first clock face includes a time display (e.g., 802, 826, 830) (e.g., a digital time display or an analog face including one or more hands and optionally a dial) and a graphical element (e.g., 804a, 804b) distinct from the time display (e.g., a complication, a complication refers to any clock face feature other than those used to indicate the hours and minutes of a time (e.g., clock hands or hour / minute displays). The time display is displayed in a first language (e.g., numbers on the digital face or analog dial are displayed in a first language, e.g., English, Hindi, Arabic, Roman, Latin, Russian, Greek) and the graphical element is displayed in a second language. In some embodiments, the second language is the same as the first language. In some embodiments, the second language is different from the first language. In some embodiments, the complication provides a different type of information to the user, such as data obtained from an application. In some embodiments, the information conveyed to the user by the complication is customizable.

[0239] The electronic device detects (904) a sequence of one or more inputs (e.g., 810a-810i) (e.g., contacts on a touch-sensitive display and / or activations (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to change the language associated with the time display (e.g., 802) on a first clock face (e.g., 800) (e.g., entering a clock face editing mode, selecting a language selection interface / page, selecting a different language, and confirming the clock face selection).

[0240] In response to detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, the electronic device displays (906) a second clock face (e.g., 813) via the display device. The second clock face includes a time display (e.g., 802). The time display is displayed in a third language (e.g., Chinese) different from the first language (e.g., English) (e.g., the language used for the numbers on the digital face or analog dial is changed) and the graphical elements (e.g., 804a, 804b) are displayed in the second language (e.g., English) (e.g., the language of the graphical elements is maintained). In response to detecting a sequence of one or more inputs corresponding to a request to change the language associated with the time display on the first clock face, displaying the second clock face having a time display in a third language different from the first language and graphical elements in the second language provides improved feedback and allows a user to customize the clock face by selecting a particular language for the time display on the clock face without affecting other elements of the clock face, such as complications. This feature also provides additional customization options (e.g., language customization) without requiring the user to change the associated location of the entire device, improving usability of the device by providing improved feedback and customization to the user, making the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), and reducing power usage and improving the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0241] In some embodiments, the electronic device includes a rotatable input mechanism (e.g., 604) configured to rotate relative to a housing of the electronic device (e.g., about an axis parallel to a display of the electronic device). In some embodiments, the sequence of one or more inputs (e.g., 810e-810h) corresponding to a request to change the language associated with the time display on the first clock face includes rotating the rotatable input mechanism.

[0242] In some embodiments, while the time display is displayed in the third language, the electronic device detects (908) data corresponding to a request to change the language associated with the graphical elements on the first clock face (a second sequence of one or more inputs (e.g., 810j-810o) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable and pressable input mechanism, GPS data indicating that the electronic device has moved to a location having a different common language). In some embodiments, the system language is changed in a general settings menu. In some embodiments, the system language is changed based on a geographic location.

[0243] In some embodiments, in response to detecting data corresponding to a request to change a language associated with the graphical elements on the first clock face, the electronic device displays (910) a third clock face (e.g., 823) via the display device. The third clock face includes a time display (e.g., 802) displayed in a third language (e.g., maintaining the current language of the time display) and graphical elements (e.g., 804a, 804b) displayed in a fourth language (e.g., Greek) different from the second language (e.g., English) (e.g., changing the language of the graphical elements). In response to detecting data corresponding to a request to change a language associated with the graphical elements on the first clock face, displaying the third clock face having graphical elements in a fourth language different from the second language and a time display in the third language provides improved feedback and allows a user to customize the clock face by selecting a specific language for a graphical element, such as a complication, while maintaining the language selected for the time display. Providing improved feedback may improve usability of the device and make the user device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which may further reduce power usage and improve the device's battery life by allowing the user to use the device more quickly and efficiently.

[0244] In some embodiments, displaying the first clock face and / or the second clock face includes displaying a time display in a first color. In some embodiments, the electronic device receives a request to display a current clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying a clock face). In response to receiving the request to display the current clock face, the electronic device displays a fourth clock face via a display device. The fourth clock face includes a time display (e.g., the color used for the numbers on a digital face or analog dial is changed) and graphical elements (e.g., the appearance of the graphical elements is maintained) displayed in a second color different from the first color. In some embodiments, the color change upon wrist lift is a user-selectable option (e.g., in an edit mode).

[0245] In some embodiments, the time display includes a plurality of graphical elements, including a first graphical element that represents a number (e.g., "3", "III") and a second graphical element that is different from the representation of the number (e.g., an indicia mark) (e.g., FIG. 8C). In some embodiments, the plurality of graphical elements are all numbers.

[0246] In some embodiments, the time display includes an analog dial, and displaying the first clock face and / or the second clock face includes displaying the analog dial according to a first style (e.g., an all-numeric dial (FIG. 8D) or a dial having a combination of numeric and non-numeric graphical elements (e.g., symbols) (e.g., FIGS. 8A, 8C)). In some embodiments, the electronic device detects a sequence of one or more inputs (e.g., 810a-810c) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to change the style of the analog dial (e.g., entering a dial edit mode, selecting a dial style selection interface, selecting a different dial style, confirming the selection of the style). In some embodiments, the dial style is adjusted after adjusting the language (e.g., the style of the dial is changed while maintaining the language selected for the dial). In some embodiments, in response to detecting a sequence of one or more inputs corresponding to a request to change the style of the analog dial, the electronic device displays, via the display device, a fourth clock face (e.g., FIGS. 8C, 8D). The fourth clock face includes a time display on an analog dial displayed according to a second style different from the first style, and a graphical element (e.g., the appearance of the graphical element is maintained). Displaying the fourth clock face including a time display (analog or digital) according to a second style different from the first style in response to detecting a sequence of one or more inputs provides improved feedback and allows a user to customize the clock face by selecting a particular style of dial (in addition to the language of the dial). Providing improved feedback improves usability of the device and makes the user device interface more efficient (e.g., by helping the user make appropriate inputs and reducing user errors when operating / interacting with the device), which further reduces power usage and improves the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0247] In some embodiments, the electronic device includes a rotatable input mechanism (e.g., 604) configured to rotate relative to a housing of the electronic device, and the sequence of one or more inputs (e.g., 810b, 810c) corresponding to the request to change the style of the analog dial includes rotating the rotatable input mechanism. In some embodiments, displaying the fourth clock face includes fading out characters used to represent time divisions (e.g., numbers and / or indicia marks) on the analog dial displayed according to a first style along a first direction relative to the center of the analog dial (e.g., toward or away from the center of the analog dial), and then fading in characters used to represent time divisions on the analog dial displayed according to a second style along a second direction relative to the center of the analog dial (e.g., toward or away from the center of the analog dial). In some embodiments, the first style fades out toward the center and the second style fades in away from the center. In some embodiments, the first style fades out away from the center and the second style fades in toward the center. In some embodiments, the first style fades out towards the center and the second style fades in towards the center. In some embodiments, the first style fades out away from the center and the second style fades in away from the center. In some embodiments, the characters used to represent the time divisions fade in and out according to the rotation of the rotatable input mechanism.

[0248] In some embodiments, fading in the characters used to represent the time divisions displayed according to the second style begins after fading out the characters used to represent the time divisions displayed according to the first style, in some embodiments, the second style begins to fade in before the fading out of the first style ends.

[0249] In some embodiments, the electronic device receives a request to display a current clock face (e.g., a request to switch from viewing a wrist lift gesture, an application, an application selection screen (springboard), or a notification screen to display a clock face). In response to receiving the request to display the current clock face, the electronic device displays, via the display device, a fifth clock face including a time display and a graphical element. In some embodiments, the time display includes an analog dial, and displaying the fifth clock face includes fading in characters used to represent time divisions on the analog dial along a direction relative to a center of the analog dial (e.g., toward or away from a center of the analog dial).

[0250] In some embodiments (e.g., FIG. 8T), the clock display includes a digital clock display (e.g., 830) that is displayed simultaneously with (e.g., displayed behind) an analog clock display (e.g., 832) (e.g., the analog clock display overlaps at least a portion of the digital clock display). The analog clock display includes a number of clock hands (e.g., 832a, 832b) displayed in front of the digital clock display (e.g., translucent or semi-transparent clock hands).

[0251] In some embodiments, the time display includes an analog dial, and displaying the first clock face and / or the second clock face includes displaying the analog dial according to the first style (e.g., an all-numeric dial or a California dial). In some embodiments, the electronic device detects a sequence of one or more inputs (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to change the color of the clock face (e.g., entering a dial editing mode, selecting a color selection interface, selecting a color, and confirming the selection of the clock face). In some embodiments, the color is adjusted after adjusting the language. In some embodiments, in response to detecting the sequence of one or more inputs corresponding to the request to change the color of the clock face, the electronic device displays, via the display device, a sixth clock face. The sixth clock face includes a time display in accordance with the request to change the color of the clock face and a graphical element in accordance with the request to change the color of the clock face.

[0252] In some embodiments, the time display includes an hour indicator (e.g., 826a) (e.g., digital numbers, an hour hand, or one or more hour markers on an analog dial) displayed in a first color, and a minute indicator (e.g., 826b) (e.g., digital numbers, a minute hand, or one or more minute markers on an analog dial) displayed in a second color that is different from the first color.

[0253] In some embodiments, the time display includes an hour indicator (e.g., digital numbers, an hour hand, or one or more hour markers on an analog dial) and a minute indicator (e.g., digital numbers, a minute hand, or one or more minute markers on an analog dial), and in accordance with a user selection of a first color for both the hour indicator and the minute indicator, the electronic device displays the hour indicator in a second color (e.g., the first color or a color different from the first color (e.g., a slightly darker or lighter shade than the first color) and displays the minute indicator in a third color different from the second color (e.g., a slightly darker or lighter shade than the second color).

[0254] It should be noted that the process details described above with respect to method 900 (e.g., FIG. 9) are also applicable in a similar manner to the methods described above / below. For example, methods 700, 1100, 1300, 1500, and 1700 optionally include one or more of the characteristics of the various methods described above with reference to method 900. For example, operations of method 900 can be used to change the time display in methods 700, 1300, 1500, and 1700. For the sake of brevity, these details will not be repeated below.

[0255] 10A-10N show example user interfaces for presenting one or more gradients on a clock face, where the gradients are displayed based on the position of one or more clock hands that indicate the time on the clock face, according to some embodiments. The user interfaces in these figures are used to illustrate the processes described below, including the process of FIG.

[0256] 10A illustrates an electronic device 600 displaying a first clock face 1000 on a display 602 at a first time (e.g., 10:09:23). In some embodiments, the device 600 displays the first clock face 1000 in response to receiving a request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face). The first clock face 1000 includes a plurality of clock hands, including an hour hand 1002a, a minute hand 1002b, and a second hand 1002c, and a color gradient 1004 (e.g., an angular color gradient). The color gradient 1004 includes a gradual transition from a first color at a first edge 1004a of the color gradient 1004 to a second color at a second edge 1004b of the color gradient 1004. The first edge 1004a is selected based on the position of the second hand 1002c (e.g., the clockwise side of the second hand 1002c), and the second edge 1002b is also selected based on the position of the second hand 1002c (e.g., the counterclockwise side of the second hand 1002c). In Figure 10A, the edge of the gradient 1004 lies along the position of the second hand 1002c.

[0257] 10A-10G, the direction of the gradient color change is indicated by a curved arrow. In some embodiments (e.g., angular color gradients), the gradient color is constant along a particular direction from the origin (the center of the dial) and changes with angle about the origin.

[0258] 10A, device 600 detects an input 1010a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or a duration greater than a threshold duration). In response to detecting input 1010a, device 600 enters a clock face editing mode and displays user interface 1006. In some embodiments, device 600 enters the clock face editing mode in response to detecting a sequence of one or more inputs according to the techniques described above with reference to FIGS. 6C-6E.

[0259] The user interface 1006 provides the ability to select the number of color gradients to be included in the clock face. The user interface 1006 includes a representation of the clock face 1000, an element indicator 1008 indicating an element selected for editing, and paging dots 1012a-1012b corresponding to a first and second editing page. FIG. 10B also shows the clock face 1000 with a gradient 1004 displayed according to the clock hands 1002a-1002c that are in different positions (e.g., showing different times). FIG. 10B shows that the color gradient 1004 changes position (e.g., rotates) according to the movement of the second hand 1002c. FIG. 10B shows a first clock face 1000 showing a different time (e.g., 10:09:30) than the time shown by the hands 1002a-1002c of FIG. 10A. The color of the color gradient 1004 remains the same, and the first edge 1004a and the second edge 1004b maintain the same relationship to the position of the second hand 1002c (e.g., along the second hand 1002c). Compared to the time display shown in FIG. 10A, the color gradient 1004 has rotated the same amount as the second hand 1002c (e.g., the color gradient 1004 is fixed to the second hand 1002c). In some embodiments, the position of the color gradient 1004 (e.g., the first edge 1004a and the second edge 1004b) is based on the position of the hour hand 1002a (e.g., not at the position of the minute hand 1002b or the second hand 1002c). In some embodiments, the position of the color gradient 1004 is based on the position of the minute hand 1002b (e.g., not at the position of the hour hand 1002a or the second hand 1002c).

[0260] 10B illustrates a first edit page corresponding to paging dot 1012a, which is displayed in white to visually distinguish it from paging dot 1012b, which is displayed in black. In the first edit page, the user can rotate input mechanism 604 to change the number of gradients included in the clock face.

[0261] In response to detecting an input 1001b (e.g., a rotation of the input mechanism 604), the device 600 displays a clock face 1014 having two color gradients, color gradients 1016-1 and 1016-2, an hour hand 1002a, a minute hand 1002b, and a second hand 1002c, as shown in FIG. 10C.

[0262] The color gradient 1016-1 includes a gradual transition from a first color at a first edge 1016-1a of the color gradient 1016-1 to a second color at a second edge 1016-1b of the color gradient 1016-1. Both the first edge 1016-1a and the second edge 1016-1b are selected based on the position of the minute hand 1002b, with the first edge 1016-1a located along a clockwise side of the minute hand 1002b and the second edge 1016-1b located 180 degrees around the clock face 1014 from the minute hand 1002b. The color gradient 1016-2 includes a gradual transition from a first color (e.g., the same or different color as the first color of the gradient 1016-1) at a first edge 1016-2a of the color gradient 1016-2 to a second color (e.g., the same or different color as the second color of the gradient 1016-1) at a second edge 1016-2b of the color gradient 1016-2. Both the first edge 1016-2a and the second edge 1008-2b are selected based on the position of the minute hand 1002b, with the first edge 1016-1a being 180 degrees around the clock face 1014 from the minute hand 1002b and the second edge 1016-1b being along the counterclockwise side of the minute hand 1002b.

[0263] In response to an input 1010c (e.g., a press of the pressable and rotatable input device 604), the device 600 exits the clock face editing mode and displays the clock face 1014 as shown in Figure 10D. In some embodiments, in response to a sequence of one or more inputs as described above with reference to Figures 6H-6J, the device 600 exits the clock face editing mode and displays the clock face 1014 as shown in Figure 10D.

[0264] Figure 10D shows a clock face 1014 showing a different time than the time shown while in the clock face edit mode of Figure 10C. The color gradients 1016-1 and 1016-2 have different positions according to the difference in the position of the minute hand 1002b compared to Figure 10C. As time progresses, the color gradients 1016-1 and 1016-2 rotate on the clock face 1014 along with the minute hand 1002b, maintaining the same relationship to the minute hand 1002b as described with reference to Figures 10C and 10D. As the minute hand 1002b rotates, the angular extent of the color gradients 1016-1 and 1016-2 remains constant, and the position of the color gradient 1016-1 relative to the color gradient 1016-2 also remains constant.

[0265] Device 600 can also display a clock face with three color gradients. A user can edit the clock face to display three color gradients (or switch the clock face to a single color gradient) via the clock face edit mode described with reference to Figures 10A-10D.

[0266] FIG. 10E shows a clock face 1018 having three color gradients 1020-1, 1020-2, and 1020-3. Color gradient 1020-1 includes a gradual transition from a first color at a first edge 1020-1a of color gradient 1020-1 to a second color at a second edge 1020-1b of color gradient 1020-1. Based on the positions of hands 1002a-1002c of the clock of FIG. 10E, first edge 1020-1a is selected based on the position of second hand 1002c, with first edge 1020-1a located along the clockwise side of second hand 1002b. Second edge 1020-1b is selected based on the position of hour hand 1002a, with second edge 1020-1b located along the counterclockwise side of hour hand 1002a.

[0267] Color gradient 1020-2 includes a gradual transition from a first color at a first edge 1020-2a of color gradient 1020-2 to a second color at a second edge 1020-2b of color gradient 1020-2. Based on the positions of hands 1002a-1002c of the clock of FIG. 10E, first edge 1020-2a is selected based on the position of hour hand 1002a, where first edge 1020-2a is located along the clockwise side of hour hand 1002a. Second edge 1020-2b is selected based on the position of minute hand 1002b, where second edge 1020-2b is located along the counterclockwise side of minute hand 1002b.

[0268] Color gradient 1020-3 includes a gradual transition from a first color at a first edge 1020-3a of color gradient 1020-3 to a second color at a second edge 1020-3b of color gradient 1020-3. Based on the positions of hands 1002a-1002c of the clock of FIG. 10E, first edge 1020-3a is selected based on the position of minute hand 1002b, where first edge 1020-3a is located along the clockwise side of minute hand 1002a. Second edge 1020-3b is selected based on the position of second hand 1002c, where second edge 1020-3b is located along the counterclockwise side of second hand 1002c.

[0269] As the relative positions of the clock hands 1002a-1002c change (e.g., as time advances), the color gradients 1020-1, 1020-2, and 1020-3 change position (e.g., compress, expand, and / or rotate) in accordance with the changing positions of the clock hands 1002a-1002c. For example, as time advances and the second hand 1002c moves closer to the hour hand 1002a, the color gradient 1020-1 of the hour hand 1002a becomes smaller (e.g., compressed) and the color gradient 1020-3 becomes larger (e.g., expanded).

[0270] FIG. 10F shows clock hands 1002a-1002c showing a different time than the time shown in FIG. 10E. The colors of color gradients 1020-1, 1020-2, and 1020-3 remain the same, and the relationship of color gradients 1020-1, 1020-2, and 1020-3 to clock hands 1002a-1002c remains the same. In FIG. 10F, second hand 1002c has the same angular position as hour hand 1002a. Color gradient 1020-1 is not shown because there is no angular separation between hour hand 1002a and second hand 1002c (e.g., because color gradient 1020-1 occupies the angular extent of clock face 1018 going clockwise from second hand 1002c to hour hand 1002a). Because the positions of the hour and minute hands 1002a, 1002b do not change substantially, the size and position of the color gradient 1020-2 remains substantially the same (e.g., over a period of approximately 20 seconds, the hour and minute hands 1002a, 1002b move only slightly). Because the clockwise angular separation of the minute and second hands 1002b, 1002c increases, the size of the color gradient 1020-3 increases.

[0271] Figure 10G shows a clock face 1018 with clock hands 1002a-1002c showing a different time after the time shown in Figure 10F (e.g., about 10 seconds later) when second hand 1002c has passed hour hand 1002a and is between hour hand 1002a and minute hand 1002b (clockwise). As one clock hand passes another, the relationship of color gradients 1020-1, 1020-2, and 1020-3 to clock hands 1002a-1002c changes.

[0272] In Figure 10G, color gradient 1020-1 is displayed with a first edge 1020-1a selected based on the position of second hand 1002a and a second edge 1020-1b selected based on the position of second hand 1002c. Color gradient 1020-1 previously progressed from a first color at second hand 1002c to a second color at hour hand 1002a, but now progresses from a first color at hour hand 1002a to a second color at second hand 1002c. Color gradient 1020-2 is displayed with a first edge 1020-2a selected based on the position of second hand 1002c and a second edge 1020-2b selected based on the position of minute hand 1002b. Color gradient 1020-2 previously progressed from a first color at hour hand 1002a to a second color at minute hand 1002b, and now progresses from a first color at second hand 1002c to a second color at minute hand 1002b. Color gradient 1020-3 is displayed with a first edge 1020-3a selected based on the position of minute hand 1002b and a second edge 1020-3b selected based on the position of hour hand 1002a. Color gradient 1020-3 previously progressed from a first color at minute hand 1002b to a second color at second hand 1002c, and now progresses from a first color at minute hand 1002b to a second color at hour hand 1002a.

[0273] Similar changes in the position and size of color gradients 1020-1, 1020-2, and 1020-3 and their relationship to the clock hands 1002a-1002c occur when second hand 1002c passes minute hand 1002b, and when minute hand 1002b passes hour hand 1002a. For example, as time progresses from FIG. 10G and second hand 1002c passes minute hand 1002b, color gradient 1020-2 temporarily disappears and then reappears in the clockwise angular range from minute hand 1002b to second hand 1002c, color gradient 1020-1 occupies the clockwise angular range from hour hand 1002a to minute hand 1002b, and color gradient 1020-3 occupies the clockwise angular range from second hand 1002c to hour hand 1002a.

[0274] Figures 10H-10N show additional examples of clock faces corresponding to the clock faces of Figures 10A-10G, respectively. The clock faces of Figures 10H-10N provide visual representations of the features described and illustrated with respect to the clock faces of Figures 10A-10G. For example, the clock face of Figure 10H corresponds to the clock face of Figure 10A, the clock face of Figure 10I corresponds to the clock face of Figure 10B, the clock face of Figure 10J corresponds to the clock face of Figure 10C, the clock face of Figure 10K corresponds to the clock face of Figure 10D, the clock face of Figure 10L corresponds to the clock face of Figure 10E, the clock face of Figure 10M corresponds to the clock face of Figure 10F, and the clock face of Figure 10N corresponds to the clock face of Figure 10G.

[0275] 11 is a flow diagram illustrating a method for displaying the gradient of a clock face using an electronic device, according to some embodiments. Method 1100 is performed on an electronic device (e.g., 100, 300, 500, or 600) that includes a display device (e.g., 602). Some operations of method 1100 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0276] As described below, method 1100 provides an intuitive way to display gradient on a clock face. This method creates a more efficient human-machine interface by reducing the cognitive burden placed on the user in displaying gradient on a clock face. For battery-powered computing devices, allowing a user to more quickly and efficiently display gradient on a clock face conserves power and extends the time between battery charges.

[0277] The electronic device displays (1102) a first clock face (e.g., 1000, 1014) via a display device. The first clock face includes a plurality of clock hands (e.g., 1002a, 1002b, and 1002c) including a first clock hand (e.g., 1002b) (e.g., an hour hand, a minute hand, or a second hand) and a second clock hand (e.g., 1002a) (e.g., another one of the hour hand, the minute hand, or the second hand), and a color gradient (e.g., 1004, 1016a, 1016b) of the first clock face. The first clock face color gradient includes a gradual transition from a first color at a first edge (e.g., 1004a, 1016a) of the first clock face color gradient to a second color at a second edge (e.g., 1004b, 1016b) of the first clock face color gradient (e.g., a color gradient that changes based on direction from an origin, an angular gradient, a conical gradient, a color gradient having a first color at a first edge of the gradient that lies along a first direction from the origin and a second color at a second edge of the gradient that lies along a second direction from the origin. The color changes gradually (e.g., smoothly or incrementally) from the first color to the second color with angle. The term "color" refers to different hues, tones, shades, tints, including but not limited to black, white, and gray. In some embodiments, the first color and / or the second color are user selectable). A first edge (e.g., 1004a, 1016a) of the color gradient of the first clock face is selected based on the position of a first clock hand (e.g., 1002b) of the first clock face, and a second edge (e.g., 1004b, 1016b) of the color gradient of the first clock face is selected based on the position of the first clock hand (e.g., 1002b) of the first clock face. Displaying the gradient based on the position of one of the multiple clock hands as described above provides improved visual feedback by presenting a clear visual indication of the value of the time unit represented by the clock hand and providing a dynamic user interface.Providing improved visual feedback may improve usability of the device and make the user device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which may further reduce the device's power usage and improve battery life by allowing the user to use the device more quickly and efficiently.

[0278] The electronic device detects a sequence of one or more inputs (e.g., 1010a-1010c) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the first clock face (e.g., entering a clock face editing mode, selecting a gradient style selection interface, selecting a different style, and confirming the style selection) (1104).

[0279] In response to detecting a sequence of one or more inputs corresponding to a request to edit the first clock face, the electronic device displays (1106) a second clock face (e.g., 1018) via the display device. The second clock face includes a plurality of clock hands, including a first clock hand (e.g., 1002b) (e.g., a first clock hand (i.e., hour, minute, or second hand) that is the same as the first clock face, and a second clock hand (e.g., 1002a) (e.g., a second clock hand (i.e., hour, minute, or second hand) that is the same as the first clock face, and a first color gradient (e.g., 1020-3) of the second clock face. The first color gradient of the second clock face is a first color gradient of the second clock face. The first color gradient of the second clock face includes a gradual transition from a first color at an edge (e.g., 1020-3a) of the first clock face to a second color at a second edge (e.g., 1020-3b) of the first color gradient of the second clock face. The first edge of the first color gradient of the second clock face is selected based on the position of a first clock hand (e.g., 1002b) of the second clock face, and the second edge of the first color gradient of the second clock face is selected based on the position of a second clock hand (e.g., 1002a) of the second clock face. The clock face of the present invention further includes a second color gradient (e.g., 1020-2) of the second clock face. The second color gradient of the second clock face includes a gradual transition from a first color at a first edge (e.g., 1020-2a) of the second color gradient of the second clock face to a second color at a second edge (e.g., 1020-2b) of the second color gradient of the second clock face. The second edge of the color gradient of the second clock face is selected based on a position of a first clock hand (e.g., 1002b) of the second clock face. Displaying a clock face having two gradients in response to detecting a sequence of one or more inputs corresponding to a request to edit the first clock face, and displaying the two color gradients based on the positions of the two clock hands as described above, enables customization of the clock face and provides improved visual feedback by presenting a clear visual indication of the value of the time units represented by the two clock hands and providing a dynamic user interface.Providing improved visual feedback may improve usability of the device and make the user device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which may further reduce the device's power usage and improve battery life by allowing the user to use the device more quickly and efficiently.

[0280] In some embodiments, a first clock hand (eg, 1002c) of a first clock face indicates (eg, represents) the seconds of the time.

[0281] In some embodiments, a first edge of the second color gradient on the second clock face is selected based on the position of a second clock hand on the second clock face (e.g., the minute hand 1002b defines one transition between the two gradients and a second transition is defined by the hour hand or a fixed position (e.g., vertical up from the center of the clock, 180 degrees from the minute hand)). In some embodiments, the two gradients follow the hour hand (e.g., 1002a) or the second hand (e.g., 1002c).

[0282] In some embodiments, the plurality of hands of the second clock face (e.g., 1002a-1002c) includes a third hand (e.g., 1002c), and a first edge of the second color gradient of the second clock face is selected based on a position of the third hand of the second clock face (e.g., the first edge of the second color gradient of the second clock face is located along the third hand of the second clock face, and the second color gradient begins at the third hand and ends at the first hand).

[0283] In some embodiments, the second clock face includes a third color gradient of the second clock face (e.g., 1020-1). The third color gradient of the second clock face includes a gradual transition from a first color at a first edge of the third color gradient of the second clock face (e.g., 1020-1a) to a second color at a second edge of the third color gradient of the second clock face (e.g., 1020-1b). A first edge of the third color gradient of the second clock face is selected based on a position of a second hand (e.g., 1002a) of the second clock face (e.g., the first edge of the third color gradient of the second clock face is located along the second hand of the second clock face), and a second edge of the color gradient of the second clock face is selected based on a position of a third hand (e.g., 1002c) of the second clock face (e.g., the second edge of the third color gradient of the second clock face is located along the third hand of the second clock face, and the third color gradient starts at the second hand of the second clock face and ends at the third hand of the second clock face). Displaying a three gradient clock face with three color gradients based on the position of the three clock hands as described above allows for customization of the clock face, presents a clear visual indication of the value of the time units represented by the three clock hands, and provides a dynamic user interface, thereby providing improved visual feedback. Providing improved visual feedback increases usability of the device and makes the user device interface more efficient (e.g., by helping the user make appropriate inputs and reducing user errors when operating / interacting with the device), which in turn reduces the device's power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0284] In some embodiments, detecting the sequence of one or more inputs includes detecting a first input (e.g., 1010a) in the sequence of inputs. In response to detecting the first input, the electronic device displays a clock face editing user interface (e.g., 1006). While displaying the clock face editing user interface, the electronic device detects a second sequence of one or more inputs (e.g., 1010b, 1010c) that is a subset of the first sequence of one or more inputs.

[0285] In some embodiments, the spatial extent of the first color gradient of the second clock face is different from the spatial extent of the second color gradient of the second clock face (e.g., the angle between edges of the first color gradient of the second clock face (e.g., X degrees) is different from the angle between edges of the second color gradient of the second clock face (e.g., 360-X degrees)).

[0286] In some embodiments, displaying the second clock face includes a first color gradient of the second clock face having a first spatial range according to a first hand of the second clock face having a first position relative to the second hand of the second clock face, and a first color gradient of the second clock face having a second spatial range different from the first spatial range according to a first hand of the second clock face having a second position relative to the second hand of the second clock face that is different from the first position relative to the second hand of the second clock face.

[0287] In some embodiments, the second color is selected (e.g., algorithmically) based on the first color and is not user configurable. In some embodiments, the first color is selected by a user or based on an accessory of the electronic device (e.g., the color of a watch band). In some embodiments, the second color is determined (e.g., by the electronic device) according to an algorithm that uses the first color as an input. In some embodiments, the selection of a monochromatic scheme switches the watch face from multicolor to black and white and an accent color for less than half of the elements on the face.

[0288] In some embodiments, the first color is a first shade of gray within a range of gray including black and white, and the second color is a second shade of gray within a range of gray including black and white, hi some embodiments, the first color is different from the second color.

[0289] In some embodiments, the hands of a first clock include a first color and the hands of a second clock include a second color.

[0290] In some embodiments, 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, the electronic device receives a request to display the current clock face (e.g., a request to switch from viewing a wrist lift gesture, an application, an application selection screen (springboard), a change in current time, or a notification screen to display the clock face). In response to receiving the request to display the current clock face, and in accordance with a determination that the position of the hands of the first clock corresponds to the position of the hands of the second clock (e.g., FIG. 10F) (e.g., the second hand moves onto the minute hand, or the minute hand moves onto the hour hand), the electronic device displays, 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. In response to receiving a request to display the current clock face, and in accordance with a determination that the positions of the hands of the first clock do not correspond to the positions of the hands of the second clock, the electronic device displays, 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.

[0291] In some embodiments, after displaying, via the display device, the second clock face including the first color gradient of the second clock face and not including the second color gradient of the second clock face, the electronic device receives a second request to display the current clock face (e.g., a request to switch from viewing a wrist lift gesture, an application, an application selection screen (springboard), a change in current time, or a notification screen to display the clock face). In response to receiving the second request to display the current clock face, and in accordance with a determination that the position of the hands of the first clock face corresponds to the position of the hands of the second clock face (e.g., the hour and minute hands are still overlapping), the electronic device displays, 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. In response to receiving a second request to display the current clock face, and in accordance with a determination that the position of the hands of the first clock does not correspond to the position of the hands of the second clock (e.g., the second hand is moving past the minute hand or the minute hand is moving past the second hand), the electronic device displays, via the display device, the second clock face with the second clock face first color gradient and the second clock face second color gradient.

[0292] It should be noted that the process details described above with respect to method 1100 (e.g., FIG. 7) are also applicable in a similar manner to the methods described below / above. For example, methods 700, 900, 1300, 1500, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 1100. For example, operations 1102, 1104, and 1106 may be applied to the clock face in methods 700 and 900, to one or more segments in method 1300, and / or to the time display in method 1500. For the sake of brevity, these details will not be repeated below.

[0293] 12A-12M show example user interfaces for a clock face according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0294] 12A illustrates an electronic device 600 displaying a clock face 1200 on a display 602. In some embodiments, the device 600 displays the clock face 1200 in response to receiving a request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face). The clock face 1200 includes a digital time display 1202, a segment 1204, and a complication 1206. The digital time display 1202 indicates the current time (e.g., 10:09 a.m.). The segment 1204 includes a first edge 1204-1 and a second edge 1204-2. The first edge 1204-1 is at a first position (e.g., an angular position) that indicates the hour of the current time (e.g., 10 o'clock) and the second edge 1204-2 is at a second position (e.g., an angular position) that indicates the minute of the current time (e.g., 9 minutes into the time). Each edge of the segments 1204 extends radially from a common point (eg, the center of the display 602 ) to an edge of the display 602 .

[0295] The digital time display 1202 includes numbers. In some embodiments, the color of the numbers in the digital time display 1202 is based on the position of the numbers relative to the segments. For example, the segments 1204 are a first color or pattern, the portions of the numbers that overlap the segments 1204 are displayed in a second color or pattern that is different from the color or pattern of the segments 1204, and the portions of the numbers that do not overlap the segments 1204 are displayed in a third color or pattern that is different from the color of the portions that overlap the segments 1204. In some embodiments, the first and third colors are the same. In FIG. 12A, the segments 1204 are white, the portions of the numbers that overlap the segments 1204 are black, and the portions of the numbers that do not overlap the segments 1204 are white (e.g., the same color as the segments 1204, but different from the portions of the numbers that overlap the segments 1204).

[0296] 12A, complication 1206 overlaps segment 1204. As with time display 1202, the portion of complication 1206 that overlaps segment 1204 is displayed in a different color or pattern than segment 1204. In embodiments in which segment 1204 only partially overlaps complication 1206, the portion of complication 1206 that does not overlap segment 1204 is displayed in a different color or pattern than the color or pattern of the portion that overlaps segment 1204.

[0297] FIG. 12B illustrates a clock face 1200 at a different time (e.g., 10:30 a.m.) than the time illustrated in FIG. 12A. The clock face 1200 includes a digital time display 1202, segments 1204, and a complication 1206. Compared to FIG. 12A, the digital time display 1202 is updated to show the current time, and the position (e.g., angular position and angular extent) of the segments 1204 is updated to reflect the different time. The first edge 1204-1 is in a third position indicating the hour of the current time, and the second edge 1204-2 is in a fourth position indicating the minutes of the second time. As illustrated in FIGS. 12A and 12B, the visual appearance (e.g., color or pattern) of the numbers in the digital time display 1202 changes as the segments 1204 move through time. For example, in FIG. 12A, the numbers representing the minutes in the digital time display 1202 are completely white, while in FIG. 12B, they are partially white and partially black.

[0298] In the embodiment shown in Figures 12A and 12B, the clock face 1200 includes a second segment 1208 that occupies a portion of the clock face 1200 proceeding clockwise from the second edge 1204-2 to the first edge 1204-1 (whereas segment 1204 occupies a portion of the clock face 1200 proceeding clockwise from the first edge 1204-1 to the second edge 1204-2). As time passes, portions of segment 1204 are occupied by segment 1208, and vice versa. For example, in Figure 12B, segment 1204 occupies a portion of the clock face 1200 proceeding counterclockwise from the second edge 1204-2 of segment 1204 to the dashed line indicating the previous position of second edge 1204-2 in Figure 12A.

[0299] FIG. 12C illustrates the clock face 1200 at a third time (e.g., 11:00 AM) different from the time shown in FIGS. 12A and 12B. The clock face 1200 includes a digital time display 1202, segments 1204, and a complication 1206. To go from 10:30 AM to 11:00 AM, the second edge 1204-2 (minute indicator) overtakes the first edge 1204-1 (hour indicator). As the second edge 1204-2 overtakes the first edge 1204-1, the second segment 1208 is removed from display (when the second edge 1204-2 and the first edge 1204-1 overlap) and then redisplayed clockwise from the first edge 1204-1 to the second edge 1204-2. As the second edge 1204-2 passes the first edge 1204-1, the segment 1204 is redefined by an angular extent from the first edge 1204-1 to the second edge 1204-2 in a counterclockwise direction (or from the second edge 1204-2 to the first edge 1204-1 in a clockwise direction). Similarly, as the time progresses from 11:00 a.m. to 12:10 a.m., for example, as the second edge 1204-2 passes the first edge 1204-1 again, the first segment 1204 is removed from display (when the second edge 1204-2 and the first edge 1204-1 overlap) and then redisplayed clockwise from the first edge 1204-1 to the second edge 1204-2. At that point, segment 1204 is again defined by a clockwise angular extent from first edge 1204-1 to second edge 1204-2. In this manner, segments 1204 and 1208 are alternately removed and redisplayed each time second edge 1204-2 passes 1204-1.

[0300] In FIG. 12C, the portions of complication 1206 that do not overlap segment 1204 are displayed in a different color or pattern (eg, white) than the color or pattern (eg, black) of the portions that overlap segment 1204.

[0301] 12C, device 600 detects input 1210a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or a duration greater than a threshold duration). In response to detecting input 1210a, device 600 enters a clock face editing mode and displays user interface 1212. In some embodiments, device 600 enters the clock face editing mode in response to detecting a sequence of one or more inputs according to the techniques described above with reference to FIGS. 6C-6E.

[0302] User interface 1212 includes a representation of a clock face 1200, an element indicator 1214 that indicates an element selected for editing, and paging dots 1216a-1216d that correspond to first through fourth editing pages.

[0303] 12D illustrates a first edit page corresponding to paging dot 1216a, which is displayed in white to visually distinguish it from paging dots 1216b-1216d, which are displayed in black. In the first edit page, a user can rotate input mechanism 604 to edit the color or pattern of the clock face (e.g., the color or pattern of segments 1204, segments 1208, and / or digital time display 1202).

[0304] In response to input 1210b (e.g., a swipe), device 600 displays a second edit page, as indicated by paging dots 1216b in FIG. 12E. In the second edit page, the user can select a style for the clock face, in particular whether the clock face includes clock hands or not. In response to input 1210c (e.g., a rotation of input mechanism 604), device 600 changes the style and displays clock hands 1218a and 1218b.

[0305] In response to an input 1210d (e.g., a swipe), the device 600 displays a third edit page, as indicated by paging dots 1216c in FIG. 12F. In the third edit page, the user can select a style setting for the clock face, in particular whether the clock face is displayed in a full screen style or a circular style. In the full screen style, the segments 1204 extend to the edge of the display 602, and the complications 1206 are displayed in the upper left portion of the display 602, as shown in FIGS. 12A-12F. In response to an input 1210e (e.g., a rotation of the input mechanism 604), the device 600 changes the style from full screen to circular. FIG. 12H illustrates an embodiment of a circular style clock face 1200. In the circular style, the segments 1204 extend to the edge of the circular region, and the complications 1206 are displayed along a line that runs vertically through the center of the circular region and above the origin of the circular region. The circular style also includes four corner complications 1220a-1220d. In some embodiments, a user can touch a complication to select it for editing and then rotate the input mechanism 604 to edit the complication.

[0306] In response to input 1210f (e.g., a swipe), device 600 displays a fourth edit page, as indicated by paging dots 1216d in FIG. 12I. In the third edit page, the user can select a style setting for the time display, in particular whether the time display is displayed in a digital format (e.g., FIG. 12I) or an analog style (e.g., FIG. 12J). In response to input 1210g (e.g., a rotation of input mechanism 604), device 600 changes time display 1202 from digital to analog, as shown in FIG. 12J. In response to input 1210h (e.g., a press of input mechanism 604), device 600 exits the clock face edit mode and displays clock face 1222 showing the current time (e.g., 11:00 a.m.) according to the selected features, as shown in FIG. 12K. The features of clock face 1222 are similar to the features of clock face 1200 before editing. For example, the color or pattern of a portion of complication 1206 depends on whether that portion overlaps segment 1204. Similarly, the color or pattern of a portion of the numeric hour markers of time display 1202 depends on whether that portion overlaps segment 1204.

[0307] 12L and 12M show clock face styles according to some embodiments: FIG 12L shows a full screen analog style; FIG 12M shows a full screen digital style (e.g., non-hybrid without segments 1204);

[0308] 13 is a flow diagram illustrating a method of managing a clock face using an electronic device, according to some embodiments. Method 1300 is implemented in a device (e.g., 100, 300, 500, or 600) with a display device (e.g., 602). Some operations of method 1300 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0309] As described below, method 1300 provides an intuitive method for providing a clock face. This method reduces the cognitive burden on the user in providing a clock face, thereby creating a more efficient human-machine interface. For battery-powered computing devices, allowing the user to interact with the clock face more quickly and efficiently conserves power and extends the time between battery charges.

[0310] The electronic device receives (1302) a request to display a clock face (e.g., 1200) (e.g., wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face).

[0311] In response to receiving 1304 a request to display a clock face, and following a determination 1306 that the current time is a first time (e.g., 10:09), the electronic device displays 1200 a clock face via a display device. The clock face at the first time shows a digital time display (e.g., 1202) (e.g., numbers) indicative of the first time and segments (e.g., 1204) (e.g., visually distinct portions of the clock face). The segment includes a first edge (e.g., 1204-1) at a first location (e.g., an angular location) and a second edge (e.g., 1204-2) at a second location (e.g., an angular location) (e.g., an edge is a segment boundary between the segment and another portion or segment of the clock face. The first edge extends radially from an origin (e.g., a center of a display of an electronic device) in a first direction and the second edge extends radially from the origin in a second direction). In some embodiments, the edge is a straight line starting from the origin and extending to a boundary of the display (e.g., 602) and / or clock face (e.g., to the perimeter of a circular clock face that does not extend to an edge of the display), or equivalently, a straight line starting from a boundary of the display and / or clock face and extending to the origin (e.g., stopping at the origin). In some embodiments, the segments are part of the background of the clock face (e.g., the digital time display is displayed in front of the background, including the segments if the segments overlap the digital time display). The first edge at the first position indicates a first time unit (e.g., hour) of the first time (e.g., the position of the first edge defined by the origin and the angular orientation of the edge, indicating the hour of the first time), and the second edge at the second position indicates a second time unit (e.g., minute) of the first time (e.g., the position of the second edge defined by the origin and the angular orientation of the edge, indicating the minute of the first time).

[0312] In response to receiving a request to display the clock face (1304), and following a determination that the current time is a second time (e.g., 10:30) different from the first time (1308), the electronic device displays a clock face (e.g., 1200) via the display device. The clock face at the second time includes a digital time display (e.g., 1202) indicating the second time and a segment (e.g., 1204) including a first edge (e.g., 1204-1) and a second edge (e.g., 1204-2). The first edge is in a third position and the second edge is in a fourth position. The first edge in the third position indicates a first time unit (e.g., hour) of the second time (e.g., position of the first edge defined by the origin and the angular orientation of the edge, indicating the hour of the second time), and the second edge in the fourth position indicates a second time unit (e.g., minute) of the second time (e.g., position of the second edge defined by the origin and the angular orientation of the edge, indicating the minute of the second time). Displaying a clock face having a digital time display and segments, the position of the segment edge changes based on a determination of whether the current time is the first time or the second time as described above, provides improved visual feedback by presenting a clear visual indication of the current time and providing a dynamic user interface. Providing improved visual feedback improves device usability and makes the user device interface more efficient (e.g., by helping the user make appropriate inputs and reducing user errors when operating / interacting with the device), which further reduces device power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0313] In some embodiments, the segment (e.g., 1204) is a first segment and the clock face includes a second segment (e.g., 1208) (e.g., the first segment is from the first edge to the second edge in a clockwise direction) and the second segment is from the second edge to the first edge in a clockwise direction. In some embodiments, pursuant to a determination that the current time is the first time, the first segment occupies a first portion of the clock face and the second segment occupies a second portion of the clock face that does not include the first portion. In some embodiments, pursuant to a determination that the current time is the second time, the second segment occupies at least a portion of the first portion of the clock face (e.g., one segment is larger as the other is smaller).

[0314] In some embodiments, pursuant to a determination that the current time is a first time, the segment includes a first color. In some embodiments, pursuant to a determination that the current time is a second time, the segment includes a second color different from the first color (e.g., the segment changes color hourly, such that at the first time (e.g., 10:09 AM), the segment has the first color (e.g., white) clockwise from the first edge (e.g., hour indicator) to the second edge (e.g., minute indicator), and at the second time (e.g., 11:09 AM), the segment has the second color (e.g., black) clockwise from the first edge (e.g., hour indicator) to the second edge (e.g., minute indicator).

[0315] In some embodiments, pursuant to a determination that the current time is a first time (e.g., 10:09), a portion of the digital time display (e.g., the minute digits) includes a third color (e.g., white), and pursuant to a determination that the current time is a second time (e.g., 11:00), a portion of the digital time display (e.g., the minute digits) includes a fourth color (e.g., black) different from the third color. Displaying a portion of the digital time display in the third color pursuant to a determination that the current time is a first time and in the fourth color different from the third color pursuant to a determination that the current time is a second time provides improved visual feedback by presenting a clear visual distinction between the segments and the digital time display and providing a dynamic user interface. Providing improved visual feedback increases device usability and provides a more efficient user device interface (e.g., by helping a user make appropriate inputs and reducing user errors when operating / interacting with the device), which further reduces device power usage and improves battery life by allowing a user to use the device more quickly and efficiently.

[0316] In some embodiments, the clock face at the first time further includes a complication (e.g., 1206) (e.g., a complication refers to a feature of the clock face different from those used to indicate the hours and minutes at a time (e.g., clock hands or hour / minute indication). In some embodiments, the complication provides a different type of information to the user, such as data obtained from an application). In some embodiments, the information conveyed to the user by the complication is customizable. In some embodiments, the segment overlaps (e.g., completely overlaps) with the complication at the first time, and in accordance with a determination that the segment overlaps with the complication at the first time, the complication includes a fifth color. In some embodiments, the clock face at the second time further includes a complication, and in accordance with a determination that the segment does not overlap with the complication at the second time (e.g., the portions of the clock face occupied by the segment and the complication are mutually exclusive), the complication includes a sixth color different from the fifth color. In some embodiments, following a determination that the complication partially overlaps a segment (eg, FIG. 12C), the non-overlapping portion of the complication is a sixth color and the overlapping portion is a fifth color.

[0317] In some embodiments, in response to receiving a request to display the clock face, the clock face is displayed without clock hands. In some embodiments, the electronic device detects a sequence of one or more inputs (e.g., 1210a-1210h) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the first clock face (e.g., enter a dial edit mode, select a style selection interface, select a different style, confirm the selection of the style). In response to detecting a sequence of one or more inputs corresponding to a request to edit the first clock face (e.g., 1200), the electronic device displays, via the display device, a clock face including one or more clock hands (e.g., 1218a, 1218b) (e.g., the electronic device displays the clock face according to the selected style and selects a style in edit mode). In some embodiments, the clock hands are aligned with the edges of the segments.

[0318] In some embodiments, in response to receiving a request to display the clock face, the segments extend to the edges of the display device (FIG. 12A) (e.g., in a full screen mode / style, the segments extend to the edges of the display). In some embodiments, the electronic device detects a second sequence of one or more inputs (e.g., 1210a-1210h) (e.g., contacts on a touch-sensitive display and / or activations (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the first clock face (e.g., entering a clock face editing mode, selecting a style selection interface, selecting a different style, confirming the selection of the clock face). In response to detecting a second sequence of one or more inputs corresponding to a request to edit the first clock face, the electronic device displays, via the display device, a clock face including segments (e.g., FIG. 12H) (e.g., the electronic device displays the segments according to a selected style) that extend to (but not beyond) the perimeter of an area of ​​the clock face (e.g., a circular area or an area having a different predefined shape that is smaller than all of the device's display, and optionally a shape different from that of the device's display). In some embodiments, in a circular dial style / mode, the segments occupy a portion of the circular area (e.g., FIG. 12K) that does not extend to an edge of the display. In some embodiments, the segments extend to an edge of the circle (e.g., from the center of the circle). In some embodiments, the clock face has complications (e.g., 1220a-1220d) around the perimeter of the circular area.

[0319] In some embodiments, after displaying the clock face in response to receiving the request to display the clock face, the electronic device detects a third sequence of one or more inputs (e.g., 1210a-1210h) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the first clock face (e.g., enter a dial editing mode, select a style selection interface, select a different style, confirm the selection of the style). In response to detecting the third sequence of one or more inputs corresponding to the request to edit the first clock face, the electronic device displays, via the display device, a clock face without segments (e.g., FIGS. 12L, 12M).

[0320] It should be noted that the process details described above with respect to method 1300 (e.g., FIG. 13) are also applicable in a similar manner to the methods described above / below. For example, methods 700, 900, 1100, 1500, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 1300. For example, operations 1306 and 1308 may be applied to the clock face in methods 700 and 900, and / or the time display in method 1500. For the sake of brevity, these details will not be repeated below.

[0321] 14A-14H show example user interfaces for a clock face according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0322] 14A illustrates an electronic device 600 displaying a clock face 1400 on a display 602. The clock face 1400 has a respective layout including a time display 1402 and complications 1404a-1404c. The time display 1402 is presented according to a first format in a first position 1406a within the respective layout. The complications 1404a-1404c are in a second position 1406b, a third position 1406c, and a fourth position 1406d, respectively, within the respective layout of the clock face 1400.

[0323] In FIG. 14A, the time display 1402 occupies a circular area on the clock face 1400 and is presented according to a first format including a digital time display, including a circular dial 1402-2 having a numerical representation of hours 1402-1a, a numerical representation of minutes and 1402-1b, and an element representing seconds. The current second is displayed by highlighting a corresponding one of the elements of the circular dial. Complication 1404a corresponds to a weather application (e.g., displays data from a weather application), complication 1404b corresponds to an activities application, and complication 1404c corresponds to a stocks application. Complications 1404a and 1404b occupy a circular area on the clock face 1400, and complication 1404c occupies a rectangular area on the clock face 1400. Complication 1404c is wider than the time display 1402. In some embodiments, complication 1404c occupies a larger area (e.g., a larger surface area) on clock face 1400 than time display 1402. In some embodiments, clock face 1400 includes only one complication (e.g., one circular complication or one rectangular complication), only two complications (e.g., one circular complication and one rectangular complication), or more than three complications.

[0324] The clock face 1400 includes a notification 1408. Due to the format of the clock face 1400, the notification 1408 is located near the top of the clock face 1400 and is horizontally offset from the center of the clock face 1400 (e.g., the notification 1408 is not horizontally centered on the clock face 1400). In FIG. 14A, the notification 1408 is located to the left of a line that passes vertically through the center of the clock face 1400. The notification 1408 is located between the time display 1402 and the complication 1404a. The horizontally offset location of the notification 1408 contrasts with the horizontally centered location of the notification 614 in FIG. 6B.

[0325] In Figure 14A, device 600 detects an input 1410a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or a duration greater than a threshold duration). In response to detecting input 1410a, device 600 enters a clock face editing mode and displays user interface 1412 as shown in Figure 14B. In some embodiments, device 600 enters the clock face editing mode in response to detecting a sequence of one or more inputs according to the techniques described above with reference to Figures 6C-6E.

[0326] User interface 1412 includes a representation of a clock face 1400, an element indicator 1414 that indicates the element selected for editing, and paging dots 1416a-1416c that correspond to first through third editing pages.

[0327] 14B illustrates a first edit page corresponding to paging dot 1416a, which is displayed in white to visually distinguish it from paging dots 1416b and 1416c, which are displayed in black. In the first edit page, a user can tap an element (e.g., representation 1413 of time display 1202 and representations 1415a-1415c of complications 1404a-1404c) to select the element for editing and then rotate the input mechanism 604 to edit the selected element.

[0328] In Fig. 14B, the clock display 1402 is selected for editing as indicated by element indicator 1414. In response to detecting an input 1410b (e.g., a rotation of the input mechanism 604), the device 600 changes the clock display 1402 as indicated by a representation 1418 of the clock display in Fig. 14C. The representation 1418 of the clock display has a different format than the clock display 1402. The format of the representation 1418 of the clock display includes an analog time display (e.g., does not include a digital time display). The device 600 maintains the layout of the clock face 1400 as the format of the clock display is edited. For example, the time display remains in position 1406a (e.g., representation 1418 of the time display is in the same position on the watch face 1400 as time display 1402), representations 1415a-1415c of complications 1404a-1404c remain in positions 1406b-1406d (respectively), and complications 1404a-1404c remain associated with the weather, activities, and stocks applications (respectively).

[0329] In response to detecting an input 1410c (e.g., a swipe), the device 600 switches to a second edit page, as indicated by the paging dots 1416b in FIG. 14D. In the second edit page, the user can edit the color scheme of the clock face 1400. In response to detecting an input 1410d (e.g., a rotation of the input mechanism 604), the device 600 changes the color scheme from full color to monochromatic, as shown in FIG. 14E. In some embodiments, according to the monochromatic scheme, the majority of the graphical elements of the clock face are displayed in black or white, and the remaining elements are displayed in an accent color (e.g., a solid color other than black, white, or a shade between black and white). In some embodiments, color is used to highlight certain elements (e.g., the numbers and / or accented seconds element of a digital time display, the hands of an analog time display). In FIG. 14E, according to the monochromatic scheme, the hands 1418a and 1418b and the trend line 1420 in the complication 1404c are displayed in an accent color.

[0330] In response to detecting an input 1410e (e.g., a swipe), the device 600 switches to a third edit page, as indicated by paging dots 1416c in FIG. 14F. In the third edit page, the user can edit the color settings of the clock face 1400. In the case of a monochromatic color scheme, the third edit page allows the user to select a highlight color. In response to detecting an input 1410f (e.g., a rotation of the input mechanism 604), the device 600 changes the highlight color from red to blue by showing the clock hands 1418a and 1418b and the dashed trend line 1420, as shown in FIG. 14G.

[0331] In response to input 1410g (e.g., a press of pressable and rotatable input device 604), device 600 exits the clock face edit mode and displays an edited clock face 1422, as shown in FIG. 14H. Clock face 1422 maintains the layout of clock face 1400 when the format of the time display was edited. Time display 1424 (corresponding to representation 1418) is displayed at position 1406a, complications 1404a-1404c remain at positions 1406b-1406d (respectively), and complications 1404a-1404c remain associated with the weather, activities, and stocks applications (respectively).

[0332] 15 is a flow diagram illustrating a method of providing a clock face using an electronic device, according to some embodiments. Method 1500 is performed on an electronic device (e.g., 100, 300, 500, or 600) that includes a display device (e.g., 602). Some operations of method 1500 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0333] As described below, method 1500 provides an intuitive way to provide a clock face. This method reduces the cognitive burden on a user interacting with an electronic device, thereby creating a more efficient human-machine interface. For battery-powered computing devices, allowing a user to interact with the device more quickly and efficiently conserves power and extends the time between battery charges.

[0334] The electronic device displays (1502) a first clock face (e.g., 1400 of FIG. 14A) via a display device. The first clock face has a respective layout including a first time display (e.g., 1402) presented according to a first format (e.g., analog clock face or digital time display) in a first position (e.g., 1406a) within the respective layout and a first complication (e.g., 1404a, 1404b, 1404c) (e.g., a complication refers to any clock face feature other than those used to indicate hours and minutes of the time (e.g., clock hands or hour / minute display)) in a second position (e.g., 1406b, 1406c, 1406d) within the respective layout. In some embodiments, the complication provides different types of information to the user, such as data obtained from an application. In some embodiments, the information conveyed to the user by the complication is customizable.

[0335] The electronic device detects (1504) a sequence of one or more inputs (e.g., 1410a-1410g) (e.g., contact on a touch-sensitive display and / or activation (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the first clock face (e.g., entering a clock face editing mode, selecting a clock face element selection interface, selecting a time display, selecting a different time display, and confirming the clock face selection).

[0336] In response to detecting a sequence of one or more inputs corresponding to a request to edit the first clock face, the electronic device displays (1506) a second clock face (e.g., 1422) via the display device. The second clock face has a respective layout including a second time display (e.g., 1424) presented according to a second format different from the first format (e.g., an analog-to-digital or digital-to-analog time display) at a first position (e.g., 1406a) within the respective layout, and a first complication (e.g., 1404a) at a second position (e.g., 1406b) within the respective layout. Displaying a second clock face in a respective layout, including (1) a second time display presented according to a second format different from the first format in a first position within the respective layout, and (2) a first complication in a second position within the respective layout, in response to a sequence of one or more inputs corresponding to a request to edit the first clock face, provides improved visual feedback and allows a user to customize the clock face by selecting a particular format of the time display on the clock face without affecting other elements of the clock face, such as the first complication. Taking action when a particular condition is met without requiring further user input and providing improved visual feedback without cluttering the user interface enhances device usability and makes the user device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), as well as reducing power usage and improving the device's battery life by allowing a user to use the device more quickly and efficiently.

[0337] In some embodiments, a first clock face (e.g., 1400) includes a second complication (e.g., 1404b) in a third position (e.g., 1406c) within the respective layout. In some embodiments, the second complication is displayed simultaneously with the first complication on the first clock face, and a second clock face includes the second complication in a third position within the respective layout. In some embodiments, the second complication is displayed simultaneously with the first complication on the second clock face.

[0338] In some embodiments, in response to detecting a sequence of one or more inputs corresponding to a request to edit the first clock face, prior to displaying the second clock face, the electronic device displays, via the display device, a clock face editing interface (e.g., 1412) that includes simultaneously displaying a representation of the first complication (e.g., 1415a-1415c) and a representation of the second complication (1415a-1415c) (e.g., FIG. 14B). Displaying a clock face editing interface that includes simultaneously displaying a representation of the first complication and a representation of the second complication provides improved feedback and enables a user to customize the clock face by selecting a particular format for the display of time on the clock face while maintaining the context of other elements of the clock face (e.g., the first and second complications). Providing improved feedback may improve usability of the device and make the user device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which may further reduce power usage and improve the device's battery life by allowing the user to use the device more quickly and efficiently.

[0339] In some embodiments, a first complication (e.g., 1404c) occupies a rectangular region (e.g., 1406d) at a first position within the respective layout, and a second complication (e.g., 1404b) occupies a circular region (e.g., 1406c) at a second position within the respective layout.

[0340] In some embodiments, the first format of the first time display includes a digital time display (e.g., 1402-1) that includes a numerical representation of the hour (e.g., 1402-1a) and a numerical representation of the minute (e.g., 1402-1b), and a number of elements (e.g., 1402-2) arranged around the numerical representations of the hour and minutes. In some embodiments, the number of elements (e.g., 1402-2) represent seconds and indicate the current second (e.g., by changing appearance).

[0341] In some embodiments, the electronic device receives first data representing a first alert. In response to receiving the data representing the alert, the electronic device displays a notification (e.g., 1408) (e.g., a dot) at a first location on the display device. In some embodiments, the electronic device detects a sequence of one or more inputs (e.g., 610a) (e.g., contacts on a touch-sensitive display and / or activations (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to select a clock face having a second layout different from the respective layout (e.g., entering a clock face selection mode, selecting a different face of the clock face, and confirming the selection of the face). In response to detecting the sequence of one or more inputs corresponding to a request to select a clock face having a second layout different from the respective layout, the electronic device displays, via the display device, a third clock face (e.g., 606) having the second layout. In some embodiments, while displaying the third clock face (e.g., 606) having the second layout, the electronic device receives second data representing a second alert. In response to receiving second data representing the second alert, the electronic device displays a second notification (e.g., 614) (e.g., a dot) at a second location on the display device that is different from the first location on the display device. Displaying the notification at a different location on a display of a clock face having a different element layout provides improved feedback by allowing the notification to be displayed while allowing the layout of the clock face to be maintained. For example, the notification could be moved based on the layout of the clock face instead of changing the layout, displaying the notification in a location that obscures another element of the clock face, or refraining from displaying the notification.Providing improved feedback may improve usability of the device and make the user device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which may further reduce power usage and improve the device's battery life by allowing the user to use the device more quickly and efficiently.

[0342] In some embodiments, the first complication occupies a first area (e.g., 1406d) having a first display size and the first time display occupies a second area (e.g., 1406a) having a second display size that is smaller than the first display size.

[0343] In some embodiments, the second clock face is displayed according to a first (e.g., multi-color) color scheme. In some embodiments, the electronic device detects a sequence of one or more inputs (e.g., 1410a-1410g) (e.g., contacts on a touch-sensitive display and / or activations (e.g., pressing or rotating) of a rotatable input mechanism) corresponding to a request to edit the color scheme of the clock face (e.g., entering a clock face editing mode, selecting a color scheme, confirming the selection of the clock face). In response to detecting the sequence of one or more inputs corresponding to a request to edit the color scheme of the clock face, the electronic device displays, via the display device, a fourth clock face (e.g., 1422) according to a second color scheme (e.g., monochromatic). In some embodiments, the fourth clock face includes a plurality of elements consisting of a first set of elements (e.g., 1404a-1404c) and a second set of elements (e.g., 1424a, 1424b, 1420). In some embodiments, the first set of elements includes a majority of the plurality of elements. In some embodiments, the first set of elements are displayed in two or more shades selected from a first color to a second color (e.g., a grayscale color range from black to white), and the second set of elements are displayed in an accent color that is outside the color range.

[0344] In some embodiments, the second set of elements (eg, 1424a, 1424b, 1420) represent data included in a timestamp (eg, 1424) or from an application (eg, a stocks application corresponding to 1404c).

[0345] It should be noted that the process details described above with respect to method 1500 (e.g., FIG. 15) are also applicable in a similar manner to the methods described above / below. For example, methods 700, 900, 1100, 1300, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 1500. For example, operations 1502, 1504, and 1506 can be applied to change the format of the time display in methods 700, 900, 1300, and 1700. For the sake of brevity, these details will not be repeated below.

[0346] 16A-16J show example user interfaces for displaying sun information on a clock face according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0347] FIG. 16A illustrates an electronic device 600 displaying a clock face 1600 on a display 602. In some embodiments, the device 600 displays the clock face 1600 in response to receiving a request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face). The clock face 1600 includes an analog dial 1602 representing a 24-hour period and an inset time display 1604. In FIG. 16A, the analog dial 1602 includes a circular dial with hour markers spaced equiangularly around the circumference of a circle, representing 24 hours. The analog dial 1602 is oriented with 0 o'clock (midnight) at the bottom of the dial and 12 o'clock (noon) at the top of the dial. In FIG. 16A, the inset time display 1604 includes an analog clock face with hour and minute hands showing the current time (2:00 p.m.). At 2:00 PM, the inset time display 1604 is displayed in a first position on the clock face user interface 1600 within the analog dial 1602. As the time advances, the inset time display 1604 moves along a circular path within the analog dial 1602. In some embodiments, the inset time display 1604 is semi-transparent.

[0348] Clock face 1600 includes representation 1606 that indicates the position of the sun (e.g., relative to a location on the Earth (e.g., corresponding to the current location of device 600)) at the displayed time. The position of representation 1606 relative to analog dial 1602 indicates the same time (e.g., the current time) indicated by inset time display 1604. As time progresses, representation 1606 moves around a circular path 1607 that has a common origin with the circular path traveled by inset time display 1604. As shown in FIG. 16A, inset time display 1604 and representation 1606 are separated by 180 degrees about the common origin of their paths.

[0349] The clock face 1600 includes a segment 1614 having a first edge 1614a that indicates a sunrise time on the analog dial 1602 and a second edge 1614b that indicates a sunset time on the analog dial 1602. The angular extent of the segment 1614 clockwise from the first edge 1614a to the second edge 1614b represents the length of the day from sunrise to sunset.

[0350] The clock face 1600 also includes points of interest 1608a-1608e at specified times along a path 1607 along which the representation 1606 travels. The points of interest 1608a-1608e indicate events throughout the day (e.g., astronomical solar events such as dawn 1608a, sunrise 1608b, solar zenith 1608c, sunset 1608d, dusk 1608e, etc.). The position of the points of interest relative to the analog dial 1602 indicates the time of the corresponding event.

[0351] Later, at 8:00 PM after sunset and before sunrise, device 600 receives a second request to display the clock face (e.g., a wrist lift gesture, a request to switch from viewing an application or notification screen to displaying the clock face). In response to receiving the second request to display the clock face, device 600 displays clock face 1600 showing a second time, as shown in FIG. 16B. In FIG. 16B, clock face 1600 includes analog dial 1602 and inset time display 1604 at a second position on clock face 1600 inside analog dial 1602 that is different from the first position. Inset time display 1604 shows the second time. As shown in Figures 16A and 16B, the representation indicating the position of the sun (representation 1606 in Figure 16A and representation 1612 in Figure 16B (described below)) and the inset time display 1604 move in sync clockwise on the clock face 1600 so that the representation indicating the position of the sun indicates the current time relative to the analog dial 1602 and remains 180 degrees away from the inset time display 1604.

[0352] In some embodiments, the visual characteristics of the indicia indicate the position of the sun changes over time. For example, between sunset and sunrise, the representation indicating the position of the sun is displayed with an appearance more similar to the moon than the sun (e.g., indicia 1606 is displayed without light rays) or is replaced by a different indicia 1612 as shown in FIG. 16B. Representations 1606 and / or 1612 may be colored red around sunrise and sunset and lighter and / or nearly white at the sun's highest point to correspond to the actual physical appearance of the sun at each time. Clock face 1600 also includes complications 1605a-1605d. In some embodiments, the color of complications 1605a-1605d is determined based on the time of day. In some embodiments, clock face 1600 includes a background, and the time of day determines the color of the background. For example, analog dial 1602 includes a darker background after sunset at 8:00 PM (FIG. 16B) than at 2:00 PM (FIG. 16A). In some embodiments, the background has a gradual transition from a first color to a second color and includes a gradient that varies along a direction parallel to a line from the center of the analog dial 1602 to a location corresponding to the highest point of the sun on the analog dial 1602 (e.g., FIG. 16K). In some embodiments, the primary color gradient varies with time of day.

[0353] Figure 16C shows the clock face 1600 at a third time during sunrise (e.g., 7:00 a.m.) In Figure 16C, the representation 1606 has been altered to revert to a sun-like appearance, and the analog dial 1602 appears in a lighter color than in Figure 16B.

[0354] 16D, clock face 1600 is again displayed with a current time of 2:00 PM. In FIG. 16D, device 600 detects input 1610a (e.g., a contact on touch-sensitive display 602 with a characteristic intensity greater than a threshold intensity or a duration greater than a threshold duration). In response to detecting input 1610a, device 600 enters a clock face editing mode and displays user interface 1616. In some embodiments, device 600 enters the clock face editing mode in response to detecting a sequence of one or more inputs according to the techniques described above with reference to FIGS. 6C-6E.

[0355] User interface 1616 includes a representation of clock face 1600 and an element indicator 1618 that indicates the element selected for editing. In FIG. 16E, element indicator 1618 indicates that inset time display 1604 is selected for editing. In response to detecting input 1601b (e.g., rotation of input mechanism 604), device 600 changes inset time display 1604 from analog to digital, as shown in FIG. 16F. In response to detecting input 1610c (e.g., pressing input mechanism 604), device 600 exits clock face editing mode and displays clock face 1600 with digital inset time display 604, as shown in FIG. 16G.

[0356] In Figure 16G, the device 600 detects an input 1610d (e.g., a tap on the display 602). In some embodiments, the input 1610d includes a rotation of the input mechanism 604. In response to detecting the input 1610d, the device 600 displays a user interface 1620 including information about the current date (Figure 16H). The user interface 1620 includes a title 1622 that indicates that the user interface 1620 is an information screen and a day length indicator 1624 that displays the current day length from sunrise to sunset.

[0357] In the embodiment shown in FIG. 16H, the device 600 enters a time scroll mode in response to detecting an input 1610d. While in the time scroll mode, the user can provide an input (e.g., rotation of the input mechanism 604) to scroll the clock face to a non-current time. This allows the user to view information about a point of interest (e.g., the exact time of the sun's highest point). In response to detecting an input 1610e (e.g., rotation of the input mechanism 604), the device 600 displays a non-current time display. As shown in FIG. 16I, the inset time display 1604 and the representation 1606 are displayed at respective positions corresponding to 12:50 PM at the non-current time (as indicated by the digital time display displayed in the inset time display 1604). In this manner, if the inset time display 1604 obscures a point of interest at, for example, the current time, the user can scroll the clock face to move the inset time display to view the point of interest.

[0358] The user interface 1620 also includes a current time indicator 1628 (indicating the current time), an offset indicator 1630 (indicating the offset between a non-current time and the current time (e.g., -1:10)), and a wedge 1632 (visually indicating the offset on the analog dial 1602 between the current time and a non-current time).

[0359] In FIG. 16I, the non-current time corresponds to a point of interest. The user interface 1620 includes a point of interest indicator 1626 (indicating that the point of interest is the highest point of the sun) and provides a tactile output 1634 (indicating that the designated time has been reached). In some embodiments, the device 600 provides a tactile output at a smaller magnitude in response to scrolling from the current time to the point of interest. For example, when the user begins scrolling, the device 600 provides a tactile output at a relatively smaller ...

Claims

1. 1. A method comprising: In an electronic device having a display device, receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; In response to receiving the request to display the clock face, displaying, via the display device, a clock face in accordance with a determination that a respective graphical element should be displayed at a respective position on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size while the respective graphical elements are displayed at the respective positions on the clock face; displaying, via the display device, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units in accordance with a determination that the respective graphical elements should not be displayed at the respective positions on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size; A method comprising:

2. The method of claim 1 , wherein the first location occupies at least a portion of the second location.

3. each said graphical element being a complication, and said plurality of analog dial graphical elements being arranged around said complication; The second size is greater than the first size.

3. The method according to claim 1 .

4. each said graphical element represents an alert notification; the second location occupies at least a portion of the respective location on the watch face; the first position does not occupy at least a portion of the respective position on the timepiece face; 3. The method according to claim 1 .

5. displaying the watch face with the respective graphical elements displayed in the respective positions, ceasing the display of the respective graphical elements while the first analog dial graphical element occupies the first position and has the first size; in response to ceasing display of the respective graphical element, replacing display of the first analog dial graphical element occupying the first position and having the first size with the first analog dial graphical element occupying the second position and having the second size, the first position occupying at least a portion of the second position and the second size being greater than the first size; The method of claim 1 , further comprising:

6. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 1 to 5.

7. 1. An electronic device comprising: A display device; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method according to any one of claims 1 to 5. Electronic devices.

8. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 1 to 5; An electronic device comprising:

9. 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 having a display device, the one or more programs comprising: receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; In response to receiving the request to display the clock face, instructions for displaying, via the display device, the clock face in accordance with a determination that a respective graphical element should be displayed at a respective position on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size while the respective graphical elements are displayed at the respective positions on the clock face; instructions for displaying, via the display device, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units in accordance with a determination that the respective graphical elements should not be displayed at the respective positions on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size; A non-transitory computer readable storage medium comprising:

10. 1. An electronic device comprising: A display device; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; In response to receiving the request to display the clock face, instructions for displaying, via the display device, the clock face in accordance with a determination that a respective graphical element should be displayed at a respective position on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size while the respective graphical elements are displayed at the respective positions on the clock face; instructions for displaying, via the display device, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units in accordance with a determination that the respective graphical elements should not be displayed at the respective positions on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size; 2. An electronic device comprising:

11. 1. An electronic device comprising: A display device; means for receiving a request to display a clock face including a plurality of analog dial graphical elements corresponding to respective units of time; a means for receiving the request to display the clock face, the means comprising: means for displaying, via the display device, the clock face in accordance with a determination that a respective graphical element should be displayed at a respective position on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to respective units of time, the plurality of analog dial graphical elements including a first analog dial graphical element occupying a first position and having a first size while the respective graphical elements are displayed at the respective positions on the clock face; means for displaying, via the display device, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units in accordance with a determination that the respective graphical elements should not be displayed at the respective positions on the clock face, the clock face including the plurality of analog dial graphical elements corresponding to the respective time units, the first analog dial graphical element of the plurality of analog dial graphical elements occupying a second position different from the first position and / or having a second size different from the first size; An electronic device comprising:

12. 1. A method comprising: In an electronic device having a display device, displaying a first clock face via the display device, the first clock face comprising: a time display displayed in a first language; a graphical element different from the time display, the graphical element being displayed in a second language; and Detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; displaying, via the display device, a second clock face in response to detecting the sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, the second clock face comprising: the time display being displayed in a third language different from the first language; the graphical elements displayed in the second language; and A method comprising:

13. 13. The method of claim 12, wherein the electronic device includes a rotatable input mechanism configured to rotate relative to a housing of the electronic device, and the sequence of one or more inputs corresponding to the request to change the language associated with the time display on the first clock face includes rotating the rotatable input mechanism.

14. The method further comprising: detecting data corresponding to a request to change a language associated with the graphical elements on the first watch face while the time display is displayed in the third language; displaying, via the display device, a third clock face in response to detecting the data corresponding to a request to change a language associated with the graphical elements on the first clock face, the third clock face comprising: the time display being displayed in the third language; the graphical elements being displayed in a fourth language different from the second language; and The method of any one of claims 12 to 13, further comprising:

15. and displaying the first clock face and / or the second clock face includes displaying the time display in a first color, the method further comprising: receiving a request to display a current clock face; displaying, via the display device, a fourth clock face in response to receiving the request to display a current clock face, the fourth clock face comprising: the time display being displayed in a second color different from the first color; The graphical element; and and 15. The method of any one of claims 12 to 14, further comprising:

16. 16. The method of claim 12, wherein the time display comprises a plurality of graphical elements, the plurality of graphical elements comprising a first graphical element representing a number and a second graphical element different from the representation of the number.

17. and wherein the time display includes an analog dial, and displaying the first clock face and / or the second clock face includes displaying the analog dial according to a first style, the method further comprising: detecting a sequence of one or more inputs corresponding to a request to change a style of the analog dial; displaying, via the display device, a fourth clock face in response to detecting the sequence of one or more inputs corresponding to the request to change a style of the analog dial, the fourth clock face comprising: the time display on the analog dial being displayed according to a second style different from the first style; The graphical element; and and 17. The method of any one of claims 12 to 16, further comprising:

18. the electronic device includes a rotatable input mechanism configured to rotate relative to a housing of the electronic device, and the sequence of one or more inputs corresponding to a request to change a style of the analog dial includes rotating the rotatable input mechanism; displaying the fourth clock face includes fading out characters used to represent time divisions on the analog dial displayed according to the first style along a first direction relative to a center of the analog dial, and then fading in characters used to represent time divisions on the analog dial displayed according to the second style along a second direction relative to a center of the analog dial; The method of claim 17 , wherein the characters used to represent time divisions fade in and out in accordance with rotation of the rotatable input mechanism.

19. 20. The method of claim 18, wherein fading in of the characters used to represent time divisions displayed according to the second style begins after fading out of the characters used to represent time divisions displayed according to the first style.

20. receiving a request to display a current clock face; In response to receiving the request to display a current clock face, displaying via the display device a fifth clock face including the time display including an analog dial and the graphical element, wherein displaying the fifth clock face includes fading in characters used to represent time divisions on the analog dial along a direction relative to a center of the analog dial; 20. The method of any one of claims 18 to 19, further comprising:

21. 21. A method according to any one of claims 12 to 20, wherein the time display comprises a digital time display displayed simultaneously with an analog time display, the analog time display comprising a plurality of clock hands displayed in front of the digital time display.

22. and wherein the time display includes an analog dial, and displaying the first clock face and / or the second clock face includes displaying the analog dial according to a first style, the method further comprising: Detecting a sequence of one or more inputs corresponding to a request to change the color of a clock face; displaying, via the display device, a sixth clock face in response to detecting the sequence of one or more inputs corresponding to a request to change a color of a clock face, the sixth clock face comprising: said time display in response to said request changing the color of said clock face; the graphical element in response to the request changing a color of the clock face; 22. The method of any one of claims 12 to 21, further comprising:

23. 23. A method according to any one of claims 12 to 22, wherein the time display includes hour indicators displayed in a first colour and minute indicators displayed in a second colour different from the first colour.

24. the time display includes an hour indicator and a minute indicator; 24. The method of any one of claims 12 to 23, comprising displaying the hour indicator in a second color and the minute indicator in a third color different from the second color in accordance with a user selection of a first color for both the hour indicator and the minute indicator.

25. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 12 to 24.

26. 1. An electronic device comprising: A display device; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for performing the method of any one of claims 12 to 24.

27. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 12 to 24; An electronic device comprising:

28. 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 having a display device, the one or more programs comprising: instructions for displaying a first clock face via the display device, the first clock face comprising: a time display displayed in a first language; a graphical element different from the time display, the graphical element being displayed in a second language; and instructions to detect a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; responsive to detecting the sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, displaying, via the display device, a second clock face, the second clock face comprising: the time display being displayed in a third language different from the first language; the graphical elements displayed in the second language; and A non-transitory computer-readable storage medium comprising:

29. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include instructions for displaying a first clock face via the display device, the first clock face comprising: a time display displayed in a first language; a graphical element different from the time display, the graphical element being displayed in a second language; and instructions to detect a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; responsive to detecting the sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, displaying, via the display device, a second clock face, the second clock face comprising: the time display being displayed in a third language different from the first language; the graphical elements displayed in the second language; and An electronic device comprising:

30. 1. An electronic device comprising: A display device; means for displaying a first clock face via the display device, the first clock face comprising: a time display displayed in a first language; a graphical element different from the time display, the graphical element being displayed in a second language; and means for detecting a sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face; means for displaying, via the display device, a second clock face in response to detecting the sequence of one or more inputs corresponding to a request to change a language associated with the time display on the first clock face, the second clock face comprising: the time display being displayed in a third language different from the first language; the graphical elements displayed in the second language; and An electronic device comprising:

31. 1. A method comprising: In an electronic device having a display device, displaying, via the display device, a first clock face, the first clock face comprising: a plurality of clock hands including a first clock hand and a second clock hand; 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, the first edge of the color gradient of the first clock face being 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 being selected based on a position of the first clock hand of the first clock face; and Detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; and displaying, via the display device, a second clock face in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, the second clock face comprising: the plurality of clock hands including the first clock hand and the second clock hand; a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being 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 being selected based on a position of the second clock hand of the second clock face; a second color gradient of the second watch face, the second color gradient of the second watch face including a gradual transition from a first color at a first edge of the second color gradient of the second watch face to a second color at a second edge of the second color gradient of the second watch face, the second edge of the second color gradient of the second watch face being selected based on a position of the first watch hand of the second watch face; and The method includes:

32. 32. The method of claim 31, wherein the first clock hand of the first clock face indicates seconds of the time.

33. 33. The method of any one of claims 31 to 32, 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 on the second clock face.

34. 34. The method of any one of claims 31 to 33, wherein the plurality of hands of the second clock face includes a third hand, and the first edge of the second color gradient of the second clock face is selected based on a position of the third hand of the second clock face.

35. 35. The method of claim 34, 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 a first color at a first edge of the third color gradient of the second clock face to a second color at a second edge of the third color gradient of the second clock face, the first edge of the third color gradient of the second clock face being selected based on a position of the second hand of the second clock face, and the second edge of the third color gradient of the second clock face being selected based on a position of the third hand of the second clock face.

36. Detecting a sequence of the one or more inputs Detecting a first input in the sequence of inputs; displaying a clock face editing user interface in response to detecting the first input; detecting a second sequence of one or more inputs, the second sequence being a subset of the first sequence of one or more inputs, while displaying the clock face editing user interface; 36. The method of any one of claims 31 to 35, comprising:

37. 37. The method of any one of claims 31 to 36, wherein a spatial extent of the first color gradient of the second watch face is different from a spatial extent of the second color gradient of the second watch face.

38. Displaying the second clock face includes: the first color gradient of the second clock face has a first spatial extent according to the first hand of the second clock face having a first position relative to the second hand of the second clock face; 38. The method of any one of claims 31 to 37, wherein the first color gradient of the second clock face has a second spatial range different from the first spatial range according to the first hand of the second clock face having a second position relative to the second hand of the second clock face that is different from the first position relative to the second hand of the second clock face.

39. 39. The method of any one of claims 31 to 38, wherein the second color is selected based on the first color and is not user configurable.

40. 40. The method of any one of claims 31 to 39, wherein the first color is a first shade of gray within a gray range that includes black and white, and the second color is a second shade of gray within the gray range that includes black and white, and the first color is different from the second color.

41. 41. The method of any one of claims 31 to 40, wherein the hands of the first clock include the first color and the hands of the second clock include the second color.

42. receiving a request to display a current clock face 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; in response to receiving the request to display the current clock face, 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 in accordance with determining that the position of the hand of the first clock corresponds to the position of the hand of the second clock; 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 in accordance with a determination that the position of the hand of the first clock does not correspond to the position of the hand of the second clock; 42. The method of any one of claims 31 to 41, further comprising:

43. displaying the second clock face via the display device 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 the current clock face; in response to receiving the second request to display the current clock face, 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 in accordance with determining that the position of the hand of the first clock corresponds to the position of the hand of the second clock; 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 in accordance with a determination that the position of the hand of the first clock does not correspond to the position of the hand of the second clock; 43. The method of claim 42, further comprising:

44. 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 comprising a display device, the one or more programs including instructions for performing the method of any one of claims 31 to 43.

45. 1. An electronic device comprising: A display device; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 31 to 43.

46. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 31 to 43; An electronic device comprising:

47. 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 having a display device, the one or more programs comprising: instructions for displaying a first clock face via the display device, the first clock face comprising: a plurality of clock hands including a first clock hand and a second clock hand; 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, the first edge of the color gradient of the first clock face being 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 being selected based on a position of the first clock hand of the first clock face; and instructions for 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, instructions for displaying, via the display device, a second clock face, the second clock face comprising: the plurality of clock hands including the first clock hand and the second clock hand; a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being 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 being selected based on a position of the second clock hand of the second clock face; a second color gradient of the second watch face, the second color gradient of the second watch face including a gradual transition from a first color at a first edge of the second color gradient of the second watch face to a second color at a second edge of the second color gradient of the second watch face, the second edge of the second color gradient of the second watch face being selected based on a position of the first watch hand of the second watch face; A non-transitory computer readable storage medium comprising:

48. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include instructions for displaying a first clock face via the display device, the first clock face comprising: a plurality of clock hands including a first clock hand and a second clock hand; 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, the first edge of the color gradient of the first clock face being 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 being selected based on a position of the first clock hand of the first clock face; and instructions for 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, instructions for displaying, via the display device, a second clock face, the second clock face comprising: the plurality of clock hands including the first clock hand and the second clock hand; a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being 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 being selected based on a position of the second clock hand of the second clock face; a second color gradient of the second watch face, the second color gradient of the second watch face including a gradual transition from a first color at a first edge of the second color gradient of the second watch face to a second color at a second edge of the second color gradient of the second watch face, the second edge of the second color gradient of the second watch face being selected based on a position of the first watch hand of the second watch face; 2. An electronic device comprising:

49. 1. An electronic device comprising: A display device; means for displaying a first clock face via the display device, the means comprising: a plurality of clock hands including a first clock hand and a second clock hand; 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, the first edge of the color gradient of the first clock face being 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 being selected based on a position of the first clock hand of the first clock face; and means for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; means for displaying, via the display device, a second clock face in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, the second clock face comprising: the plurality of clock hands including the first clock hand and the second clock hand; a first color gradient of the second clock face, the first color gradient of the second clock face including a gradual transition from a first color at a first edge of the first color gradient of the second clock face to a second color at a second edge of the first color gradient of the second clock face, the first edge of the first color gradient of the second clock face being 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 being selected based on a position of the second clock hand of the second clock face; a second color gradient of the second watch face, the second color gradient of the second watch face including a gradual transition from a first color at a first edge of the second color gradient of the second watch face to a second color at a second edge of the second color gradient of the second watch face, the second edge of the second color gradient of the second watch face being selected based on a position of the first watch hand of the second watch face; 2. An electronic device comprising:

50. 1. A method comprising: In an electronic device having a display device, Receiving a request to display a clock face; In response to receiving the request to display the clock face, displaying, via the display device, a clock face in accordance with determining that the current time is a first time, the clock face at the first time comprising: a digital time display showing the first time; A segment including a first edge at a first location and a second edge at a second location, the first edge at the first location indicates a first time unit of the first time; a segment, the second edge at the second location indicating a second time unit of the first time; and pursuant to determining that the current time is a second time different from the first time, displaying, via the display device, the clock face at the second time, wherein the clock face at the second time comprises: the digital time display showing the second time; the segment including the first edge and the second edge, the first edge being at a third position and the second edge being at a fourth position; the first edge at the third location indicates a first time unit of the second time; a segment, the second edge at the fourth location indicating a second time unit of the second time; The method includes:

51. the segment is a first segment and the clock face includes a second segment; pursuant to said determining that the current time is the first time, said first segment occupying a first portion of said clock face and said second segment occupying a second portion of said clock face not including said first portion; responsive to a determination that the current time is a second time, a second segment occupies at least a portion of the first portion of the clock face.

51. The method of claim 50.

52. in response to the determination that the current time is the first time, the segment includes a first color; in response to a determination that the current time is a second time, the segment includes a second color different from the first color.

52. The method of any one of claims 50 to 51.

53. in response to the determination that the current time is the first time, a portion of the digital time display includes a third color; responsive to a determination that the current time is a second time, the portion of the digital time display includes a fourth color different from the third color.

53. The method of any one of claims 50 to 52.

54. the timepiece face at the first time further includes a complication, the segment overlaps the complication at the first time, and pursuant to a determination that the segment overlaps the complication at the first time, the complication includes a fifth color; the timepiece face at a second time further includes the complication, and in accordance with a determination that the segment does not overlap the complication at the second time and that the segment does not overlap the complication at the second time, the complication includes a sixth color different from the fifth color.

54. The method of any one of claims 50 to 53.

55. In response to receiving the request to display the clock face, the clock face is displayed without clock hands, the method further comprising: Detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, displaying the clock face via the display device, the clock face including one or more clock hands; 55. The method of any one of claims 50 to 54, further comprising:

56. In response to receiving the request to display the clock face, the segments extend to an edge of the display device, the method comprising: Detecting a second sequence of one or more inputs corresponding to a request to edit the first clock face; in response to detecting a second sequence of the one or more inputs corresponding to a request to edit the first clock face, displaying via the display device the clock face including the segment extending to an outer periphery of an area of ​​the clock face; 56. The method of any one of claims 50 to 55, further comprising:

57. detecting a third sequence of one or more inputs corresponding to a request to edit the first clock face after displaying the clock face in response to receiving the request to display the clock face; in response to detecting a third sequence of the one or more inputs corresponding to the request to edit the first clock face, displaying via the display device the clock face without the segments; 57. The method of any one of claims 50 to 56, further comprising:

58. 58. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 50 to 57.

59. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs contain instructions for performing the method of any one of claims 50 to 57. Electronic devices.

60. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 50 to 57; An electronic device comprising:

61. 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 having a display device, the one or more programs comprising: receiving a request to display a clock face; In response to receiving the request to display the clock face, pursuant to a determination that a current time is a first time, instructions for displaying, via the display device, a clock face, the clock face at the first time comprising: a digital time display showing the first time; A segment including a first edge at a first location and a second edge at a second location, the first edge at the first location indicates a first time unit of the first time; a segment, the second edge at the second location indicating a second time unit of the first time; and pursuant to a determination that the current time is a second time different from the first time, instructions for displaying, via the display device, the clock face at the second time, the clock face at the second time comprising: the digital time display showing the second time; the segment including the first edge and the second edge, the first edge being at a third position and the second edge being at a fourth position; the first edge at the third location indicates a first time unit of the second time; a segment, the second edge at the fourth location indicating a second time unit of the second time; and a non-transitory computer readable storage medium comprising:

62. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include receiving a request to display a clock face; In response to receiving the request to display the clock face, pursuant to a determination that a current time is a first time, instructions for displaying, via the display device, a clock face, the clock face at the first time comprising: a digital time display showing the first time; A segment including a first edge at a first location and a second edge at a second location, the first edge at the first location indicates a first time unit of the first time; a segment, the second edge at the second location indicating a second time unit of the first time; and pursuant to a determination that the current time is a second time different from the first time, instructions for displaying, via the display device, the clock face at the second time, the clock face at the second time comprising: the digital time display showing the second time; the segment including the first edge and the second edge, the first edge being at a third position and the second edge being at a fourth position; the first edge at the third location indicates a first time unit of the second time; a segment, the second edge at the fourth location indicating a second time unit of the second time; and an electronic device comprising:

63. 1. An electronic device comprising: A display device; means for receiving a request to display a clock face; a means for receiving the request to display the clock face, the means comprising: means for displaying, via the display device, a clock face in response to a determination that the current time is a first time, the clock face at the first time comprising: a digital time display showing the first time; A segment including a first edge at a first location and a second edge at a second location, the first edge at the first location indicates a first time unit of the first time; a segment, the second edge at the second location indicating a second time unit of the first time; and means for displaying, via the display device, the clock face at the second time in accordance with a determination that the current time is a second time different from the first time, the clock face at the second time being: the digital time display showing the second time; the segment including the first edge and the second edge, the first edge being at a third position and the second edge being at a fourth position; the first edge at the third location indicates a first time unit of the second time; a segment, the second edge at the fourth location indicating a second time unit of the second time; and an electronic device comprising:

64. 1. A method comprising: In an electronic device having a display device, displaying via the display device a first clock face having a respective layout, the layout comprising: a first time display presented in a first position within said respective layout and according to a first format; a first complication in a second position within the respective layout; and and Detecting a 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 having the respective layout in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, the layout comprising: a second time display presented in the first position within each of the layouts according to a second format different from the first format; the first complication in the second position within the respective layout; and and a method comprising:

65. the first watch face includes a second complication in a third position within the respective layout, the second complication being displayed simultaneously with the first complication on the first watch face; the second watch face includes the second complication in the third position within the respective layout, the second complication being displayed simultaneously with the first complication on the second watch face; 65. The method of claim 64.

66. in response to detecting the sequence of the one or more inputs corresponding to a request to edit the first clock face; displaying a clock face editing interface via the display device, the clock face editing interface including simultaneously displaying a representation of the first complication and a representation of the second complication prior to displaying the second clock face; 66. The method of any one of claims 64 to 65, further comprising:

67. 67. The method of any one of claims 65 to 66, wherein the first complication occupies a rectangular area at the first position in the respective layout and the second complication occupies a circular area at the second position in the respective layout.

68. 68. The method of any one of claims 64 to 67, wherein the first format of the first time display comprises a digital time display including a numerical representation of an hour, a numerical representation of a minute, and a plurality of elements arranged around the numerical representation of the hour and minutes, the plurality of elements representing seconds and indicating the current second.

69. receiving first data representative of a first alert; displaying a notification at a first location on the display device in response to receiving the data representing the alert; Detecting a sequence of one or more inputs corresponding to a request to select a clock face having a second layout different from the respective layout; in response to detecting the sequence of one or more inputs corresponding to a request to select a clock face having a second layout different from the respective layout, displaying via the display device a third clock face having the second layout; receiving second data representative of a second alert while displaying the third watch face having the second layout; In response to receiving the second data representative of the second alert, displaying a second notification at a second location on the display device that is different from the first location on the display device; 69. The method of any one of claims 64 to 68, further comprising:

70. 70. The method of any one of claims 64 to 69, wherein the first complication occupies a first area having a first display size and the first time display occupies a second area having a second display size smaller than the first display size.

71. the second watch face is displayed according to a first color scheme, and the method further comprises: Detecting a sequence of one or more inputs corresponding to a request to edit a color scheme of the clock face; in response to detecting a sequence of one or more inputs corresponding to the request to edit a color scheme of the clock face, displaying via a display device a fourth clock face according to a second color scheme, the fourth clock face including a plurality of elements, the plurality of elements being a first set of elements and a second set of elements, the first set of elements including a majority of the plurality of elements, the first set of elements being displayed in two or more shades selected from a range of colors from a first color to a second color, and the second set of elements being displayed in an accent color outside the range of colors; 71. The method of any one of claims 64 to 70, further comprising:

72. 72. The method of claim 71, wherein the second set of elements represents data included in the time display or from an application.

73. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 64 to 72.

74. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs contain instructions for performing the method of any one of claims 64 to 72. Electronic devices.

75. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 64 to 72; An electronic device comprising:

76. 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 having a display device, the one or more programs comprising: instructions for displaying via the display device a first clock face having a respective layout, the layout comprising: a first time display presented in a first position within said respective layout and according to a first format; a first complication in a second position within the respective layout; and and instructions for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; 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 having the respective layout, the layout comprising: a second time display presented in the first position within each of the layouts according to a second format different from the first format; the first complication in the second position within the respective layout; and and a non-transitory computer readable storage medium comprising:

77. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include instructions for displaying via the display device a first clock face having a respective layout, the layout comprising: a first time display presented in a first position within said respective layout and according to a first format; a first complication in a second position within the respective layout; and and instructions for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; 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 having the respective layout, the layout comprising: a second time display presented in the first position within each of the layouts according to a second format different from the first format; the first complication in the second position within the respective layout; and and an electronic device comprising:

78. 1. An electronic device comprising: A display device; means for displaying via said display device a first clock face having a respective layout, said layout comprising: a first time display presented in a first position within said respective layout and according to a first format; a first complication in a second position within the respective layout; and and means for detecting a sequence of one or more inputs corresponding to a request to edit the first clock face; means for displaying, via the display device, a second clock face having the respective layout in response to detecting the sequence of one or more inputs corresponding to a request to edit the first clock face, the layout comprising: a second time display presented in the first position within each of the layouts according to a second format different from the first format; the first complication in the second position within the respective layout; and and an electronic device comprising:

79. 1. A method comprising: In an electronic device having a display device, Receiving a first request to display a clock face; displaying, via the display device, a clock face at a representation of a first time in response to receiving the first request to display the clock face, the clock face at the first time comprising: an analog dial representing a 24-hour period; an inset time display indicating the first time at a first position on the clock face inside the analog dial; and receiving a second request to display the clock face; displaying, via the display device, the clock face in a representation of a second time different from the first time in response to receiving the second request to display the clock face, the clock face at the second time being: said analog dial representing a 24 hour period; the inset time display at a second location on the clock face of the inner side of the analog dial different from the first location on the clock face of the inner side of the analog dial, the inset time display indicating the second time; A method comprising:

80. 80. The method of claim 79, wherein the second position of the inset time display relative to the first position of the inset time display is based on an amount of time between the second time and the first time.

81. 81. The method of any one of claims 79 to 80, wherein the first position of the insertion time display is selected based on the first time and the second position of the insertion time display is selected based on the second time.

82. 82. A method according to any one of claims 79 to 81, wherein the inset time display is offset from the centre of the analogue dial which represents a 24 hour period.

83. the clock face at the first time further includes a representation indicating a position of the sun at the first time, the representation being in a third position on the clock face inside the analog dial at the first time; 83. A method according to any one of claims 79 to 82, wherein the clock face at a second time further comprises a representation indicating a position of the sun at a second time, the representation being at a fourth position on the inner clock face of the analog dial that is different from a third position on the inner clock face of the analog dial at the second time.

84. the third position of the clock face relative to the analog dial indicates the first time; the fourth position of the clock face relative to the analog dial indicates the second time of day.

84. The method of claim 83.

85. the inset time display moves about an origin along a first circular path from the first location on the clock face to the second location on the clock face; the representation of the position of the sun moves about the origin along a second circular path from the third position on the clock face to the fourth position on the clock face; the angular separation, relative to the origin, between the inset time display and said representation of the position of the sun remains constant over time; 85. A method according to any one of claims 83 to 84.

86. 86. A method according to any one of claims 83 to 85, wherein the representation indicating the position of the sun is displayed in a first colour at the first time and in a second colour different from the first colour at the second time.

87. displaying a first element representative of the sun according to a current time corresponding to a time between sunrise and sunset; displaying a second element representing a month according to a current time corresponding to a time between sunrise and sunset; 87. The method of any one of claims 83 to 86, comprising:

88. 88. The method of any one of claims 79 to 87, wherein the clock face includes a segment having a first edge that represents a sunrise time on the analog dial and a second edge that represents a sunset time on the analog dial.

89. 90. The method of claim 88, wherein the location and size of the segments are selected based on a season and a geographic location associated with the electronic device.

90. the electronic device includes a rotatable input mechanism that rotates relative to a frame of the electronic device, the method comprising: Detecting rotation of the rotatable input mechanism; responsive to detecting the rotation of the rotatable input mechanism, moving the integrated time display to a third position on the clock face inside the analog dial, such that the integrated time display indicates a third time different from the current time; 90. The method of any one of claims 79 to 89, further comprising:

91. in response to detecting the rotation of the rotatable input mechanism, displaying an indication of an offset between the third time and a current time, the offset being indicated by a position of the indication relative to the analog dial; 91. The method of claim 90, further comprising:

92. displaying an indication of length of day in response to detecting the rotation of the rotatable input mechanism; 92. The method of any one of claims 90 to 91, further comprising:

93. in response to detecting rotation of the rotatable input mechanism; in response to a determination that the third time corresponds to a designated time, displaying a display of an event corresponding to the designated time; 93. The method of any one of claims 90 to 92, further comprising:

94. in response to detecting rotation of the rotatable input mechanism; providing a tactile output in response to a determination that the third time corresponds to a designated time; 94. The method of any one of claims 90 to 93, further comprising:

95. providing the tactile output in accordance with a determination that the third time corresponds to a designated time includes providing the tactile output having a first magnitude, the method comprising: in response to detecting rotation of the rotatable input mechanism; 95. The method of claim 94, further comprising: in response to a determination that the third time does not correspond to a designated time, providing the tactile output at a second magnitude less than the first magnitude.

96. detecting further rotation of the rotatable input mechanism; in response to detecting further rotation of the rotatable input mechanism; providing a second tactile output; and 96. The method of any one of claims 90 to 95, further comprising:

97. 97. The method of any one of claims 79 to 96, wherein the clock face includes a first graphical element, the color of the first graphical element being selected based on the time of day.

98. 98. The method of any one of claims 79 to 97, wherein the clock face includes a representation of an event, the representation being at a first location on the clock face, the first location relative to the analog dial indicating a time of the event.

99. The inset time display includes a time display, the time display is displayed according to a first style at the second time, and the method further comprises: detecting a sequence of one or more inputs corresponding to a request to edit a style of the time display of the inset time display after displaying the clock face at the second time; displaying, via the display device, the clock face including the time display of the inserted time display according to a second style different from the first style, in response to detecting the sequence of the one or more inputs corresponding to a request to edit a style of the time display of the inserted time display; 99. The method of any one of claims 79 to 98, further comprising:

100. 100. The method of any one of claims 79 to 99, wherein the inset time display is semi-transparent.

101. 101. The method of any one of claims 79 to 100, wherein the clock face includes a color gradient having a gradual transition from a first color to a second color, the color gradient varying along a direction from a center of the analog dial to a position on the analog dial representing the highest point of the sun.

102. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 79 to 101.

103. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs contain instructions for performing the method of any one of claims 79 to 101. Electronic devices.

104. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 79 to 101; An electronic device comprising:

105. 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 having a display device, the one or more programs comprising: instructions for receiving a first request to display a clock face; instructions for displaying, via the display device, a clock face at a representation of a first time in response to receiving the first request to display the clock face, the clock face at the first time comprising: an analog dial representing a 24-hour period; an inset time display indicating the first time at a first position on the clock face inside the analog dial; and receiving a second request to display the clock face; instructions for displaying, via the display device, the clock face in a representation of a second time that is different from the first time, in response to receiving the second request to display the clock face, the clock face at the second time comprising: said analog dial representing a 24 hour period; the inset time display at a second location on the clock face of the interior of the analog dial that is different from the first location on the clock face of the interior of the analog dial, the inset time display indicating the second time; A non-transitory computer readable storage medium comprising:

106. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include instructions for receiving a first request to display a clock face; instructions for displaying, via the display device, a clock face at a representation of a first time in response to receiving the first request to display the clock face, the clock face at the first time comprising: an analog dial representing a 24-hour period; an inset time display indicating the first time at a first position on the clock face inside the analog dial; and receiving a second request to display the clock face; instructions for displaying, via the display device, the clock face in a representation of a second time that is different from the first time, in response to receiving the second request to display the clock face, the clock face at the second time comprising: said analog dial representing a 24 hour period; the inset time display at a second location on the clock face of the interior of the analog dial that is different from the first location on the clock face of the interior of the analog dial, the inset time display indicating the second time; 2. An electronic device comprising:

107. 1. An electronic device comprising: A display device; means for receiving a first request to display a clock face; means for displaying, in response to receiving the first request to display the clock face, via the display device, a clock face at a representation of a first time, the clock face at the first time comprising: an analog dial representing a 24-hour period; an inset time display indicating the first time at a first position on the clock face inside the analog dial; and means for receiving a second request to display the clock face; means for displaying, via the display device, the clock face in a representation of a second time different from the first time in response to receiving the second request to display the clock face, the clock face at the second time being: said analog dial representing a 24 hour period; the inset time display at a second location on the clock face of the inner side of the analog dial that is different from the first location on the clock face of the inner side of the analog dial, the inset time display indicating the second time; An electronic device comprising:

108. 1. A method comprising: In an electronic device having a display device, displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, wherein displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying at least a portion of two or more different clock faces from the plurality of clock faces, including displaying a first clock face of the plurality of clock faces at a first size; detecting a user input at a location corresponding to a first clock face while displaying, via a display device, a selection user interface for selecting a clock face from a plurality of clock faces; In response to detecting the user input, upon determining that the user input satisfies a first input criterion, displaying the first clock face at a second size, the second size being larger than the first size, via the display device; in response to a determination that the user input satisfies a second input criterion different from the first input criterion; displaying, via the display device, a reordering user interface for reordering the plurality of clock faces, where displaying the reordering user interface for reordering the plurality of clock faces includes displaying at least a portion of three or more clock faces, including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; detecting a corresponding movement of the first clock face while displaying the sorting user interface; in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement.

109. displaying the sorting user interface for sorting the plurality of clock faces includes simultaneously displaying the first clock face, a second clock face of the plurality of clock faces, and a third clock face of the plurality of clock faces; the first clock face is displayed at a first reduced size that is smaller than the first size; the second clock face is displayed at a size smaller than the first reduced size; 109. The method of claim 108, wherein the third clock face is displayed at a size smaller than the first reduced size, and a second clock face is different from the third clock face.

110. 110. The method of any one of claims 108 to 109, wherein displaying the sorting user interface includes displaying the first clock face at a first reduced size that is smaller than the first size.

111. displaying the sorting user interface for sorting the plurality of clock faces includes simultaneously displaying the first clock face at a first reduced size smaller than the first size, a second clock face of the plurality of clock faces at a third size smaller than the first reduced size, and a third clock face of the plurality of clock faces at the third size, the method comprising: detecting a second movement while displaying the sorting user interface including the first clock face at the first reduced size, the second movement corresponding to the first clock face; In response to detecting the second movement corresponding to the first clock face, in response to determining that the second movement moves the first timepiece face a threshold distance in a first direction; further reducing the size of the second watch face and the third watch face; in response to determining that the second movement does not move the first timepiece face in the first direction the threshold distance; continuing to display the second clock face and the third clock face without reducing the size of the second clock face and the third clock face; 111. The method of any one of claims 108 to 110, further comprising:

112. detecting, while displaying, via the display device, the selection user interface displaying the first clock face, a scrolling user input corresponding to a first scrolling direction; In response to detecting the scroll input, sliding the first clock face out from the display in a direction corresponding to the first scrolling direction; Sliding a second clock face onto the display in a direction corresponding to the first scrolling direction; 112. The method of any one of claims 108 to 111, further comprising:

113. moving the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement; changing an order of the first clock face relative to the one or more of the other clock faces; generating a tactile output corresponding to changing an order of the first clock face relative to one or more of the other clock faces; 113. The method of any one of claims 108 to 112, comprising:

114. determining that an end of the plurality of clock faces has been reached while moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement; generating a second tactile output corresponding to reaching an end of the plurality of clock faces in response to determining that an end of the plurality of clock faces has been reached; 114. The method of any one of claims 108 to 113, further comprising:

115. at least two clock faces of the plurality of clock faces are an ordered set, the method comprising:

115. The method of any one of claims 108 to 114, further comprising: displaying, via the display device, a position indicator while displaying the sorting user interface, the position indicator providing an indication of a current ordinal position for the first clock face among the at least two clock faces of the plurality of clock faces.

116. wherein displaying at least a portion of two or more different clock faces from the plurality of clock faces includes displaying at least a portion of the two or more different clock faces from the plurality of clock faces in a first order, the method comprising: receiving a request to display the selection user interface for selecting a clock face from a plurality of clock faces after moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement; displaying the selection user interface via the display device in response to receiving the request to display the selection user interface, wherein displaying the selection user interface displays at least a portion of the two or more different clock faces from the plurality of clock faces in a second order different from the first order; 116. The method of any one of claims 108 to 115, further comprising:

117. displaying at least a portion of two or more different clock faces from the plurality of clock faces includes displaying at least a portion of the two or more different clock faces from the plurality of clock faces based on a first ordering of the plurality of clock faces; moving the first clock face relative to one or more of the other clock faces in the sorting user interface in accordance with the detected movement changes an order of the plurality of clock faces to a second order different from the first order; The method further comprising: moving the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement; receiving a request to display the first clock face at the second size; displaying, via the display device, the first clock face at the second size in response to receiving the request to display the first clock face at the second size; detecting a user input that changes a clock face while displaying the first clock face at the second size, the user input that changes the clock face including a directional component; in response to detecting a user input that changes a clock face, replacing the display of the first clock face at the second size with a next clock face in the second order selected based on the directional component; 117. The method of any one of claims 108 to 116, further comprising:

118. displaying the first clock face at the second size prior to displaying the selection user interface for selecting a clock face from a plurality of clock faces, the selection user interface including displaying at least a portion of two or more different clock faces from a plurality of clock faces; detecting a third user input satisfying a respective criterion while displaying the first clock face at the second size; Further comprising: displaying the selection user interface for selecting a clock face from a plurality of clock faces is in response to receiving the third user input.

118. The method of any one of claims 108 to 117.

119. In response to detecting the user input, In response to a determination that the user input satisfies a fourth input criterion, initiating a process of removing the first clock face from the plurality of clock faces; 119. The method of any one of claims 108 to 118, further comprising:

120. While the device detects the movement corresponding to the first clock face while displaying the sorting user interface.

120. The method of any one of claims 108 to 119, wherein a first clock face in the sorting user interface is at least partially transparent such that at least a portion of one or more other clock faces in the sorting user interface is visible behind the first clock face.

121. 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 having a display device, the one or more programs including instructions for performing the method of any one of claims 108 to 120.

122. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs contain instructions for performing the method of any one of claims 108 to 120. Electronic devices.

123. 1. An electronic device comprising: A display device; Means for carrying out the method according to any one of claims 108 to 120; An electronic device comprising:

124. 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 having a display device, the one or more programs comprising: instructions for displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, wherein displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying at least a portion of two or more different clock faces from the plurality of clock faces, the displaying including displaying a first clock face of the plurality of clock faces at a first size; detecting a user input at a location corresponding to a first clock face while displaying, via a display device, a selection user interface for selecting a clock face from a plurality of clock faces; In response to detecting the user input, upon determining that the user input satisfies a first input criterion, displaying the first clock face via the display device at a second size that is larger than the first size; in response to a determination that the user input satisfies a second input criterion different from the first input criterion; instructions for displaying, via the display device, a sorting user interface for sorting the plurality of clock faces, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces, including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; instructions for detecting a corresponding movement of the first clock face while displaying the sorting user interface; and instructions for, in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement.

125. 1. An electronic device comprising: A display device; one or more processors; a memory storing one or more programs configured to be executed by the one or more processors; wherein the one or more programs include instructions for displaying, via the display device, a selection user interface for selecting a clock face from a plurality of clock faces, wherein displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying at least a portion of two or more different clock faces from the plurality of clock faces, the displaying including displaying a first clock face of the plurality of clock faces at a first size; detecting a user input at a location corresponding to a first clock face while displaying, via a display device, a selection user interface for selecting a clock face from a plurality of clock faces; In response to detecting the user input, upon determining that the user input satisfies a first input criterion, displaying the first clock face via the display device at a second size that is larger than the first size; in response to a determination that the user input satisfies a second input criterion different from the first input criterion; instructions for displaying, via the display device, a sorting user interface for sorting the plurality of clock faces, where displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces, including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; instructions for detecting a corresponding movement of the first clock face while displaying the sorting user interface; and in response to detecting the movement corresponding to the first clock face, instructions to move the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement.

126. 1. An electronic device comprising: A display device; means for displaying, via a display device, a selection user interface for selecting a clock face from a plurality of clock faces, wherein displaying the selection user interface for selecting a clock face from the plurality of clock faces includes displaying at least a portion of two or more different clock faces from the plurality of clock faces, including displaying a first clock face of the plurality of clock faces at a first size; means for detecting a user input at a location corresponding to the first clock face while displaying via the display device the selection user interface for selecting a clock face from the plurality of clock faces; in response to detecting the user input, upon determining that the user input satisfies a first input criterion, means for displaying the first clock face via the display device at a second size, the second size being larger than the first size; in response to a determination that the user input satisfies a second input criterion different from the first input criterion; means for displaying, via the display device, a sorting user interface for sorting the plurality of clock faces, wherein displaying the sorting user interface for sorting the plurality of clock faces includes displaying at least a portion of three or more clock faces, including the first clock face and at least a portion of a clock face that was not displayed prior to detecting the user input; means for detecting a corresponding movement of the first clock face while displaying the sorting user interface; and means for, in response to detecting the movement corresponding to the first clock face, moving the first clock face relative to one or more of the other clock faces within the sorting user interface in accordance with the detected movement.

Images