Time-related user interfaces

Abstract

To provide a time-related user interface for displaying and validating adjustment of a displayed time zone.SOLUTION: According to an embodiment, a user interface for initiating measurement of time is described. According to an embodiment, a user interface for validating and displaying a user interface using a character is described. According to an embodiment, a user interface for validating and displaying a user interface including an indication of current time is described. According to an embodiment, a user interface for validating a configuration of a background relative to the user interface is described. According to an embodiment, a user interface for validating a configuration of an application displayed on the user interface is described.SELECTED DRAWING: Figure 10B

Description

Cross - reference to related applications

[0001] This application relates to U.S. Provisional Patent Application No. 63 / 023,194, entitled "USER INTERFACES RELATED TO TIME", filed on May 11, 2020, the entire content of which is incorporated herein by reference.

Technical Field

[0002] The present disclosure generally relates to computer user interfaces, and more particularly to techniques for managing user interfaces related to time.

Background Art

[0003] A user interface can be displayed on an electronic device. A user of the electronic device can interact with the electronic device via the displayed user interface. The user interface can be enabled to perform one or more operations on the electronic device.

Summary of the Invention

[0004] However, some techniques for managing user interfaces related to time using an electronic device are usually cumbersome and inefficient. For example, some existing techniques use complex and time - consuming user interfaces, which may include multiple key presses or keystrokes. Existing techniques take more time than necessary, wasting the user's time and the device's energy. This latter problem is particularly important in battery - operated devices.

[0005] Therefore, this technique provides devices with faster and more efficient methods and interfaces for managing time-related user interfaces. Such methods and interfaces optionally complement or replace other methods for managing time-related user interfaces. Such methods and interfaces reduce the cognitive burden on the user and result in a more efficient human-machine interface. In the case of battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges.

[0006] According to some embodiments, a method is described for being performed in a computer system that communicates with a display generating component and one or more input devices. The method involves displaying a watch user interface via the display generating component, the display of the watch user interface including simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating the current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial, and after displaying the watch user interface together with the first analog dial and the second analog dial displayed in a first orientation relative to the first analog dial, the method involves receiving a request via one or more input devices to change the time zone associated with the second analog dial. The present invention relates to: changing the time period associated with the second analog dial to a third time period different from the first time period in response to receiving a request to change the time period associated with the second analog dial; and displaying a watch user interface via a display generating component when the second analog dial is associated with the third time period, wherein the display of the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating the current time in the first time period, and the second analog dial and a second time indicator on the second analog dial indicating the current time in the third time period, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0007] According to some embodiments, a non-temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices. The one or more programs are instructions for displaying a watch user interface via the display generating component, wherein displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating the current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial, and after displaying the watch user interface with the first analog dial and the second analog dial displayed in a first orientation relative to the first analog dial, receiving a request via one or more input devices to change the time zone associated with the second analog dial. The system includes an instruction to change the time period associated with the second analog dial to a third time period different from the first time period in response to receiving a request to change the time period associated with the second analog dial, and an instruction to display a watch user interface via a display generating component when the second analog dial is associated with the third time period, wherein displaying the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating the current time in the first time period, and the second analog dial and a second time indicator on the second analog dial indicating the current time in the third time period, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0008] According to some embodiments, a temporary computer-readable storage medium is described for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices. The one or more programs are instructions for displaying a watch user interface via the display generating component, wherein displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating the current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial, and after displaying the watch user interface with the first analog dial and the second analog dial displayed in a first orientation relative to the first analog dial, receiving a request via one or more input devices to change the time zone associated with the second analog dial. The system includes an instruction to change the time period associated with the second analog dial to a third time period different from the first time period in response to receiving a request to change the time period associated with the second analog dial, and an instruction to display a watch user interface via a display generating component when the second analog dial is associated with the third time period, wherein displaying the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating the current time in the first time period, and the second analog dial and a second time indicator on the second analog dial indicating the current time in the third time period, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0009] According to some embodiments, a computer system is described comprising a display generating component, one or more input devices, one or more processors, and a memory for storing one or more programs configured to be executed by one or more processors. One or more programs are instructions for displaying a watch user interface via the display generating component, wherein displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating the current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial, and after displaying the watch user interface with the first analog dial and the second analog dial displayed in a first orientation relative to the first analog dial, receiving a request via one or more input devices to change the time zone associated with the second analog dial. The system includes an instruction to change the time period associated with the second analog dial to a third time period different from the first time period in response to receiving a request to change the time period associated with the second analog dial, and an instruction to display a watch user interface via a display generating component when the second analog dial is associated with the third time period, wherein displaying the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating the current time in the first time period, and the second analog dial and a second time indicator on the second analog dial indicating the current time in the third time period, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0010] A computer system is described according to several embodiments. The computer system includes a display generating component, one or more input devices, and means for displaying a watch user interface via the display generating component, wherein displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating the current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial, and after displaying the watch user interface together with the first analog dial and the second analog dial displayed in a first orientation relative to the first analog dial, the means for displaying a time zone associated with the second analog dial via one or more input devices. The system includes means for receiving a request to change a time zone, means for changing the time zone associated with the second analog dial to a third time zone different from the first time zone in response to receiving a request to change the time zone associated with the second analog dial, and means for displaying a watch user interface via a display generating component when the second analog dial is associated with the third time zone, wherein displaying the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating the current time in the first time zone, and the second analog dial and a second time indicator on the second analog dial indicating the current time in the third time zone, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0011] According to some embodiments, a method is described for being performed in a computer system that communicates with a display generating component and one or more input devices. The method includes displaying a watch user interface via the display generating component, the watch user interface including an analog dial including a first clock hand and a graphic indicator, wherein the graphic indicator is displayed at a first position relative to the analog dial; detecting a first user input via one or more input devices while displaying the watch user interface; moving the graphic indicator to a second position relative to the analog dial so that it aligns with the first clock hand in response to the detection of the first user input; and, when the graphic indicator is displayed at the second position relative to the analog dial, displaying a graphic indicator of the time elapsed from the time the first user input was detected to the present time.

[0012] According to some embodiments, a non-temporary computer-readable storage medium is described for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices. The one or more programs include instructions for displaying a watch user interface via a display generating component, wherein the watch user interface includes an analog dial including a first clock hand and a graphic indicator, and the graphic indicator is displayed at a first position relative to the analog dial; instructions for detecting a first user input via one or more input devices while displaying the watch user interface; instructions for moving the graphic indicator to a second position relative to the analog dial so that the graphic indicator aligns with the first clock hand in response to the detection of the first user input; and instructions for displaying a graphic indicator of the time elapsed from the time the first user input was detected to the present time when the graphic indicator is displayed at the second position relative to the analog dial.

[0013] According to some embodiments, a temporary computer-readable storage medium is described for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices. The one or more programs include instructions for displaying a watch user interface via a display generating component, wherein the watch user interface includes an analog dial including a first clock hand and a graphic indicator, and the graphic indicator is displayed at a first position relative to the analog dial; instructions for detecting a first user input via one or more input devices while displaying the watch user interface; instructions for moving the graphic indicator to a second position relative to the analog dial so that the graphic indicator aligns with the first clock hand in response to the detection of the first user input; and instructions for displaying a graphic indicator of the time elapsed from the time the first user input was detected to the present time when the graphic indicator is displayed at the second position relative to the analog dial.

[0014] According to some embodiments, a computer system is described comprising a display generating component, one or more input devices, one or more processors, and a memory for storing one or more programs configured to be executed by one or more processors. The one or more programs include instructions for displaying a watch user interface via the display generating component, wherein the watch user interface includes an analog dial including a first clock hand and a graphic indicator, and the graphic indicator is displayed at a first position relative to the analog dial; instructions for detecting a first user input via one or more input devices while displaying the watch user interface; instructions for moving the graphic indicator to a second position relative to the analog dial so that the graphic indicator aligns with the first clock hand, in response to the detection of the first user input; and instructions for displaying a graphic indicator of the time elapsed from the time the first user input was detected to the present time, when the graphic indicator is displayed at the second position relative to the analog dial.

[0015] A computer system is described according to several embodiments. The computer system comprises a display generating component, one or more input devices, means for displaying a watch user interface via the display generating component, wherein the watch user interface includes an analog dial including a first clock hand and a graphic indicator, the graphic indicator being displayed at a first position relative to the analog dial, means for detecting a first user input via one or more input devices while displaying the watch user interface, means for moving the graphic indicator to a second position relative to the analog dial so that the graphic indicator is aligned with the first clock hand in response to the detection of the first user input, and means for displaying a graphic indicator of the time elapsed from the time the first user input was detected to the present time when the graphic indicator is displayed at the second position relative to the analog dial.

[0016] According to several embodiments, a method is described for being performed in a computer system that communicates with a display generation component. The method is to display a time indication and a graphic representation of a first character simultaneously in a user interface displayed via the display generation component at a first time, wherein the display of the graphic representation of the first character is performed in a first visual state corresponding to the first active state of the computer system, in response to a determination that the computer system is in a first active state, and in a second visual state corresponding to the second active state of the computer system, which is different from the first visual state, in response to a determination that the computer system is in a second active state different from the first active state. Including, and displaying a time indication and a graphic representation of a second character simultaneously within the user interface at a second time after a first time, wherein the display of the graphic representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphic representation of the second character in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, displaying the graphic representation of the second character in a second visual state corresponding to the second active state of the computer system, different from the first visual state.

[0017] According to some embodiments, a non-temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system communicating with a display generation component. The one or more programs are instructions for simultaneously displaying a time indication and a graphic representation of a first character in a user interface displayed via the display generation component at a first time, wherein the display of the graphic representation of the first character is, in response to a determination that the computer system is in a first active state, the graphic representation of the first character is displayed in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, the graphic representation of the first character is displayed in a second visual state corresponding to the second active state of the computer system, different from the first visual state. The instructions include a command, and a command for simultaneously displaying a time indication and a graphic representation of a second character within the user interface at a second time after a first time, wherein the display of the graphic representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphic representation of the second character in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, displaying the graphic representation of the second character in a second visual state corresponding to the second active state of the computer system, different from the first visual state.

[0018] According to some embodiments, a temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system communicating with a display generation component. The one or more programs are instructions for simultaneously displaying a time indication and a graphic representation of a first character in a user interface displayed via the display generation component at a first time, wherein the display of the graphic representation of the first character is, in response to a determination that the computer system is in a first active state, the graphic representation of the first character is displayed in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, the graphic representation of the first character is displayed in a second visual state corresponding to the second active state of the computer system, different from the first visual state. The instructions include a command, and a command for simultaneously displaying a time indication and a graphic representation of a second character within the user interface at a second time after a first time, wherein the display of the graphic representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphic representation of the second character in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, displaying the graphic representation of the second character in a second visual state corresponding to the second active state of the computer system, different from the first visual state.

[0019] According to some embodiments, a computer system is described comprising a display generation component, one or more processors, and a memory for storing one or more programs configured to be executed by the one or more processors. The one or more programs are instructions for simultaneously displaying a time indication and a graphic representation of a first character within a user interface displayed via the display generation component at a first time, wherein the display of the graphic representation of the first character is, in response to a determination that the computer system is in a first active state, the graphic representation of the first character is displayed in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, the graphic representation of the first character is displayed in a second visual state corresponding to the second active state of the computer system, different from the first visual state. The instructions include a command, and a command for simultaneously displaying a time indication and a graphic representation of a second character within the user interface at a second time after a first time, wherein the display of the graphic representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphic representation of the second character in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, displaying the graphic representation of the second character in a second visual state corresponding to the second active state of the computer system, different from the first visual state.

[0020] A computer system is described according to several embodiments. The computer system includes a display generation component and means for simultaneously displaying a time indication and a graphic representation of a first character within a user interface displayed via the display generation component at a first time, wherein the display of the graphic representation of the first character is, in response to a determination that the computer system is in a first active state, the graphic representation of the first character is displayed in a first visual state corresponding to the first active state of the computer system, and in response to a determination that the computer system is in a second active state different from the first active state, the graphic representation of the first character is displayed in a second visual state corresponding to the second active state of the computer system, different from the first visual state. The system includes means for displaying, and means for simultaneously displaying a time indication and a graphic representation of a second character within a user interface at a second time after a first time, wherein the means for displaying the graphic representation of the second character includes displaying the graphic representation of the second character in a first visual state corresponding to the first active state of the computer system in response to a determination that the computer system is in a first active state, and displaying the graphic representation of the second character in a second visual state corresponding to the second active state of the computer system, which is different from the first visual state, in response to a determination that the computer system is in a second active state different from the first active state.

[0021] According to some embodiments, a method is described that is performed in a computer system that communicates with a display generation component. The method is to display a time user interface via the display generation component, which includes a representation of a first face having a first facial feature and a second facial feature, wherein the first facial feature of the first face indicates the current time, and the second facial feature of the first face has a first visual characteristic, and while displaying the representation of the first face, the satisfaction of a predetermined criterion for changing the appearance of the time user interface is detected, and in response to the detection of the satisfaction of the predetermined criterion for changing the appearance of the time user interface, the display of the representation of the first face is stopped, and the first facial feature and the second facial feature are displayed. Displaying a second facial representation, wherein the second facial representation differs from the first facial representation, the first facial feature of the second face indicates the current time, the second facial feature of the second face has a second visual characteristic different from the first visual characteristic, ceasing to display the first facial representation, and displaying the second facial representation includes displaying a gradual transition from the first face to the second face, wherein the gradual transition includes transitioning the second facial feature of the first face from a state having the first visual characteristic, through a plurality of intermediate states, to a final state where the second facial feature of the second face has the second visual characteristic.

[0022] According to some embodiments, a non-temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system communicating with a display generation component. The one or more programs include, via the display generation component, instructions for displaying a time user interface including a representation of a first face having a first facial feature and a second facial feature, wherein the first facial feature of the first face indicates the current time and the second facial feature of the first face has a first visual characteristic; instructions for detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface while displaying the representation of the first face; and instructions to stop displaying the representation of the first face in response to detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface, and the first facial feature and the second facial feature A command for displaying a representation of a second face having features, wherein the representation of the second face is different from the representation of the first face, the first facial feature of the second face indicates the current time, the second facial feature of the second face has a second visual characteristic different from the first visual characteristic, the command to stop displaying the representation of the first face, and the command to display the representation of the second face, which includes displaying a gradual transition from the first face to the second face, wherein the gradual transition includes transitioning the second facial feature of the first face from a state having the first visual characteristic, through a plurality of intermediate states, to a final state in which the second facial feature of the second face has the second visual characteristic.

[0023] According to some embodiments, a temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system communicating with a display generation component. The one or more programs include, via the display generation component, instructions for displaying a time user interface including a representation of a first face having a first facial feature and a second facial feature, wherein the first facial feature of the first face indicates the current time and the second facial feature of the first face has a first visual characteristic; instructions for detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface while displaying the representation of the first face; and instructions to stop displaying the representation of the first face in response to detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface, and the first facial feature and the second facial feature A command for displaying a representation of a second face having features, wherein the representation of the second face is different from the representation of the first face, the first facial feature of the second face indicates the current time, the second facial feature of the second face has a second visual characteristic different from the first visual characteristic, the command to stop displaying the representation of the first face, and the command to display the representation of the second face, which includes displaying a gradual transition from the first face to the second face, wherein the gradual transition includes transitioning the second facial feature of the first face from a state having the first visual characteristic, through a plurality of intermediate states, to a final state in which the second facial feature of the second face has the second visual characteristic.

[0024] According to some embodiments, a computer system is described comprising a display generation component, one or more processors, and a memory for storing one or more programs configured to be executed by the one or more processors. The one or more programs include, via the display generation component, instructions for displaying a time user interface including a representation of a first face having a first facial feature and a second facial feature, wherein the first facial feature of the first face indicates the current time, and the second facial feature of the first face has a first visual characteristic; instructions for detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface while displaying the representation of the first face; and instructions to stop displaying the representation of the first face in response to detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface, and the first facial feature and the second facial feature A command for displaying a representation of a second face having features, wherein the representation of the second face is different from the representation of the first face, the first facial feature of the second face indicates the current time, the second facial feature of the second face has a second visual characteristic different from the first visual characteristic, the command to stop displaying the representation of the first face, and the command to display the representation of the second face, which includes displaying a gradual transition from the first face to the second face, wherein the gradual transition includes transitioning the second facial feature of the first face from a state having the first visual characteristic, through a plurality of intermediate states, to a final state in which the second facial feature of the second face has the second visual characteristic.

[0025] A computer system is described according to several embodiments. The computer system includes a display generation component, and means for displaying a time user interface via the display generation component, which includes a representation of a first face having a first facial feature and a second facial feature, wherein the first facial feature of the first face indicates the current time, and the second facial feature of the first face has a first visual characteristic, and means for detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface while displaying the representation of the first face, and in response to detecting the satisfaction of a predetermined criterion for changing the appearance of the time user interface, the display of the representation of the first face is stopped, and the first facial feature and Means for displaying a representation of a second face having two facial features, wherein the representation of the second face differs from the representation of the first face, the first facial feature of the second face indicates the current time, the second facial feature of the second face has a second visual characteristic different from the first visual characteristic, the means for ceasing to display the representation of the first face, and displaying the representation of the second face includes displaying a gradual transition from the first face to the second face, the gradual transition includes transitioning the second facial feature of the first face from a state having the first visual characteristic, through a plurality of intermediate states, to a final state in which the second facial feature of the second face has the second visual characteristic.

[0026] According to some embodiments, a method is described for being performed in a computer system that communicates with a display generation component and one or more input devices. The method includes displaying an editing user interface for editing the background of a user interface via a display generation component, wherein the user interface includes content overlaid on the background, and the editing user interface includes a representation of the user interface background that includes one or more first stripes; detecting a first user input via one or more input devices while displaying the editing user interface; in response to the detection of the first user input, displaying an updated background representation in the user interface having more second stripes than the first stripes, depending on the determination that the first user input corresponds to a first type of input; displaying an updated background representation in the user interface having fewer third stripes than the first stripes, depending on the determination that the first user input corresponds to a second type of input different from the first type of input; detecting a second user input via one or more input devices; and in response to the detection of the second user input, displaying a user interface with the updated background via a display generation component.

[0027] According to some embodiments, a non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices is described. The one or more programs include instructions for displaying, via the display generation component, an editing user interface for editing a background of a user interface, where the user interface includes content overlaid on the background, and the editing user interface includes a representation of the background of the user interface that includes more than one first plurality of stripes; instructions for detecting a first user input via one or more input devices while displaying the editing user interface; instructions for, in response to detecting the first user input, displaying, within the user interface, an updated representation of the background having more than the first plurality of stripes in response to a determination that the first user input corresponds to a first type of input, and displaying, within the user interface, an updated representation of the background having fewer than the first plurality of stripes in response to a determination that the first user input corresponds to a second type of input different from the first type of input; instructions for detecting a second user input via one or more input devices; and instructions for, in response to detecting the second user input, displaying, via the display generation component, a user interface having the updated background.

[0028] According to some embodiments, a temporary computer-readable storage medium is described for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices. One or more programs include an instruction for displaying an editing user interface for editing the background of a user interface via a display generation component, wherein the user interface includes content overlaid on the background, and the editing user interface includes a representation of the user interface background that includes one or more first stripes; an instruction for detecting a first user input via one or more input devices while displaying the editing user interface; an instruction for displaying an updated background representation in the user interface that has more second stripes than the first stripes, in response to the detection of the first user input and depending on the determination that the first user input corresponds to a first type of input, and depending on the determination that the first user input corresponds to a second type of input different from the first type of input, an instruction for displaying an updated background representation in the user interface that has fewer third stripes than the first stripes; an instruction for detecting a second user input via one or more input devices; and an instruction for displaying a user interface with the updated background via a display generation component in response to the detection of the second user input.

[0029] According to some embodiments, a computer system is described comprising a display generation component, one or more input devices, one or more processors, and a memory for storing one or more programs configured to be executed by the one or more processors. One or more programs include an instruction for displaying an editing user interface for editing the background of a user interface via a display generation component, wherein the user interface includes content overlaid on the background, and the editing user interface includes a representation of the user interface background that includes one or more first stripes; an instruction for detecting a first user input via one or more input devices while displaying the editing user interface; an instruction for displaying an updated background representation in the user interface that has more second stripes than the first multiple stripes, in response to the detection of the first user input and depending on the determination that the first user input corresponds to a first type of input, and depending on the determination that the first user input corresponds to a second type of input different from the first type of input, an instruction for displaying an updated background representation in the user interface that has fewer third stripes than the first multiple stripes; an instruction for detecting a second user input via one or more input devices; and an instruction for displaying a user interface with the updated background via a display generation component in response to the detection of the second user input.

[0030] According to some embodiments, a computer system is described. The computer system includes a display generation component, one or more input devices, and means for displaying an editing user interface for editing the background of a user interface via the display generation component, wherein the user interface includes content superimposed on the background, and the editing user interface includes a representation of the background of the user interface that includes more than one first plurality of stripes, means for detecting a first user input via the one or more input devices while displaying the editing user interface, and in response to detecting the first user input, in response to a determination that the first user input corresponds to a first type of input, displaying within the user interface an updated representation of the background having more than the first plurality of stripes, and in response to a determination that the first user input corresponds to a second type of input different from the first type of input, displaying within the user interface an updated representation of the background having less than the first plurality of stripes, means for detecting a second user input via the one or more input devices, and in response to detecting the second user input, means for displaying via the display generation component a user interface having the updated background.

[0031] According to several embodiments, a method is described for being performed in a computer system that communicates with a display generation component and one or more input devices. The method involves displaying a watch face editing user interface via a display generation component, wherein the watch face editing user interface includes a representation of the layout of the watch user interface, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface; detecting a first input via one or more input devices, targeting one of the one or more complication areas, while displaying the watch face editing user interface; and displaying a complication selection user interface in response to the detection of the first input targeting one of the one or more complication areas, wherein the display of the complication selection user interface is performed by an indication of a first application, obtained from the first application. The system includes simultaneously displaying a first complication preview, which includes a graphical representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a set of information on the watch user interface, and a second complication preview, which includes a graphical representation of the second complication displaying a second set of information, corresponding to a second complication configured to display a second set of information on the watch user interface that is different from the first set of information obtained from a first application, and while displaying a complication selection user interface, detecting a second input via one or more input devices for selecting each complication preview, and in response to detecting a second input for selecting each complication preview, generating a representation of the watch user interface via a display generation component.Displaying each complication preview displayed in the first complication area of ​​the watch user interface along with a representation of the selected complication, including the following: if it is determined that each complication preview is the first complication preview, the first complication is displayed in the first complication area of ​​the watch user interface; and if it is determined that each complication preview is the second complication preview, the second complication is displayed in the first complication area of ​​the watch user interface.

[0032] According to some embodiments, a non-temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices. The one or more programs include instructions for displaying a watch face editing user interface via a display generation component, wherein the watch face editing user interface includes a representation of the layout of the watch user interface, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface; instructions for detecting a first input targeting one of the one or more complication areas via one or more input devices while displaying the watch face editing user interface; and instructions for displaying a complication selection user interface in response to the detection of a first input targeting one of the one or more complication areas, wherein displaying the complication selection user interface is an indication of a first application, or a first application A command to simultaneously display a first complication preview, which includes a graphic representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a first set of information obtained from a first application on the watch user interface, and a second complication preview, which includes a graphic representation of the second complication displaying a second set of information, corresponding to a second complication configured to display a second set of information different from the first set of information obtained from a first application on the watch user interface; a command to detect a second input via one or more input devices, while displaying a complication selection user interface, for selecting each complication preview; and in response to detecting a second input for selecting each complication preview, a representation of the watch user interface via a display generation component,A command for displaying a selected complication along with a representation of each complication preview displayed in the first complication area of ​​the watch user interface, wherein, upon determination that each complication preview is the first complication preview, the first complication is displayed in the first complication area of ​​the watch user interface, and upon determination that each complication preview is the second complication preview, the second complication is displayed in the first complication area of ​​the watch user interface.

[0033] According to some embodiments, a temporary computer-readable storage medium is described for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices. The one or more programs include instructions for displaying a watch face editing user interface via a display generation component, wherein the watch face editing user interface includes a representation of the layout of the watch user interface, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface; instructions for detecting a first input targeting one of the one or more complication areas via one or more input devices while displaying the watch face editing user interface; and instructions for displaying a complication selection user interface in response to the detection of a first input targeting one of the one or more complication areas, wherein displaying the complication selection user interface is an indication of a first application, or a first application A command to simultaneously display a first complication preview, which includes a graphic representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a first set of information obtained from a first application on the watch user interface, and a second complication preview, which includes a graphic representation of the second complication displaying a second set of information, corresponding to a second complication configured to display a second set of information different from the first set of information obtained from a first application on the watch user interface; a command to detect a second input via one or more input devices, while displaying a complication selection user interface, for selecting each complication preview; and in response to detecting a second input for selecting each complication preview, a representation of the watch user interface via a display generation component,A command for displaying a selected complication along with a representation of each complication preview displayed in the first complication area of ​​the watch user interface, wherein, upon determination that each complication preview is the first complication preview, the first complication is displayed in the first complication area of ​​the watch user interface, and upon determination that each complication preview is the second complication preview, the second complication is displayed in the first complication area of ​​the watch user interface.

[0034] According to some embodiments, a computer system is described comprising a display generation component, one or more input devices, one or more processors, and memory for storing one or more programs configured to be executed by one or more processors. The one or more programs include instructions for displaying a watch face editing user interface via the display generation component, wherein the watch face editing user interface includes a representation of the layout of the watch user interface, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface; instructions for detecting a first input targeting one of the one or more complication areas via one or more input devices while displaying the watch face editing user interface; and instructions for displaying a complication selection user interface in response to the detection of a first input targeting one of the one or more complication areas, wherein displaying the complication selection user interface is an indication of a first application, or a first application A command to simultaneously display a first complication preview, which includes a graphic representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a first set of information obtained from a first application on the watch user interface, and a second complication preview, which includes a graphic representation of the second complication displaying a second set of information, corresponding to a second complication configured to display a second set of information different from the first set of information obtained from a first application on the watch user interface; a command to detect a second input via one or more input devices, while displaying a complication selection user interface, for selecting each complication preview; and in response to detecting a second input for selecting each complication preview, a representation of the watch user interface via a display generation component,A command for displaying a selected complication along with a representation of each complication preview displayed in the first complication area of ​​the watch user interface, wherein, upon determination that each complication preview is the first complication preview, the first complication is displayed in the first complication area of ​​the watch user interface, and upon determination that each complication preview is the second complication preview, the second complication is displayed in the first complication area of ​​the watch user interface.

[0035] A computer system is described according to several embodiments. The computer system includes a display generation component, one or more input devices, and means for displaying a watch face editing user interface via the display generation component, wherein the watch face editing user interface includes a representation of the layout of the watch user interface, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface; means for detecting a first input via one or more input devices, while displaying the watch face editing user interface, targeting one of the one or more complication areas; and means for displaying a complication selection user interface in response to the detection of a first input targeting one of the one or more complication areas, wherein displaying the complication selection user interface indicates a first application, first Means for simultaneously displaying a first complication preview, which includes a graphic representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a first set of information obtained from an application on the watch user interface, and a second complication preview, which includes a graphic representation of the second complication displaying a second set of information, corresponding to a second complication configured to display a second set of information different from the first set of information obtained from a first application on the watch user interface; means for detecting a second input via one or more input devices, while displaying a complication selection user interface, for selecting each complication preview; and in response to detecting a second input for selecting each complication preview, generating a representation of the watch user interface via a display generation component.The system includes means for displaying a selected complication along with a representation of each complication preview displayed in the first complication area of ​​the watch user interface, wherein, upon determination that each complication preview is the first complication preview, the first complication is displayed in the first complication area of ​​the watch user interface, and upon determination that each complication preview is the second complication preview, the second complication is displayed in the first complication area of ​​the watch user interface.

[0036] According to several embodiments, a method is described for being performed in a computer system that communicates with a display generation component. The method includes displaying a representation of a watchface user interface associated with one or more graphic representations of each character via the display generation component; detecting an input corresponding to a request to share the watchface user interface with an external device while displaying the representation of the watchface user interface; and initiating a process to share the watchface user interface with an external device in response to the detection of the input, the process to share the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface, including transmitting one or more representations of the one or more graphic representations of each character associated with the watchface user interface, in response to a determination that the watchface user interface is associated with fewer than a threshold number of graphic representations of each character; and sharing one or more characteristics of the watchface user interface with an external device without transmitting representations of the one or more graphic representations of each character associated with the watchface user interface, in response to a determination that the watchface user interface is associated with more than a threshold number of graphic representations of each character.

[0037] According to some embodiments, a non-temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component. One or more programs include instructions for displaying a representation of a watchface user interface associated with one or more graphic representations of each character via a display generation component; instructions for detecting input corresponding to a request to share the watchface user interface with an external device while displaying the representation of the watchface user interface; and instructions for initiating a process to share the watchface user interface with an external device in response to the detection of input, wherein, in response to a determination that the watchface user interface is associated with fewer graphic representations than a threshold number for each character, the process to share the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface, including transmitting one or more representations of the one or more graphic representations of each character associated with the watchface user interface; and in response to a determination that the watchface user interface is associated with more than a threshold number of graphic representations for each character, the process to share the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface without transmitting representations of the one or more graphic representations of each character associated with the watchface user interface.

[0038] According to some embodiments, a temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component. One or more programs include instructions for displaying a representation of a watchface user interface associated with one or more graphic representations of each character via a display generation component; instructions for detecting input corresponding to a request to share the watchface user interface with an external device while displaying the representation of the watchface user interface; and instructions for initiating a process to share the watchface user interface with an external device in response to the detection of input, the process for sharing the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface, including transmitting one or more representations of the one or more graphic representations of each character associated with the watchface user interface, in response to a determination that the watchface user interface is associated with fewer graphic representations than a threshold number for each character; and the process for sharing the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface without transmitting representations of the one or more graphic representations of each character associated with the watchface user interface, in response to a determination that the watchface user interface is associated with a threshold number or more graphic representations for each character.

[0039] According to some embodiments, a computer system is described comprising a display generation component, one or more processors, and memory for storing one or more programs configured to be executed by the one or more processors. One or more programs include instructions for displaying a representation of a watchface user interface associated with one or more graphic representations of each character via a display generation component; instructions for detecting input corresponding to a request to share the watchface user interface with an external device while displaying the representation of the watchface user interface; and instructions for initiating a process to share the watchface user interface with an external device in response to the detection of input, wherein, in response to a determination that the watchface user interface is associated with fewer graphic representations than a threshold number for each character, the process to share the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface, including transmitting one or more representations of the one or more graphic representations of each character associated with the watchface user interface; and in response to a determination that the watchface user interface is associated with more than a threshold number of graphic representations for each character, the process to share the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface without transmitting representations of the one or more graphic representations of each character associated with the watchface user interface.

[0040] A computer system is described according to several embodiments. The computer system comprises a display generation component; means for displaying a representation of a watchface user interface associated with one or more graphic representations of each character via the display generation component; means for detecting an input corresponding to a request to share the watchface user interface with an external device while displaying the representation of the watchface user interface; and means for initiating a process to share the watchface user interface with an external device in response to the detection of the input, wherein, in response to a determination that the watchface user interface is associated with fewer than a threshold number of graphic representations of each character, the process for sharing the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface, including transmitting one or more representations of the one or more graphic representations of each character associated with the watchface user interface; and in response to a determination that the watchface user interface is associated with more than a threshold number of graphic representations of each character, the process for sharing the watchface user interface with an external device includes sharing one or more characteristics of the watchface user interface without transmitting representations of the one or more graphic representations of each character associated with the watchface user interface.

[0041] The executable instructions for performing these functions are optionally contained within a non-temporary computer-readable storage medium or other computer program product configured to be executed by one or more processors.

[0042] Therefore, faster and more efficient methods and interfaces for managing time-related user interfaces are provided to devices, thereby increasing the effectiveness, efficiency, and user satisfaction of such computer systems (e.g., electronic devices). Such methods and interfaces can complement or replace other methods for managing time-related user interfaces. [Brief explanation of the drawing]

[0043] To better understand the various embodiments described, please refer to the following description of the embodiments along with the following drawings. The same reference numerals throughout the drawings refer to the corresponding parts.

[0044] [Figure 1A] This is a block diagram showing a portable multifunctional device having a touch-sensitive display according to several embodiments.

[0045] [Figure 1B] This is a block diagram showing exemplary components for event handling according to several embodiments.

[0046] [Figure 2] This document describes a portable, multifunctional device having a touchscreen according to several embodiments.

[0047] [Figure 3] This is a block diagram of an exemplary multifunctional device having a display and a touch-sensitive surface according to several embodiments.

[0048] [Figure 4A] This document illustrates exemplary user interfaces for application menus on portable multifunction devices according to several embodiments.

[0049] [Figure 4B]This document illustrates exemplary user interfaces for a multifunctional device having a touch-sensitive surface separate from the display, according to several embodiments.

[0050] [Figure 5A] Several embodiments of personal electronic devices are shown.

[0051] [Figure 5B] This is a collection of personal electronic devices in several embodiments.

[0052] [Figure 6A] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6B] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6C] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6D] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6E] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6F] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6G] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments. [Figure 6H] This section illustrates an exemplary user interface for displaying and enabling adjustments to the displayed time zone according to several embodiments.

[0053] [Figure 7A]This flowchart illustrates a method for displaying and activating the adjustment of the displayed time period according to several embodiments. [Figure 7B] This flowchart illustrates a method for displaying and activating the adjustment of the displayed time period according to several embodiments. [Figure 7C] This flowchart illustrates a method for displaying and activating the adjustment of the displayed time period according to several embodiments.

[0054] [Figure 8A] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8B] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8C] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8D] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8E] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8F] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8G] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8H] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8I] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8J] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8K] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8L] This section shows an exemplary user interface for initiating time measurement using several embodiments. [Figure 8M] This section shows an exemplary user interface for initiating time measurement using several embodiments.

[0055] [Figure 9A] This flowchart illustrates how to initiate time measurement according to several embodiments. [Figure 9B] This flowchart illustrates how to initiate time measurement according to several embodiments.

[0056] [Figure 10A] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10B] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10C] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10D] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10E] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10F] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10G] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10H]This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10I] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10J] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10K] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10L] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10M] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10N] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10O] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10P] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10Q] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10R] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10S]This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10T] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10U] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10V] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10W] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10X] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10Y] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10Z] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10AA] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10AB] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments. [Figure 10AC] This document shows an exemplary user interface for enabling and displaying a user interface that uses characters according to several embodiments.

[0057] [Figure 11A] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11B] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11C] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11D] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11E] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11F] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11G] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments. [Figure 11H] This flowchart illustrates how to enable and display a user interface using characters according to several embodiments.

[0058] [Figure 12A] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12B] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12C] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12D]This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12E] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12F] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments. [Figure 12G] This document illustrates exemplary user interfaces for enabling and displaying the current time indicator in several embodiments.

[0059] [Figure 13A] This flowchart illustrates methods for enabling and displaying the current time indicator according to several embodiments. [Figure 13B] This flowchart illustrates methods for enabling and displaying the current time indicator according to several embodiments. [Figure 13C] This flowchart illustrates methods for enabling and displaying the current time indicator according to several embodiments.

[0060] [Figure 14A] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14B] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14C] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14D] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14E]This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14F] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14G] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14H] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14I] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14J] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14K] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14L] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14M] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14N] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14O] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14P] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14Q] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14R] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14S] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14T] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14U] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14V] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14W] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14X] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14Y] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14Z] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14AA] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14AB] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14AC] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments. [Figure 14AD] This document shows an exemplary user interface for enabling background configuration for a user interface in several embodiments.

[0061] [Figure 15A] This flowchart illustrates how to enable background configuration for a user interface in several embodiments. [Figure 15B] This flowchart illustrates how to enable background configuration for a user interface in several embodiments. [Figure 15C] This flowchart illustrates how to enable background configuration for a user interface in several embodiments. [Figure 15D] This flowchart illustrates how to enable background configuration for a user interface in several embodiments. [Figure 15E] This flowchart illustrates how to enable background configuration for a user interface in several embodiments. [Figure 15F] This flowchart illustrates how to enable background configuration for a user interface in several embodiments.

[0062] [Figure 16A] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16B] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16C] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16D]This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16E] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16F] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16G] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16H] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16I] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16J] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16K] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16L] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16M] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16N] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16O] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16P] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16Q] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16R] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16S] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16T] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16U] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16V] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16W] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16X] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16Y] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16Z] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16AA] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16AB] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16AC] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16AD] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments. [Figure 16AE] This document shows an exemplary user interface for enabling the configuration of a user interface according to several embodiments.

[0063] [Figure 17A] This flowchart illustrates how to enable the configuration of a user interface according to several embodiments. [Figure 17B] This flowchart illustrates how to enable the configuration of a user interface according to several embodiments. [Figure 17C] This flowchart illustrates how to enable the configuration of a user interface according to several embodiments. [Figure 17D] This flowchart illustrates how to enable the configuration of a user interface according to several embodiments.

[0064] [Figure 18A] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18B] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18C] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18D] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18E] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18F]This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18G] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18H] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18I] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments. [Figure 18J] This section illustrates an exemplary user interface for sharing the configuration of a user interface with an external device, based on several embodiments.

[0065] [Figure 19A] This flowchart illustrates how to share the configuration of a user interface with an external device according to several embodiments. [Figure 19B] This flowchart illustrates how to share the configuration of a user interface with an external device according to several embodiments. [Figure 19C] This flowchart illustrates how to share the configuration of a user interface with an external device according to several embodiments. [Modes for carrying out the invention]

[0066] The following description concerns exemplary methods, parameters, etc. However, it should be noted that such descriptions are not intended to be limitations on the scope of this disclosure and are provided as descriptions of exemplary embodiments.

[0067] There is a need for electronic devices that provide efficient methods and interfaces for managing time-related user interfaces. For example, there is a need for devices that enable an intuitive and efficient method for adjusting and displaying the time zone. Another example is a need for devices that enable an intuitive and efficient method for initiating and providing time measurement. Yet another example is a need for devices that enforce the provision of a current time indication. Yet another example is a need for devices that intuitively and efficiently enable adjustments and modifications to the background and / or application of the user interface. Such techniques can reduce the cognitive burden on users accessing time-related user interfaces on the device, thereby increasing productivity. Furthermore, such techniques can reduce processor and battery power that would normally be wasted by redundant user input.

[0068] The following Figures 1A-1B, 2, 3, 4A-4B, and 5A-5B provide a description of exemplary devices that perform techniques for managing event notifications. Figures 6A-6H show exemplary user interfaces for displaying and enabling the adjustment of displayed time zones according to several embodiments. Figures 7A-7C are flowcharts showing how to display and enable the adjustment of displayed time zones according to several embodiments. The user interfaces in Figures 6A-6H are used to illustrate a process described later, including the process in Figures 7A-7C. Figures 8A-8M show exemplary user interfaces for initiating time measurement according to several embodiments. Figures 9A-9B are flowcharts showing how to initiate time measurement according to several embodiments. The user interfaces in Figures 8A-8M are used to illustrate a process described later, including the process in Figures 9A-9B. Figures 10A-10AC show exemplary user interfaces for enabling and displaying a user interface using characters according to several embodiments. Figures 11A-11H are flowcharts showing how to enable and display a user interface using characters according to several embodiments. The user interfaces in Figures 10A to 10AC are used to illustrate processes described later, including the processes in Figures 11A to 11H. Figures 12A to 12G show exemplary user interfaces for enabling and displaying the current time indication according to several embodiments. Figures 13A to 13C are flowcharts illustrating methods for enabling and displaying the current time indication according to several embodiments. The user interfaces in Figures 12A to 12G are used to illustrate processes described later, including the processes in Figures 13A to 13C. Figures 14A to 14AD show exemplary user interfaces for enabling background configuration for the user interface according to several embodiments. Figures 15A to 15F are flowcharts illustrating methods for enabling background configuration for the user interface according to several embodiments. The user interfaces in Figures 14A to 14AD are used to illustrate processes described later, including the processes in Figures 15A to 15F.Figures 16A to 16AE show exemplary user interfaces for enabling the configuration of a user interface according to several embodiments. Figures 17A to 17D are flowcharts showing how to enable the configuration of a user interface according to several embodiments. The user interfaces in Figures 16A to 16AE are used to illustrate a process described later, including the process in Figures 17A to 17D. Figures 18A to 18J show exemplary user interfaces for sharing the configuration of a user interface with an external device according to several embodiments. Figures 19A to 19C are flowcharts showing how to share the configuration of a user interface with an external device according to several embodiments. The user interfaces in Figures 18A to 18J are used to illustrate a process described later, including the process in Figures 19A to 19C.

[0069] In the following description, terms such as "first," "second," etc., are used to describe various elements, but these elements are not limited by these terms. These terms are used solely to distinguish one element from another. For example, without departing from the scope of the various described embodiments, a first touch may be called a second touch, and similarly, a second touch may be called a first touch. Both the first touch and the second touch are touches, but they are not the same touch.

[0070] The terminology used herein in the description of various embodiments is intended solely to describe, and not to limit, a particular embodiment. Where used in the description of various embodiments and in the appended claims, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless otherwise clearly indicated in the context. Herein, the term “and / or” is to be understood to refer to, and to encompass, any possible combination of one or more enumerated related items. Where used herein, the terms “includes,” “including,” “comprises,” and / or “comprising” specify the presence of a described feature, integer, step, operation, element, and / or component, but do not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof.

[0071] The term "if" can be interpreted, depending on the context, as "when" or "upon," or "in response to determining" or "in response to detecting." Similarly, the phrases "if it is determined" or "[a ​​stated condition or event] is detected" can be interpreted, depending on the context, as "upon determining" or "in response to determining," or "[the stated condition or event] is detected" or "[the stated condition or event] is detected."

[0072] 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, which also includes other functions such as a PDA and / or music player function. Exemplary embodiments of portable multifunction devices include, but are not limited to, the iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, California. Optionally, other portable electronic devices such as laptop or tablet computers having a touch-sensitive surface (e.g., a touchscreen display and / or touchpad) are also used. Also, in some embodiments, it should be understood that the device is not a portable communication device but a desktop computer having a touch-sensitive surface (e.g., a touchscreen display and / or touchpad). In some embodiments, the electronic device is a computer system that communicates (e.g., wirelessly, via wired communication) with a display-generating component. The display-generating component is configured to provide a visual output, such as a display via a CRT display, a display via an LED display, or a display via image projection. In some embodiments, the display-generating component is integrated with the computer system. In some embodiments, the display-generating component is separate from the computer system. In this specification, “displaying” content includes displaying content (e.g., video data drawn or decoded by the display controller 156) by transmitting data (e.g., image data or video data) via a wired or wireless connection to an integrated or external display generation component to visually create the content.

[0073] The following discussion describes electronic devices including displays and touch-sensitive surfaces. However, please understand that electronic devices may optionally include one or more other physical user interface devices such as physical keyboards, mice, and / or joysticks.

[0074] The device typically supports a variety of applications, including one or more of the following: drawing applications, presentation applications, document processing applications, website creation applications, disk authoring applications, spreadsheet applications, gaming applications, telephone applications, video conferencing applications, email applications, instant messaging applications, workout 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.

[0075] Various applications running on the device may optionally use at least one common physical user interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface, as well as the corresponding information displayed on the device, may optionally be coordinated and / or modified from one application to the next, and / or within each application. In this way, the device's common physical architecture (such as the touch-sensitive surface) optionally supports various applications through an intuitive and transparent user interface for the user.

[0076] Next, we will focus on embodiments of portable devices having a touch-sensitive display. Figure 1A is a block diagram showing a portable multifunctional device 100 having a touch-sensitive display system 112 according to several embodiments. The touch-sensitive display 112 is sometimes referred to as a “touchscreen” for convenience, and is also known as, or sometimes referred to as, a “touch-sensitive display system.” Device 100 includes a memory 102 (optionally including one or more computer-readable storage media), a memory controller 122, one or more processing units (CPUs) 120, a peripheral interface 118, an RF circuit 108, an audio circuit 110, a speaker 111, a microphone 113, an input / output (I / O) subsystem 106, other input control devices 116, and an external port 124. Device 100 optionally includes one or more optical sensors 164. Device 100 optionally includes one or more contact intensity sensors 165 for detecting the intensity of contact with Device 100 (e.g., a touch-sensitive surface such as the touch-sensitive display system 112 of Device 100). Device 100 optionally includes one or more tactile output generators 167 for generating tactile output to Device 100 (e.g., generating tactile output to a touch-sensitive surface such as the touch-sensitive display system 112 of Device 100 or the touchpad 355 of Device 300). These components optionally communicate via one or more communication buses or signal lines 103.

[0077] As used herein and in the claims, the term “strength” of contact with a touch-sensitive surface refers to the force or pressure (force per unit area) of contact (e.g., finger contact) with the touch-sensitive surface, or a proxy for the force or pressure of contact with the touch-sensitive surface. The range of contact strength values ​​includes at least four distinct values, and more typically includes several hundred distinct values ​​(e.g., at least 256). The contact strength may optionally be determined (or measured) using various methods and various sensors or combinations of sensors. For example, one or more force sensors located below or near the touch-sensitive surface may optionally be used to measure forces at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors may be combined (e.g., weighted average) to determine the estimated contact force. Similarly, the pressure-sensitive tip of a stylus may optionally be 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 adjacent touch-sensitive surface, and / or the resistance and / or change in the adjacent touch-sensitive surface may be used as a proxy for the force or pressure of the contact on the touch-sensitive surface. In some implementations, the proxy measurement for contact force or pressure is used directly to determine whether an intensity threshold has been exceeded (e.g., the intensity threshold is stated in units corresponding to the proxy measurement). In some implementations, the proxy measurement for contact force or pressure is converted to an estimated force or pressure, and the estimated force or pressure is used to determine whether an intensity threshold has been 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 allows user access to additional device functions that would not normally be accessible to the user on small devices with limited area for displaying affordances (e.g., touch-sensitive displays), and / or reception of user input (e.g., via physical / mechanical controls such as touch-sensitive displays, touch-sensitive surfaces, or knobs or buttons).

[0078] As used herein and in the claims, the term “tactile output” refers to the physical displacement of a device relative to its previous position, the physical displacement of a component of a device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or the displacement of a component of a device relative to its center of mass as detected by user tactile sensation. For example, in situations where a device or component of a device is in contact with a touch-sensitive user surface (e.g., a finger, palm, or other part of the user's hand), the tactile output produced by the physical displacement is interpreted by the user as a tactile sensation corresponding to a perceived change in the physical properties of the device or component of the device. For example, the movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) may optionally be interpreted by the user as a “down-click” or “up-click” of a physical actuator button. In some cases, the user may feel a tactile sensation such as a “down-click” or “up-click” even when there is no movement of a physical actuator button associated with a touch-sensitive surface that is physically pressed (e.g., displaced) by the user’s movement. As another example, the movement of a touch-sensitive surface may, arbitrarily, be interpreted or perceived by the user as "roughness" of the touch-sensitive surface, even when there is no change in the smoothness of the touch-sensitive surface. Such interpretations of touch by a user are subject to the user's individual sensory perception, but many sensory perceptions of touch are common to most users. Therefore, when a tactile output is described as corresponding to a user's specific sensory perception (e.g., "up-click," "down-click," "roughness"), unless otherwise stated, the generated tactile output corresponds to the physical displacement of the device or its components that produces the described sensory perception of a typical (or average) user.

[0079] Device 100 is merely one example of a portable multifunction device, and it should be understood that Device 100 may have any more or fewer components than shown, any combination of two or more components, or any different configurations or arrangements of components. The various components shown in Figure 1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0080] 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. The memory controller 122 optionally controls access to memory 102 by other components of device 100.

[0081] The peripheral interface 118 can be used to connect the device's input / output peripherals to the CPU 120 and memory 102. One or more processors 120 run or execute various software programs and / or instruction sets stored in memory 102 to perform various functions on the device 100 and process data. In some embodiments, the peripheral interface 118, CPU 120, and memory controller 122 are optionally implemented on a single chip, such as chip 104. In some other embodiments, they are optionally implemented on separate chips.

[0082] The RF (Radio Frequency) circuit 108 receives and transmits RF signals, also known as electromagnetic signals. The RF circuit 108 converts electrical signals to electromagnetic signals and electromagnetic signals to electrical signals, and communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 108 optionally includes, but is not limited to, well-known circuits for performing these functions, including antenna systems, RF transceivers, one or more amplifiers, tuners, one or more oscillators, digital signal processors, CODEC chipsets, subscriber identification module (SIM) cards, memory, etc. The RF circuit 108 optionally communicates with networks such as the Internet, also known as the World Wide Web (WWW), cellular telephone networks, local area networks (LANs), and / or intranets and / or wireless networks such as metropolitan area networks (MANs), as well as other devices via wireless communication. The RF circuit 108 optionally includes well-known circuits for detecting near-field communication (NFC) fields, such as short-range wireless communication. Wireless communication is not limited to this, but includes, arbitrarily, the Global System for Mobile Communications (GSM), Extended 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-HSPDA), Long-Term Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), and Time Division Multiple Access (Time Division Multiple Access).Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and / or IEEE 802.11ac), Voice over Internet Protocol (VoIP), Wi-MAX, Email protocols (e.g., Internet message access protocol (IMAP), and / or post office protocol (POP)), Instant messaging (e.g., Extensible messaging and presence protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and / or Short Message Service (Short Message Service) Using any of a plurality of communication standards, protocols, and technologies, including Service, SMS, or any other suitable communication protocol, including a communication protocol not yet developed as of the filing date of this specification.

[0083] The audio circuit 110, speaker 111, and microphone 113 provide an audio interface between the user and the device 100. The audio circuit 110 receives audio data from the peripheral 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 the 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 peripheral interface 118 for processing. The audio data is optionally retrieved from and / or transmitted to the memory 102 and / or RF circuit 108 by the peripheral interface 118. In some embodiments, the audio circuit 110 also includes a headset jack (e.g., 212 in Figure 2). The headset jack provides an interface between the audio circuit 110 and a detachable audio input / output peripheral device, such as an output-only headphone or a headset having both an output (e.g., headphones for one or both ears) and an input (e.g., a microphone).

[0084] The I / O subsystem 106 couples input / output peripherals on device 100, such as the touchscreen 112 and other input control devices 116, to the peripheral interface 118. The I / O subsystem 106 optionally includes a display controller 156, an optical 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. One or more input controllers 160 receive electrical signals from / transmit electrical signals to other input control devices 116. Other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons), dials, slider switches, joysticks, click wheels, etc. In some alternative embodiments, the input controllers 160 are optionally coupled to (or not coupled to) any of the following: a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. One or more buttons (e.g., 208 in Figure 2) optionally include up and down buttons for volume control of speaker 111 and / or microphone 113. One or more buttons optionally include push buttons (e.g., 206 in Figure 2). In some embodiments, the electronic device is a computer system that communicates (e.g., wireless, wired) with one or more input devices. In some embodiments, one or more input devices include a touch-sensitive surface (e.g., a trackpad as part of a touch-sensitive display). In some embodiments, one or more input devices include one or more camera sensors (e.g., one or more light sensors 164 and / or one or more depth camera sensors 175) for tracking user gestures (e.g., hand gestures) as input. In some embodiments, one or more input devices are integrated with the computer system. In some embodiments, one or more input devices are separate from the computer system.

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

[0086] The touch-sensitive display 112 provides input and output interfaces between the device and the user. The display controller 156 receives electrical signals from and / or transmits electrical signals to the touchscreen 112. The touchscreen 112 displays visual output to the user. The visual output optionally includes graphics, text, icons, videos, and any combination thereof (collectively referred to as "graphics"). In some embodiments, some or all of the visual output optionally corresponds to user interface objects.

[0087] The touchscreen 112 has a touch-sensing surface, sensor, or set of sensors that accept user input based on touch and / or tactile contact. The touchscreen 112 and the display controller 156 (along with any associated modules and / or instruction sets in memory 102) detect contact (and any movement or interruption of contact) on the touchscreen 112 and translate the detected contact into interaction with user interface objects displayed on the touchscreen 112 (e.g., one or more soft keys, icons, web pages, or images). In an exemplary embodiment, the point of contact between the touchscreen 112 and the user corresponds to the user's finger.

[0088] The touchscreen 112 optionally uses LCD (liquid crystal display) technology, LPD (polymer light-emitting display) technology, or LED (light-emitting diode) technology, but other display technologies may also be used in other embodiments. The touchscreen 112 and the display controller 156 optionally, but not limited to, use any of several currently known or future-developed touch sensing technologies, including capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements for determining one or more points of contact with the touchscreen 112, to detect contact and any movement or interruption. In exemplary embodiments, projected mutual capacitive sensing technology is used, such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, California.

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

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

[0091] The touchscreen 112 optionally has a video resolution greater than 100 dpi. In some embodiments, the touchscreen has a video resolution of approximately 160 dpi. The user optionally touches the touchscreen 112 using any suitable object or attachment such as a stylus or finger. In some embodiments, the user interface is designed to function primarily by finger-based touch and gestures, although finger-based touch 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 coarse finger-based input into a precise pointer / cursor position or command to perform an action desired by the user.

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

[0093] Device 100 also includes a power system 162 for supplying power to various components. The power system 162 optionally includes a power management system, one or more power sources (e.g., a battery, alternating current (AC)), a recharge system, a power fault detection circuit, a power converter or inverter, a power status indicator (e.g., a light-emitting diode (LED)), and any other components related to the generation, management, and distribution of power in the portable device.

[0094] Device 100 also optionally includes one or more optical sensors 164. Figure 1A shows optical sensors coupled to an optical sensor controller 158 in the I / O subsystem 106. Optical sensors 164 optionally include a charge-coupled device (CCD) or a complementary metal-oxide semiconductor (CMOS) phototransistor. Optical sensors 164 receive light projected from the environment through one or more lenses and convert that light into data representing an image. Together with an imaging module 143 (also called a camera module), optical sensors 164 optionally capture still images or video. In some embodiments, the optical sensors are located at the rear of device 100, opposite to the touchscreen display 112 located at the front of the device, so that the touchscreen display is enabled for use as a viewfinder for still and / or video image acquisition. In some embodiments, the optical sensors are located at the front of the device, so that an image of the user can optionally be obtained for video conferencing while the user views other video conferencing participants on the touchscreen display. In some embodiments, the user can change the position of the light sensor 164 (for example, by rotating the lens and sensor within the device housing), so that a single light sensor 164 is used together with the touchscreen display for both video conferencing and still and / or video image acquisition.

[0095] Device 100 also optionally includes one or more depth camera sensors 175. Figure 1A shows a depth camera sensor coupled to a depth camera controller 169 in the I / O subsystem 106. The depth camera sensor 175 receives data from the environment to create a three-dimensional model of an object in the scene (e.g., a face) from a viewpoint (e.g., the depth camera sensor). In some embodiments, together with an imaging module 143 (also called a camera module), the depth camera sensor 175 is optionally used to determine depth maps of different parts of an image captured by the imaging module 143. In some embodiments, the depth camera sensor is located at the front of Device 100, so that an image of the user with depth information is optionally obtained for video conferencing and a selfie with depth map data is captured while the user is viewing other video conferencing participants on a touchscreen display. In some embodiments, the depth camera sensor 175 is located at the rear of the device, or at both the rear and front of Device 100. In some embodiments, the user can change the position of the depth camera sensor 175 (for example, by rotating the lens and sensor within the device housing), and thus the depth camera sensor 175, together with the touchscreen display, is used for both video conferencing and still and / or video image acquisition.

[0096] Device 100 also optionally includes one or more contact strength sensors 165. Figure 1A shows a contact strength sensor coupled to a strength sensor controller 159 in the I / O subsystem 106. The contact strength sensor 165 optionally includes one or more piezoelectric strain gauges, capacitive force sensors, electric force sensors, pressure-power sensors, optical force sensors, capacitive touch-sensing surfaces, or other strength sensors (e.g., sensors used to measure the force (or pressure) of contact with a touch-sensing surface). The contact strength sensor 165 receives contact strength information (e.g., pressure information or a proxy for pressure information) from the environment. In some embodiments, at least one contact strength sensor is positioned alongside or in close proximity to a touch-sensing surface (e.g., a touch-sensing display system 112). In some embodiments, at least one contact strength sensor is located at the rear of Device 100, opposite the touchscreen display 112, which is located at the front of Device 100.

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

[0098] Device 100 also optionally includes one or more tactile output generation units 167. Figure 1A shows a tactile output generation unit coupled to a tactile feedback controller 161 in the I / O subsystem 106. The tactile output generation unit 167 optionally includes one or more electroacoustic devices such as a speaker or other sound component, and / or electromechanical devices that convert energy into linear motion, such as a motor, solenoid, electroactive polymer, piezoelectric actuator, electrostatic actuator, or other tactile output generation component (e.g., a component that converts an electrical signal into a tactile output on the device). The contact intensity sensor 165 receives a tactile feedback generation command from the tactile feedback module 133 and generates a tactile output on the device 100 that can be sensed by the user of the device 100. In some embodiments, at least one tactile output generation unit is positioned alongside or adjacent to a touch-sensing surface (e.g., a touch-sensing display system 112) and optionally generates tactile output by moving the touch-sensing surface vertically (e.g., inward and outward from the surface of the device 100) or laterally (e.g., forward and backward within the same plane as the surface of the device 100). In some embodiments, at least one tactile output generation unit sensor is located at the rear of the device 100, opposite to the touchscreen display 112 located at the front of the device 100.

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

[0100] In some embodiments, the software components stored in memory 102 include an operating system 126, a communications module (or instruction set) 128, a contact / 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 an application (or instruction set) 136. Furthermore, in some embodiments, memory 102 (Figure 1A) or 370 (Figure 3) stores device / global internal state 157, as shown in Figures 1A and 3. The device / global internal state 157 includes one or more of the following: active application state, indicating which application is currently active if there is an application currently active; display state, indicating which applications, views, or other information occupy different areas of the touchscreen display 112; sensor state, including information obtained from various sensors and input control devices 116 of the device; and location information relating to the location and / or orientation of the device.

[0101] An operating system 126 (for example, an embedded operating system such as Darwin, RTXC, LINUX, UNIX, OS X, iOS, WINDOWS, or VxWorks) includes various software components and / or drivers for controlling and managing common system tasks (e.g., memory management, storage device control, power management, etc.) and facilitates communication between various hardware and software components.

[0102] The communication module 128 facilitates communication with other devices via one or more external ports 124 and also includes various software components for processing data received by the RF circuit 108 and / or external ports 124. The external ports 124 (e.g., Universal Serial Bus (USB), FireWire, etc.) are adapted to connect directly to other devices or indirectly via a network (e.g., the Internet, Wi-Fi, etc.). In some embodiments, the external ports are multi-pin (e.g., 30-pin) connectors that are the same as and / or adapted to the 30-pin connector used in iPod® (a trademark of Apple Inc.) devices.

[0103] The contact / motion module 130 optionally detects contact with the touchscreen 112 (together with the display controller 156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). The contact / motion module 130 includes various software components for performing various actions related to contact detection, such as determining whether contact has occurred (e.g., detecting a finger-down event), determining the intensity of contact (e.g., the force or pressure of contact, or a proxy for the force or pressure of contact), determining whether there is contact motion and tracking the motion across the touch-sensitive surface (e.g., detecting a dragging event with one or more fingers), and determining whether contact has been terminated (e.g., detecting a finger-lifting event or interruption of contact). The contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the motion of the contact point represented by a 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 point. These actions can optionally be applied to a single contact (e.g., a single finger contact) or multiple simultaneous contacts (e.g., "multi-touch" / multiple finger contacts). In some embodiments, the contact / motion module 130 and the display controller 156 detect contact on the touchpad.

[0104] 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 the user (for example, whether the user has "clicked" an icon). In some embodiments, at least a subset of intensity thresholds is determined depending on software parameters (for example, the intensity thresholds can be adjusted without modifying the physical hardware of device 100, rather than being determined by the activation threshold of a specific physical actuator). For example, the mouse "click" threshold of a trackpad or touchscreen display can be set to one of a wide range of predefined thresholds without modifying the trackpad or touchscreen display hardware. In addition, in some implementations, the user of the device is provided with software settings to adjust one or more of the set of intensity thresholds (for example, by adjusting individual intensity thresholds and / or multiple intensity thresholds at once using a system-level click "intensity" parameter).

[0105] The contact / motion module 130 optionally detects gestures entered by the user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motion, timing, and / or intensity of the detected contact). Thus, gestures are optionally detected by detecting a specific contact pattern. For example, detecting a finger tap gesture involves detecting a finger-down event, followed by detecting a finger-lift-off event at the same location (or substantially the same location) as the finger-down event (e.g., the location of the icon). As another example, detecting a finger-swipe gesture on the touch-sensitive surface involves detecting a finger-down event, followed by detecting a drag event with one or more fingers, and then detecting a finger-lift-off event.

[0106] The graphics module 132 includes various known software components for drawing and displaying graphics on the touchscreen 112 or other display, including components that modify the visual effects of the displayed graphics (e.g., brightness, transparency, saturation, contrast, or other visual properties). In this specification, the term “graphics” includes, but is not limited to, any object that can be displayed to the user, including text, web pages, icons (such as user interface objects including soft keys), digital images, videos, and moving images.

[0107] In some embodiments, the graphics module 132 stores data representing the graphics to be used. Each graphic is optionally assigned a corresponding code. The graphics module 132 receives one or more codes specifying the graphics to be displayed from an application or the like, along with coordinate data and other graphic characteristic data if necessary, and then generates screen image data and outputs it to the display controller 156.

[0108] The haptic feedback module 133 includes various software components that generate commands used by the haptic output generation unit 167 to bring haptic outputs to one or more locations on the device 100 in response to user interaction with the device 100.

[0109] The text input module 134 is optionally a component of the graphics module 132 and provides a soft keyboard for entering text in various applications (e.g., contact 137, email 140, IM 141, browser 147, and any other applications that require text input).

[0110] The GPS module 135 determines the device's location and provides this information for use in various applications (for example, to the phone 138 for use in location-based dialing, to the camera 143 as picture / video metadata, and to applications that provide location-based services such as weather widgets, local yellow pages widgets, and map / navigation widgets).

[0111] Application 136 may optionally include the following modules (or instruction sets), or their subsets or supersets: ● Contact Module 137 (sometimes called the Address Book or Contact List) ●Telephone module 138 ● Video conferencing module 139 ● Email client module 140 ● Instant messaging (IM) module 141 ●Workout Support Module 142 ● Camera module 143 for still and / or video images ●Image management module 144 ● Video player module ● Music player module ● Browser Module 147 ● Calendar Module 148 ● A widget module 149 which optionally includes one or more of the following: weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, other widgets provided by the user, and user-created widgets 149-6. ●Widget creation module 150 for creating user-created widget 149-6 ● Search Module 151 ●Video and music player module 152 that combines a video player module and a music player module. ●Memo Module 153 ●Map module 154 and / or ● Online video module 155

[0112] Examples of other applications 136 that may be arbitrarily stored in memory 102 include other document processing applications, other image editing applications, drawing applications, presentation applications, Java-enabled applications, encryption, digital rights management, speech recognition, and speech duplication.

[0113] Together with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the contact module 137 is used to manage an address book or contact list (for example, stored in the application internal state 192 of the contact module 137 in memory 102 or memory 370), including optionally adding names to the address book, deleting names from the address book, associating names with telephone numbers, email addresses, physical addresses, or other information, associating names with images, categorizing and classifying names, and providing telephone numbers or email addresses to initiate and / or facilitate communication by telephone 138, video conferencing module 139, email 140, or IM 141.

[0114] Together with the RF circuit 108, voice circuit 110, speaker 111, microphone 113, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the telephone module 138 is optionally used for entering character sequences corresponding to telephone numbers, accessing one or more telephone numbers in the contact module 137, modifying entered telephone numbers, dialing each telephone number, conducting conversations, and disconnecting or terminating when a conversation is complete. As described above, the wireless communication may optionally use any of several communication standards, protocols, and technologies.

[0115] Together with the RF circuit 108, audio circuit 110, speaker 111, microphone 113, touchscreen 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, the video conferencing module 139 includes executable commands for starting, conducting, and ending a video conference between the user and one or more other participants in response to user commands.

[0116] Together with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the email client module 140 includes executable commands for creating, sending, receiving, and managing emails in response to user commands. Together with the image management module 144, the email client module 140 makes it very easy to create and send emails with still or video images taken by the camera module 143.

[0117] Together with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the instant messaging module 141 includes executable instructions for inputting character sequences corresponding to instant messages, modifying previously entered characters, transmitting each instant message (e.g., using the Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for telephone technology-based instant messages, or XMPP, SIMPLE, or IMPS for internet-based instant messages), receiving instant messages, and displaying received instant messages. In some embodiments, transmitted and / or received instant messages optionally include graphics, photographs, audio files, video files, and / or other attachments corresponding to MMS and / or Enhanced Messaging Service (EMS). As used herein, “instant message” refers to both telephone technology-based messages (e.g., messages sent using SMS or MMS) and internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).

[0118] Along with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, map module 154, and music player module, the workout support module 142 includes executable commands for creating workouts (e.g., including time, distance, and / or calorie burn targets), communicating with workout sensors (sports devices), receiving workout sensor data, calibrating sensors used to monitor workouts, selecting and playing music for workouts, and displaying, storing, and transmitting workout data.

[0119] Together with the touchscreen 112, display controller 156, light sensor 164, light sensor controller 158, contact / motion module 130, graphics module 132, and image management module 144, the camera module 143 includes executable instructions for capturing still images or videos (including video streams), storing still images or videos in memory 102, modifying the characteristics of still images or videos, or deleting still images or videos from memory 102.

[0120] Together with the touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and camera module 143, the image management module 144 includes executable commands for arranging, modifying (e.g., editing) or other forms of manipulation, labeling, deleting, presenting (e.g., digital slideshow or album), and storing still and / or video images.

[0121] Together with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the browser module 147 includes executable commands for browsing the Internet by user command, including searching, linking, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0122] Together with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, email client module 140, and browser module 147, the calendar module 148 includes executable instructions for creating, displaying, modifying, and storing a calendar and data associated with the calendar (e.g., calendar input, to-do list, etc.) in response to user commands.

[0123] Along with the RF circuit 108, touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and browser module 147, the widget module 149 is a mini-application that can be optionally downloaded and used by the user (e.g., weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) or a mini-application created by the user (e.g., user-created widget 149-6). In some embodiments, the widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, the widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., Yahoo! Widget).

[0124] Along with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and browser module 147, the widget creation module 150 is optionally used by the user to create widgets (for example, to convert user-specified portions of a web page into widgets).

[0125] Together with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the search module 151 includes executable instructions for searching for text, music, audio, images, videos, and / or other files in memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) in response to a user instruction.

[0126] Together with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuit 110, speaker 111, RF circuit 108, and browser module 147, the video and music player module 152 includes executable instructions that enable the user to download and play recorded music and other audio 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 video (for example, on the touchscreen 112 or on an externally connected display via the external port 124). In some embodiments, the device 100 optionally includes the functionality of an MP3 player such as an iPod (a trademark of Apple Inc.).

[0127] Along with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the memo module 153 includes executable instructions for creating and managing memos, to-do lists, etc., in response to user commands.

[0128] Together with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, the map module 154 is optionally used to receive, display, modify, and store maps and map-related data (e.g., directions, data on shops and other points of interest in or near a particular place, and other location-based data) in response to user commands.

[0129] Together with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuit 110, speaker 111, RF circuit 108, text input module 134, email client module 140, and browser module 147, the online video module 155 includes instructions that enable the user to access, view, receive (e.g., by streaming and / or downloading), play (e.g., on the touchscreen or on an externally connected display via external port 124) a specific online video, send emails with links to a specific online video, and otherwise manage online videos in one or more file formats such as H.264. In some embodiments, the instant messaging module 141, rather than the email client module 140, is used to send links to a specific online video. Further descriptions of online video applications can be found in U.S. Provisional Patent Application No. 60 / 936,562, “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, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” filed December 31, 2007, the contents of which are incorporated herein by reference in their entirety.

[0130] Each of the modules and applications described above corresponds to an executable instruction set for performing one or more of the functions described above and the methods described in this application (e.g., the computer implementation and other information processing methods described herein). These modules (e.g., instruction sets) do not need to be implemented as separate software programs, procedures, or modules, and therefore in various embodiments, various subsets of these modules may be optionally combined or otherwise reconfigured. For example, a video player module may optionally be combined with a music player module to form a single module (e.g., the video and music player module 152 in Figure 1A). In some embodiments, memory 102 optionally stores subsets of the modules and data structures described above. Furthermore, memory 102 may optionally store additional modules and data structures not described above.

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

[0132] A predefined set of functions, which are performed exclusively via the touchscreen and / or touchpad, optionally include navigation between user interfaces. In some embodiments, the touchpad, when touched by the user, navigates the device 100 from any user interface displayed on the device 100 to the main, home, or root menu. In such embodiments, the touchpad is used to perform a “menu button”. In some other embodiments, the menu button is a physical push button or other physical input control device, rather than a touchpad.

[0133] Figure 1B is a block diagram showing exemplary components for event processing according to several embodiments. In some embodiments, memory 102 (Figure 1A) or 370 (Figure 3) includes an event classification unit 170 (e.g., within the operating system 126) and each application 136-1 (e.g., any of the aforementioned applications 137-151, 155, 380-390).

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

[0135] In some embodiments, the application internal state 192 includes additional information such as resume information used when the application 136-1 resumes execution, user interface state information indicating information displayed or ready to be displayed by the application 136-1, a state queue for enabling the user to return to a previous state or view of the application 136-1, and one or more redo / undo queues for previous actions performed by the user.

[0136] The event monitor 171 receives event information from the peripheral interface 118. The event information includes information about sub-events (for example, user touch on the touch-sensitive display 112 as part of a multi-touch gesture). The peripheral interface 118 transmits information received from the I / O subsystem 106 or sensors such as the proximity sensor 166, accelerometer 168, and / or microphone 113 (via the audio circuit 110). The information received by the peripheral interface 118 from the I / O subsystem 106 includes information from the touch-sensitive display 112 or touch-sensitive surface.

[0137] In some embodiments, the event monitor 171 transmits requests to the peripheral interface 118 at predetermined intervals. In response, the peripheral interface 118 transmits event information. In other embodiments, the peripheral interface 118 transmits event information only when there is a significant event (e.g., reception of input exceeding a predetermined noise threshold and / or exceeding a predetermined duration).

[0138] In some embodiments, the event classification unit 170 also includes a hit view determination module 172 and / or an active event recognition determination module 173.

[0139] The hit view determination module 172 provides software procedures for determining where in one or more views a sub-event occurred when the touch-sensitive display 112 displays two or more views. A view consists of controls and other elements that the user can see on the display.

[0140] Another aspect of the user interface associated with an application is a set of views, also referred herein to as application views or user interface windows, in which information is displayed and touch-based gestures occur. The application view (of each application) in which a touch is detected optionally corresponds to the application's program or program level within the view hierarchy. For example, the lowest level view in which a touch is detected is optionally called the hit view, and a set of events recognized as appropriate input is optionally determined based on the hit view of the first touch that initiated the touch-based gesture.

[0141] The hit view determination module 172 receives information related to sub-events of touch-based gestures. When an application has multiple views organized in a hierarchy, the hit view determination module 172 identifies the hit view as the lowest-level view in the hierarchy from which sub-events should be processed. In most situations, the hit view is the lowest-level view from which the first sub-event (e.g., the first sub-event in a sub-event sequence that forms an event or latent event) occurred. After the hit view is identified by the hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source that was identified as the hit view.

[0142] The active event recognition determination module 173 determines which one or more views in the view hierarchy should receive a particular sub-event sequence. In some embodiments, the active event recognition determination module 173 determines that only the hit view should receive a particular sub-event sequence. In other embodiments, the active event recognition determination module 173 determines that all views, including the physical location of the sub-event, are actively involved views, and therefore all actively involved views should receive a particular sub-event sequence. In other embodiments, even if the touch sub-event is entirely confined to the region associated with one particular view, higher-level views in the hierarchy still remain actively involved views.

[0143] The event dispatcher module 174 distributes event information to an event recognition unit (for example, an event recognition unit 180). In embodiments including an active event recognition unit determination module 173, the event dispatcher module 174 delivers event information to the event recognition unit determined by the active event recognition unit determination module 173. In some embodiments, the event dispatcher module 174 stores event information acquired by each event receiving unit 182 in an event queue.

[0144] In some embodiments, the operating system 126 includes an event classification unit 170. Alternatively, application 136-1 includes an event classification unit 170. In yet another embodiment, the event classification unit 170 is a standalone module or part of another module stored in memory 102, such as a contact / motion module 130.

[0145] In some embodiments, application 136-1 includes a plurality of event processing units 190 and one or more application views 191, each of which includes instructions for processing touch events occurring within each view of the application's user interface. Each application view 191 of application 136-1 includes one or more event recognition units 180. Typically, each application view 191 includes a plurality of event recognition units 180. In other embodiments, one or more of the event recognition units 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 characteristics. In some embodiments, each event processing unit 190 includes one or more event data 179 received from a data update unit 176, an object update unit 177, a GUI update unit 178, and / or an event classification unit 170. The event processing unit 190 optionally uses or calls the data update unit 176, the object update unit 177, or the GUI update unit 178 to update the application's internal state 192. Alternatively, one or more application views 191 include one or more event processing units 190. In some embodiments, one or more of the data update unit 176, object update unit 177, and GUI update unit 178 are included within each application view 191.

[0146] Each event recognition unit 180 receives event information (e.g., event data 179) from the event classification unit 170 and identifies an event from the event information. The event recognition unit 180 includes an event receiving unit 182 and an event comparison unit 184. In some embodiments, the event recognition unit 180 also includes metadata 183 and at least a subset of event delivery orders 188 (optionally including sub-event delivery orders).

[0147] The event receiving unit 182 receives event information from the event classification unit 170. The event information includes information about sub-events, such as touches or touch movements. Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When the sub-event relates to a touch movement, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, an event includes a rotation of the device from one orientation to another (for example, from portrait orientation to landscape orientation, or vice versa), and the event information includes corresponding information about the device's current orientation (also called the device's orientation).

[0148] The event comparison unit 184 compares event information with a predefined event or sub-event definition, determines an event or sub-event based on the comparison, or determines or updates the state of an event or sub-event. In some embodiments, the event comparison unit 184 includes an event definition 186. The event definition 186 includes definitions of events (e.g., predefined sub-event sequences), such as event 1 (187-1), event 2 (187-2), etc. In some embodiments, sub-events within 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. A double tap includes, for example, a first touch on the displayed object at a predetermined phase (touch start), a first lift-off at a predetermined phase (touch end), a second touch on the displayed object at a predetermined phase (touch start), and a second lift-off at a predetermined phase (touch end). In another example, the definition for event 2(187-2) is a drag on a displayed object. A drag includes, for example, a touch (or contact) on the displayed object in a given phase, movement of the touch on the touch-sensitive display 112, and lift-off of the touch (end of touch). In some embodiments, the event also includes information for one or more associated event processing units 190.

[0149] In some embodiments, the event definition 187 includes an event definition for each user interface object. In some embodiments, the event comparison unit 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view where three user interface objects are displayed on a touch-sensitive display 112, when a touch is detected on the touch-sensitive display 112, the event comparison unit 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 its respective event processing unit 190, the event comparison unit uses the results of the hit test to determine which event processing unit 190 should be activated. For example, the event comparison unit 184 selects the event processing unit associated with the sub-event and object that triggered the hit test.

[0150] In some embodiments, the definition for each event (187) also includes a delay action that delays the delivery of event information until it is determined whether the sub-event sequence corresponds to the event type of the event recognition unit.

[0151] When each event recognition unit 180 determines that a series of sub-events does not match any of the events in the event definition 186, each event recognition unit 180 enters an event impossible, event failed, or event terminated state and thereafter ignores subsequent sub-events of the touch-based gesture. In this situation, if there are any other event recognition units that remain active for the hit view, they continue to track and process the sub-events of the ongoing touch-based gesture.

[0152] In some embodiments, each event recognition unit 180 includes metadata 183 having configurable characteristics, flags, and / or lists indicating how an event delivery system should perform sub-event delivery to event recognition units in which it is actively involved. In some embodiments, the metadata 183 includes configurable characteristics, flags, and / or lists indicating how event recognition units interact with each other or how interaction between event recognition units is enabled. In some embodiments, the metadata 183 includes configurable characteristics, flags, and / or lists indicating whether sub-events are delivered to various levels within a view or program hierarchy.

[0153] In some embodiments, each event recognition unit 180 activates an event processing unit 190 associated with an event when one or more specific sub-events of an event are recognized. In some embodiments, each event recognition unit 180 delivers event information associated with the event to the event processing unit 190. Activating the event processing unit 190 is separate from sending the sub-events to their respective hit views (and deferred transmissions). In some embodiments, the event recognition unit 180 throws a flag associated with the recognized event, and the event processing unit 190 associated with that flag captures the flag and executes a predefined process.

[0154] In some embodiments, the event delivery command 188 includes a sub-event delivery command that delivers event information about a sub-event without activating an event processing unit. Instead, the sub-event delivery command delivers the event information to an event processing unit or view actively involved in the set of sub-events. The event processing unit associated with the set of sub-events or view actively involved receives the event information and executes a predetermined process.

[0155] In some embodiments, the data update unit 176 creates and updates data used within application 136-1. For example, the data update unit 176 updates telephone numbers used within the contact module 137 or stores video files used within the video player module. In some embodiments, the object update unit 177 creates and updates objects used within application 136-1. For example, the object update unit 177 creates new user interface objects or updates the position of user interface objects. The GUI update unit 178 updates the GUI. For example, the GUI update unit 178 prepares display information and transmits it to the graphics module 132 for display on the touch-sensitive display.

[0156] In some embodiments, the event processing unit 190 includes or has access to the data update unit 176, the object update unit 177, and the GUI update unit 178. In some embodiments, the data update unit 176, the object update unit 177, and the GUI update unit 178 are contained within a single module of their respective applications 136-1 or application view 191. In other embodiments, the data update unit 176, the object update unit 177, and the GUI update unit 178 are contained within two or more software modules.

[0157] The above discussion regarding the handling of user touch events on a touch-sensitive display also applies to other forms of user input for operating the multifunction device 100 via input devices, although it should be understood that not all input devices necessarily originate on a touchscreen. For example, mouse movements and mouse button presses in conjunction with arbitrary single or multiple keyboard presses or holds, touch movements such as taps, drags, and scrolls on a touchpad, pen stylus input, device movements, verbal commands, eye movement detection, biometric input, and / or any combination thereof may be used as inputs corresponding to sub-events that define the recognized event.

[0158] Figure 2 shows a portable multifunctional device 100 having a touchscreen 112 according to several embodiments. The touchscreen optionally displays one or more graphics within a user interface (UI) 200. In this embodiment and other embodiments described later, the user can select one or more graphics by making gestures on the graphics using, for example, one or more fingers 202 (not drawn to scale in the figure) or one or more styluses 203 (not drawn to scale in the figure). In some embodiments, the selection of one or more graphics occurs when the user interrupts contact with 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, upward and / or downward), and / or rolling of the finger in contact with the device 100 (right to left, left to right, upward and / or downward). In some implementations or situations, unintentional contact with a graphic does not result in the selection of that graphic. For example, if the gesture corresponding to selection is a tap, a swipe gesture that quickly passes over an application icon will not select the corresponding application.

[0159] Device 100 also optionally includes one or more physical buttons, such as a "Home" or menu button 204. As previously mentioned, the menu button 204 is optionally used to navigate to any application 136 of a set of applications that may optionally run on device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on the touchscreen 112.

[0160] In some embodiments, device 100 includes a touchscreen 112, a menu button 204, a push button 206 for turning the device on / off and locking the device, volume control buttons 208, a subscriber identification module (SIM) card slot 210, a headset jack 212, and a docking / charging external port 124. The push button 206 is optionally used to turn the device on / off by pressing the button and holding it down for a predefined time interval, to lock the device by pressing the button and releasing it before the predefined time interval has elapsed, and / or to unlock the device or initiate an unlocking process. In alternative embodiments, device 100 also accepts verbal input for activating or deactivating several functions via a microphone 113. Device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of contact on the touchscreen 112, and / or one or more tactile output generators 167 for generating tactile output to the user of device 100.

[0161] Figure 3 is a block diagram of an exemplary multifunctional device having a display and a touch-sensitive surface according to several embodiments. The device 300 does not have to be portable. In some embodiments, the 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 children's learning toy), a gaming system, or a control device (e.g., a home or industrial controller). The 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 for interconnecting these components. The communication buses 320 optionally include circuitry (sometimes called a chipset) that interconnects and controls communication between system components. The device 300 includes an input / output (I / O) interface 330 with a display 340, the display 340 is typically a touchscreen display. The I / O interface 330 also optionally includes a keyboard and / or mouse (or other pointing device) 350 and a touchpad 355, a tactile output generation unit 357 for generating tactile output on device 300 (for example, similar to the tactile output generation unit 167 described above with reference to Figure 1A), and a sensor 359 (for example, an optical, acceleration, proximity, touch-sensing, and / or contact intensity sensor, similar to the contact intensity sensor 165 described above with reference to Figure 1A). The 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 one or more non-volatile memories such as magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state memory devices. The memory 370 optionally includes one or more storage devices located remotely from the CPU 310. In some embodiments, the memory 370 stores programs, modules, and data structures, or subsets thereof, that are similar to the programs, modules, and data structures stored in the memory 102 of the portable multifunction device 100 (Figure 1A).Furthermore, memory 370 optionally stores additional programs, modules, and data structures that are not present in memory 102 of the portable multifunction device 100. For example, memory 370 of device 300 optionally stores a drawing module 380, a presentation module 382, ​​a document processing module 384, a website creation module 386, a disk authoring module 388, and / or a spreadsheet module 390, but memory 102 of the portable multifunction device 100 (Figure 1A) optionally does not store these modules.

[0162] Each of the elements described above in Figure 3 is optionally stored in one or more of the aforementioned memory devices. Each of the modules described above corresponds to an instruction set for performing the function described above. The modules or programs (e.g., instruction sets) described above do not need to be implemented as separate software programs, procedures, or modules, and therefore in various embodiments, various subsets of these modules can be optionally combined or otherwise reconfigured. In some embodiments, memory 370 optionally stores a subset of the modules and data structures described above. Furthermore, memory 370 optionally stores additional modules and data structures not described above.

[0163] Next, we will focus on embodiments of a user interface that can be arbitrarily implemented on, for example, a portable multi-functional device 100.

[0164] Figure 4A shows an exemplary user interface for an application menu on a portable multifunction device 100 according to several embodiments. A similar user interface can optionally be implemented on device 300. In some embodiments, the user interface 400 includes the following elements, or a subset or superset thereof. ● Signal strength indicator 402 for wireless communication such as cellular and Wi-Fi signals ●Time 404 ●Bluetooth Indicator 405 ●Battery status indicator 406 ● Tray 408 with icons for frequently used applications Icon 416 for a phone module 138 labeled "Phone," optionally including an indicator 414 for the number of missed calls or voicemail messages. 〇Optionally includes an indicator 410 of the number of unread emails, icon 418 for the email client module 140 labeled "Mail" Icon 420 for browser module 147 labeled "Browser" Icon 422 for the video and music player module 152, also known as the iPod (trademark of Apple Inc.) module 152, labeled as "iPod". ● Icons for other applications Icon 424 for IM module 141 labeled "Message" Icon 426 for calendar module 148 labeled "Calendar" 〇 Icon 428 for image management module 144 labeled "Photo" Icon 430 for camera module 143 labeled "Camera" Icon 432 for online video module 155 labeled "Online Video" Icon 434 for stock price widget 149-2 labeled "Stock Price" 〇 Icon 436 for map module 154 labeled "Map" 〇 Icon 438 for weather widget 149-1 labeled "Weather" Icon 440 for alarm clock widget 149-4 labeled "Clock" Icon 442 for workout support module 142 labeled "Workout Support" Icon 444 for memo module 153 labeled "Memo" Icons 446 for a settings application or module labeled "Settings," which provide access to settings for device 100 and its various applications 136.

[0165] Please note that the icon labels shown in Figure 4A are for illustrative purposes only. For example, the icon 422 for the video and music player module 152 is labeled "Music" or "Music Player". Optionally, other labels may be used for various application icons. In some embodiments, the label for each application icon includes the name of the application corresponding to that application icon. In some embodiments, the label for a particular application icon is separate from the name of the application corresponding to that particular application icon.

[0166] Figure 4B shows an exemplary user interface on a device (e.g., device 300 in Figure 3) having a touch-sensitive surface 451 (e.g., tablet or touchpad 355 in Figure 3) separate from the 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) for detecting the intensity of contact on the touch-sensitive surface 451, and / or one or more tactile output generators 357 for generating tactile output to the user of device 300.

[0167] Some of the following examples are given with reference to input on a touchscreen display 112 (where the touch-sensing surface and the display are combined), but in some embodiments, the device detects input on a touch-sensing surface separate from the display, as shown in Figure 4B. In some embodiments, the primary axis (e.g., 452 in Figure 4B) of the touch-sensing surface (e.g., 451 in Figure 4B) corresponds to the primary axis (e.g., 453 in Figure 4B) on the display (e.g., 450). According to these embodiments, the device detects contact with the touch-sensing surface 451 (e.g., 460 and 462 in Figure 4B) at locations corresponding to each location on the display (e.g., 460 corresponds to 468 and 462 corresponds to 470 in Figure 4B). In this way, when the touch-sensitive surface is separate from the display, user input (e.g., touches 460 and 462, and their movement) detected by the device on the touch-sensitive surface (e.g., 451 in Figure 4B) is used by the device to operate the user interface on the display of the multifunction device (e.g., 450 in Figure 4B). It should be understood that similar methods may be used in other user interfaces described herein.

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

[0169] Figure 5A shows an exemplary personal electronic device 500. Device 500 includes a body 502. In some embodiments, device 500 may include some or all of the features described with respect to devices 100 and 300 (e.g., Figures 1A to 4B). In some embodiments, device 500 has a touch-sensitive display screen 504, hereafter referred to as the touchscreen 504. Alternatively, or in addition to the touchscreen 504, device 500 has a display and a touch-sensitive surface. Similar to devices 100 and 300, in some embodiments, the touchscreen 504 (or touch-sensitive surface) optionally includes one or more intensity sensors for detecting the intensity of the applied contact (e.g., touch). One or more intensity sensors on the touchscreen 504 (or touch-sensitive surface) may provide output data representing the intensity of the touch. The user interface of device 500 may respond to the touch based on its intensity, meaning that touches of different intensity may be involved in different user interface operations on device 500.

[0170] Exemplary techniques for detecting and processing touch intensity can be found, for example, in related international patent applications PCT / US2013 / 040061, titled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application," filed on 8 May 2013 and published as WIPO Publication WO / 2013 / 169849, and PCT / US2013 / 069483, titled "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships," filed on 11 November 2013 and published as WIPO Publication WO / 2014 / 105276.

[0171] In some embodiments, device 500 has one or more input mechanisms 506 and 508. The input mechanisms 506 and 508 can be physical if included. 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 can, if included, enable attachment of device 500 to, for example, hats, glasses, earrings, necklaces, shirts, jackets, bracelets, watch bands, chains, pants, belts, shoes, wallets, backpacks, etc. These attachment mechanisms enable device 500 to be worn by a user.

[0172] FIG. 5B shows an exemplary personal electronic device 500. In some embodiments, device 500 can include some or all of the components described with respect to FIGS. 1A, 1B, and 3. 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). Additionally, the I / O section 514 can be connected to a communication unit 530 for receiving application and operating system data using Wi-Fi, Bluetooth, near field communication (NFC), cellular, and / or other wireless communication techniques. Device 500 can include an input mechanism 506 and / or 508. Input mechanism 506 can optionally be, for example, a rotatable input device or a pushable and rotatable input device. In some examples, input mechanism 508 can optionally be a button.

[0173] In some examples, 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, a direction sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and / or a combination thereof, all of which can be operably connected to the I / O section 514.

[0174] The memory 518 of the personal electronic device 500 may include one or more non-temporary computer-readable storage media for storing computer-executable instructions, which, when executed by one or more computer processors 516, can cause the computer processors to execute techniques described later, including processes 700 (Figures 7A-7C), 900 (Figures 9A-9B), 1100 (Figures 11A-11H), 1300 (Figures 13A-13C), 1500 (Figures 15A-15F), 1700 (Figures 17A-17D), and 1900 (Figures 19A-19C). The computer-readable storage media can be any medium capable of tangibly containing or storing computer-executable instructions for use by or in connection with an instruction execution system, apparatus, or device. In some examples, the storage medium is a temporary computer-readable storage medium. In some examples, the storage medium is a non-temporary computer-readable storage medium. Non-temporary computer-readable storage media may include, but are not limited to, magnetic, optical, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, CDs, DVDs, or optical disks based on Blu-ray technology, as well as persistent solid-state memory such as flash solid-state drives. The personal electronic device 500 may include, but is not limited to, the components and configurations shown in Figure 5B, and may include other or additional components in multiple configurations.

[0175] As used herein, the term "affordance" refers to user-interactive graphical user interface objects that are optionally displayed on the display screens of devices 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.

[0176] In this specification, the term “focus selection area” refers to an input element that indicates the current portion of the user interface that the user is interacting with. In some implementations, including a cursor or other location marker, the cursor acts as a “focus selection area,” and therefore, when input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 in Figure 3 or touch-sensitive surface 451 in Figure 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 in accordance with the detected input. In some implementations, including a touchscreen display that enables direct interaction with user interface elements on the touchscreen display (e.g., touch-sensitive display system 112 in Figure 1A or touchscreen 112 in Figure 4A), contact detected on the touchscreen acts as a “focus selection area,” and therefore, when input (e.g., a press input by touch) 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 in accordance with the detected input. In some implementations, focus is moved from one area of ​​the user interface to another without corresponding cursor or touch movement on the touchscreen display (e.g., by moving focus from one button to another using the tab key or arrow keys), and in these implementations, the focus selector moves in response to the movement of focus between different areas of the user interface. Regardless of the specific form the focus selector takes, the focus selector is generally a user interface element (or touch on the touchscreen display) controlled by the user to communicate the user interface with the user's intended interaction (e.g., by indicating to the device the user interface element that the user intends to interact with).For example, when a press input is detected on a touch-sensitive surface (e.g., a touchpad or touchscreen), the positioning of a focus selection area (e.g., a cursor, touch, or selection box) over each button indicates that the user intends to activate that button (in contrast to other user interface elements displayed on the device's display).

[0177] Next, we will focus on embodiments of user interfaces ("UI") and related processes implemented on electronic devices such as portable multifunction device 100, device 300, or device 500.

[0178] Figures 6A to 6H show exemplary user interfaces for displaying and enabling adjustments to the displayed time zone according to several embodiments. These user interfaces are used to illustrate processes described later, including the processes shown in Figures 7A to 7C.

[0179] In Figure 6A, device 600 displays a watch user interface 604A, which includes a first analog dial 608 displayed simultaneously with a second analog dial 606. The hour hand 608A, minute hand 608B, and second hand 608C indicate the hours, minutes, and seconds (respectively) of the current time within a first time zone on the first analog dial 608. The first analog dial 608 represents a 12-hour cycle (for example, the hour hand 608A completes one rotation every 12 hours). The clock hand 608D indicates the current time within a second time zone on the second analog dial 606. The second analog dial 606 represents a 24-hour cycle (for example, the clock hand 608D completes one rotation every 24 hours). Marker 606C indicates the midnight position on the second analog dial 606 (for example, the clock hand 608D points to marker 606C at midnight in the second time zone). Time zone indicator 608E displays the letter indication of the time zone associated with the second analog dial 606 (e.g., "LAX" for Los Angeles) (for example, an abbreviation for a geographical location within the time zone associated with the second analog dial 606).

[0180] In Figure 6A, the second analog dial 606 is a ring surrounding the first analog dial 608 and has a first orientation relative to the first analog dial 608. The second analog dial 606 is oriented such that midnight on the second analog dial 606 aligns with noon on the first analog dial 608. The first analog dial 608 and the second analog dial 606 are associated with their respective time zones. The watch user interface 604A includes a time zone indicator 608E for the time zone associated with the second analog dial 606 (e.g., the location within the time zone associated with the second analog dial 606).

[0181] In Figure 6A, the first analog dial 608 and the second analog dial 606 are associated with the same first time zone, and the time indicators associated with each dial (e.g., the hour hand 608A, minute hand 608B, and / or second hand 608C for the first analog dial 608, and the clock hand 608D for the second analog dial 608) indicate the same time (the current time in the first time zone). In Figure 6A, the first time zone is the Pacific Time Zone, and the current time in the Pacific Time Zone is 6:00 AM. The hour hand 608A and minute hand 608B indicate 6:00 AM on the first analog dial 608, and the clock hand 608D indicates 6:00 AM on the second analog dial 606.

[0182] In Figure 6A, the second analog dial 606 includes scale marks representing positions on the second analog dial 606 corresponding to each time, and a current time indicator 606D including a numeric indicator for the current time within the time zone associated with the second analog dial 606 (for example, the second analog dial 606 includes a single numeric indicator for the current time only). In some embodiments, the current time indicator 606D is displayed only when the time zone associated with the second analog dial 606 is different from the time zone associated with the first analog dial 608. In some embodiments, the second analog dial 606 includes numeric indicators at all time positions, or at two or more but not all time positions.

[0183] The second analog dial 606 includes a first portion 606A corresponding to nighttime within the time period associated with the second analog dial, and a second portion 606B corresponding to daytime within the time period associated with the second analog dial (for example, the portion of the second analog dial 606 not included in the first portion 606A). The first portion 606A and the second portion 606B have different visual properties (for example, different colors, brightness, transparency, or patterns). The boundary between the first portion 606A and the second portion 606B, moving clockwise from the midnight marker 606C, corresponds to sunrise (approximately 6 o'clock), and the boundary between the first portion 606A and the second portion 606B, moving counterclockwise from the midnight marker 606C, corresponds to sunset (approximately 8 o'clock). In Figure 6A, the size of the first portion 606A (e.g., the angular range) is smaller than the size of the second portion 606B, which indicates that nighttime is shorter than daytime.

[0184] In some embodiments, the size and / or position (e.g., angular range and / or angular position) of the first portion 606A and the second portion 606B on the second analog dial 606 depends on the time of day, season, and / or the geographical location associated with the time of day (e.g., the first portion 606A representing nighttime is smaller when the location associated with the selected time of day is in summer than when the same location is in winter). In some embodiments, the first portion 606A and the second portion 606B are displayed differently when the second analog dial 606 is associated with a first location within a first time period than when the second analog dial 606 is associated with a second location (e.g., a different location from the first location) within the first time period (e.g., the same time period). For example, because sunrise and sunset are later in Cleveland than in New York City (although Cleveland and New York City are in the same time zone, Cleveland is located west of New York City), the first portion 606A and the second portion 606B are displayed differently when the second analog dial 606 is associated with Cleveland compared to when the second analog dial 606 is associated with New York City (for example, in the case of Cleveland, the first portion 606A and the second portion 606B rotate clockwise relative to marker 606C in relation to its position relative to New York City). Similarly, during the summer, Seattle has longer daylight hours than San Diego (for example, sunrise is earlier and sunset is later) (although Seattle and San Diego are in the same time zone, Seattle is at a higher latitude than San Diego), so the first portion 606B and the second portion 606A are displayed differently when the second analog dial 606 is associated with Seattle compared to when the second analog dial 606 is associated with San Diego (for example, during the summer in Seattle and San Diego, in Seattle the first portion 606A has a smaller angular range and the second portion 606B has a larger angular range compared to the angular range for San Diego).Similarly, the first portion 606A and the second portion 606B are displayed accordingly based on the season for a particular location (for example, in a particular location, the angular range of the first portion 606A representing nighttime is larger in winter than in summer).

[0185] Figure 6B shows a device 600 displaying the watch user interface 604A at a different time (10:09 AM Pacific Time) compared to Figure 6A, as indicated by the positions of the hour hand 608A and minute hand 608B relative to the first analog dial 608, and the position of the clock hand 608D relative to the second analog dial 606. When the current time is 6:00 AM, if the current time indicator 606D is in the position shown in Figure 6A, then, depending on the current time associated with the second analog dial 606, the current time indicator 606D will be displayed at 10 o'clock on the second analog dial 606, and a mark will be displayed at 6 o'clock on the second analog dial 606.

[0186] Device 600 receives (e.g., detects) a request to change the time zone associated with the second analog dial 606. In some embodiments, this request includes one or more input sequences (e.g., one or more of inputs 610, 618, 620, or 622). In Figure 6B, device 600 receives (e.g., detects) input 610 (e.g., a gesture, a tap on the display 602). In some embodiments, input 610 includes the rotation of a rotatable input mechanism 603. In some embodiments, the rotatable input mechanism 603 is physically connected to device 600 (e.g., the housing of device 600). In some embodiments, the rotatable input mechanism 603 has an axis of rotation parallel to the surface of the display 602 (e.g., the rotatable input mechanism 603 is mounted on a side of device 600 perpendicular to the surface of the display 602).

[0187] In response to receiving input 610, device 600 displays the watch user interface 612A shown in Figure 6C. The watch user interface 612A provides a user interface for changing the time zone associated with the second analog dial 606.

[0188] In the watch user interface 612A, the second analog dial 606 includes numerical time indicators at positions on the second analog dial 606 corresponding to each time (for example, the scale marks shown in Figure 6B are replaced with numerical values ​​shown in Figure 6C). The display of marker 606C is maintained. The watch user interface 612 includes a visual indication 614 of the current time within the time zone associated with the second analog dial 606. In Figure 6C, the visual indication 614 includes a circle around each numerical time indicator corresponding to the time of the current time within the time zone associated with the second analog dial 606. In some embodiments, the visual indicator 614 includes highlighting of each numerical time indicator and / or display of each numerical indicator having different visual characteristics (e.g., style, color, size, font) from other numerical time indicators.

[0189] The watch user interface 612A includes a time zone selection element 616 that displays a specified time zone option corresponding to a time zone associated with a second analog dial. In the embodiments shown in Figures 6B to 6C, the time zone selection element 616 replaces the display of the first analog dial 608 (for example, device 600 discontinues the display of the first analog dial 608 and displays the time zone selection element 616), and complications 605A to 605D are replaced by affordances 607 (for example, device 600 discontinues the display of complications 605A to 605D and displays affordances 607). In some embodiments, device 600 displays complications 605A to 605D within the watch user interface 612A. In some embodiments, device 600 does not display affordances 607 within the watch user interface 612A.

[0190] In the embodiment shown in Figure 6D, the time zone selection element includes a list of selectable time zone options arranged according to the time difference (also called an offset) between the current time in the time zone associated with the first analog dial 608 (or the time zone in which the device 600 is located) and each time zone option. Time zone options corresponding to the time zone associated with the second analog dial 606 are specified by being visually distinguishable (e.g., being focused, highlighted, outlined, displayed without showing other time zone options, highlighted in a different color than other time zone options, or displayed brighter or with lower transparency than other time zone options). In the embodiment shown in Figure 6D, time zone options corresponding to the time zone associated with the second analog dial 606 are visually distinguishable by being displayed in the center of the time zone selection element 616 in a larger size than other time zone options. In some embodiments, a time zone option indicates the current time in the corresponding time zone and a time zone identifier (called a time zone identifier). For example, in Figure 6C, the option for the Mountain Time Zone includes the current time in the Mountain Time Zone (11:09) and the letters (DEN) indicating the location in the Mountain Time Zone (Denver). The style of the time zone identifier can depend on the option. For example, if a specific geographic location is specified for the option (e.g., via system settings or by the user), the time zone identifier will include characters representing the specific geographic location; if the option corresponds to the time zone where device 600 is located, the time zone identifier will include a “current location” symbol (e.g., the arrow to the left of 10:09 in Figure 6C); if no specific geographic location is specified for the time zone option and the time zone option does not correspond to the location of device 600, the time zone identifier will include a numeric indicator of the offset (e.g., since no geographic location is specified for a time zone adjacent to the western Pacific Time Zone, where the current time is 9:09, corresponding to a one-hour offset, the time zone indicator will include the numeric indicator “-1”).In some embodiments, the time zone identifier indicates an offset of the time zone option compared to Coordinated Universal Time (UTC) or Greenwich Mean Time (GMT).

[0191] While displaying the watch user interface 612A, the device 600 receives (e.g., detects) an input 618. In Figure 6C, the input 618 includes a rotation of the rotatable input mechanism 603. In some embodiments, the input 618 includes a gesture (e.g., a vertical swipe on the display 602). In response to receiving the input 618, the device 600 displays the watch user interface 612B shown in Figure 6D. The watch user interface 612B specifies a different time zone option compared to Figure 6C (e.g., the device 600 changes the specified time zone option in response to the input 618). In Figure 6D, the list of options within the time zone selection element 616 is moved (e.g., scrolled) compared to Figure 6C to specify a different time zone (Mountain Time), and the second analog dial 606 is displayed in a different orientation relative to the time zone selection element 616 to correspond to the specified time zone option compared to Figure 6C (e.g., rotated). In some embodiments, the device 600, in response to receiving an input 618, displays an animated rotation of the second analog dial 606 and / or an animated scrolling or rotation of the list of options in the time zone selection element 616. A change in the second analog dial 606 corresponds to a change in the time zone selection element 616, and therefore the time indicated by the visual indication 614 in the second analog dial 606 corresponds to the current time (DEN 11:09) associated with the specified time zone option. In Figure 6D, the second analog dial 606 is rotated counterclockwise by 1 / 24 of a rotation (e.g., 1 hour), and therefore the numerical value of the time relative to 11 o'clock is indicated by the visual indication 614 (e.g., the visual indication 614 remains in the same position while the second analog dial 606 rotates counterclockwise).

[0192] In the embodiments shown in Figures 6C to 6D, the second analog dial 606 rotates around an axis perpendicular to the surface of the display 602, passing through the center of the second analog dial 606, and the list of time zone options is displayed such that the time zone options appear to rotate around an axis perpendicular to the axis of rotation of the second analog dial 606 (for example, the time zone options appear to rotate around an axis parallel to the axis of rotation of the rotatable input mechanism 603, and the time zone options appear to move at least partially in a direction perpendicular to the surface of the display 602 (for example, in a direction toward and away from the surface of the display 602), in addition to moving vertically on the display 602).

[0193] In some embodiments, device 600 modifies the offset by an amount (e.g., proportional) based on the magnitude, speed, and / or direction of the input 618 (e.g., the amount of rotation of the rotatable input mechanism 603, the distance of the gesture). For example, the list of time zone options is scrolled by an amount proportional to the magnitude of the input 618, and the second analog dial 606 is rotated by an amount proportional to the magnitude of the input 618.

[0194] In some embodiments, device 600 modifies the offset based on the direction of the input 618 (e.g., the rotation direction of the rotatable input mechanism 603, the direction of the gesture). For example, device 600 increases the offset in response to an input in a first direction (e.g., clockwise rotation, upward gesture) (e.g., moving towards a time zone option where time is further advanced), and decreases the offset in response to an input in a second direction (e.g., the opposite direction to the first direction, counterclockwise rotation, downward gesture) (e.g., moving towards a time zone option where time is further delayed).

[0195] In Figure 6D, device 600 receives (e.g., detects) input 620 (e.g., a gesture, rotation of the rotatable input mechanism 603). In Figure 6D, input 620 includes rotation of the rotatable input mechanism 603. In some embodiments, input 620 is a continuation of input 618 (e.g., further rotation of the rotatable input mechanism 603). In response to input 620, device 600 displays the watch user interface 612C shown in Figure 6E. The watch user interface 612C specifies a time zone option corresponding to a time zone that is 8 hours ahead of the time zone associated with the first analog dial 608 (or the time zone in which device 600 is located), corresponding to a +8 hour offset. In the example shown in Figure 6E, the specified time zone option corresponds to the time zone in which London (LON) is located, and the current time is 6:09 PM (18:09 in 24-hour format). The second analog dial 606 is positioned to correspond to a specified time zone option, and the numerical indicator for 18:00 is shown by the visual indicator 614 (for example, the visual indicator 614 remains in the same position, and the second analog dial 606 rotates counterclockwise from the orientation shown in Figure 6D). When the time zone option is changed, the first section 606A and the second section 606B are displayed (e.g., updated) according to the specified option (for example, to represent daytime and nighttime based on the geographical location and season for the selected option, as described above). For example, in Figure 6C, the first section 606A and the second section 606B show sunrise and sunset times of approximately 6 AM and 8 PM for Los Angeles, respectively, and in Figure 6E, they show sunrise and sunset times of 7 AM and 7 PM for London, respectively.

[0196] In FIG. 6E, device 600 receives (e.g., detects) input 622. In the embodiment shown in FIG. 6E, input 622 includes a tap on an affordance (e.g., “Settings” affordance 607) on display 602. In some embodiments, input 622 includes a depression of rotatable and depressible input mechanism 603. In some embodiments, input 622 includes a contact on display 602 (e.g., a contact at any location on display 602, a contact at a location other than second analog dial 606, a tap on time zone selection element 616).

[0197] In response to input 622, device 600 associates (e.g., in response to input 622, device 600 sets the time zone associated with second analog dial 606 to the time zone corresponding to the time zone option specified at the time of input 622) the time zone option specified in FIG. 6E (e.g., the time zone option specified at the time of input 622) with second analog dial 606.

[0198] In response to input 622, device 600 displays a video that results in the display of watch user interface 604B, and one embodiment of that video is shown in FIGS. 6F - 6G. In some embodiments, device 600 displays watch user interface 604B in response to input 622, and watch user interface 604B does not have the video shown by FIGS. 6F - 6G or has a video different from the video shown by FIGS. 6F - 6G.

[0199] As shown in Figure 6F, device 600 discontinues the display of affordances 607 and time zone selection elements 616 and displays the first analog dial 608, hour hand 608A, minute hand 608B, and clock hand 608D. In Figure 6F, compared with the watch user interface 612C, the second analog dial 606 includes scale marks indicating the positions of each time zone and a marker 606C that is similar in appearance to the second analog dial 606 shown in Figures 6A-6B. In some embodiments, the numerical time indicator shown in Figure 6E fades out and the scale marks shown in Figure 6F fade in. In Figure 6G, complications 605A-605D are displayed (e.g., all simultaneously, one at a time, while the scale marks are displayed, and after the scale marks are displayed).

[0200] The watch user interface 604B is similar to the watch user interface 604A, except that the second analog dial 606 is displayed in a different orientation relative to the first analog dial 608, the clock hands 608D indicate the current time within the time zone selected in Figures 6C to 6E on the second analog dial 606, and the current time indicator 606D indicates the time of the current time within the time zone selected in Figures 6C to 6E. The orientation of the second analog dial 606 relative to the first analog dial 608 corresponds to the offset between the time zone associated with the second analog dial 606 and the time zone associated with the first analog dial 608. In the watch user interface 604B, the time zone indicator 608E displays a letter indication ("LON") of the time zone associated with the second analog dial 606 (for example, an abbreviation for the geographical location within the time zone associated with the second analog dial 606).

[0201] In some embodiments, the position of the clock hand 608D relative to the first analog dial 608 indicates the current time within the time zone associated with the first analog dial 608, regardless of the orientation of the second analog dial 606 relative to the first analog dial 608 (for example, if the first analog dial 608 represents a 24-hour period, the clock hand 608D indicates the current time within the time zone associated with the first analog dial 608, with the clock hand 608D pointing to 12 o'clock on the first analog dial 608 at midnight within the time zone associated with the first analog dial 608, and pointing to 3 o'clock on the first analog dial 608 at 6:00 AM within the time zone associated with the first analog dial 608).

[0202] Referring to Figure 6H, the watch user interface 604B displays a different (e.g., later) time compared to Figure 6G. In Figure 6H, the current time in the time zone associated with the first analog dial 608 is 11:00 AM, as indicated by the hour hand 608A and minute hand 608B. The corresponding current time in the time zone associated with the second analog dial 606 is 7:00 PM (19:00 in 24-hour format). The second analog dial 606 has the same orientation as the first analog dial 608 in Figure 6G (e.g., the orientation of the second analog dial 606 relative to the first analog dial 608 remains the same as it does as time progresses (e.g., is maintained) unless the time zone associated with the second analog dial 606 changes). The clock hand 608D indicates the current time in the time zone associated with the second analog dial 606 by positioning itself on the second analog dial to represent 19:00. Compared to the watch user interface 604B in Figure 6G, the clock hands 608D rotate clockwise (for example, the clock hands 608D advance clockwise at a rate of 1 / 24 of a rotation per hour), and the current time indicator 606D is displayed at the 19 o'clock position instead of the 18 o'clock position. In some embodiments, the current time indicator 606D advances to the next adjacent time position located above the current time (for example, when the current time changes from 18:59 to 19:00).

[0203] Figures 7A to 7C are flowcharts illustrating methods for displaying and activating adjustments to the displayed time zone according to several embodiments. Method 700 is performed on a computer system (e.g., 100, 300, 500, 600) (e.g., a smart device such as a smartphone or smartwatch, a mobile device) that communicates with a display generation component and one or more input devices (e.g., a touch-sensing surface integrated with the display generation component, a mechanical input device, a rotatable input device, a rotatable and pressable input device, a microphone). Some operations of Method 700 are arbitrarily combined, the order of some operations is arbitrarily changed, and some operations are arbitrarily omitted.

[0204] As will be described later, Method 700 provides an intuitive method for managing time-related user interfaces. This method reduces the cognitive burden on the user to manage time-related user interfaces, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, it saves power and increases battery recharge time by enabling users to manage time-related user interfaces more quickly and efficiently.

[0205] A computer system (e.g., 600) displays a watch user interface (e.g., 604A) (e.g., showing one or more times via an analog clock) (702) via a display generating component (e.g., 602), and the display of the watch user interface includes a first analog dial (e.g., 608) (e.g., a 12-hour dial), and a first time indicator on the first analog dial that shows the current time in a first time zone (e.g., the current time is the time in the current time zone). The system includes simultaneously displaying a data (e.g., 608A or 608B) (e.g., hour hand or hour and minute hand) (704), a second analog dial (e.g., 606) (e.g., a 24-hour dial), and a second time indicator (e.g., 608D) (e.g., hour hand) on the second analog dial indicating the current time in a second time zone, wherein the second analog dial is displayed in a first orientation relative to the first analog dial (e.g., based on the difference between the first time zone and the second time zone) (706).

[0206] In some embodiments, the same time is indicated on both the first and second analog dials. In some embodiments, the second time indicator is displayed in a different color and / or shape from the first time indicator. In some embodiments, the second analog dial surrounds the outside of the first analog dial. In some embodiments, the second analog dial includes a graphic indicator (e.g., 606C) (e.g., marker, triangular marker) for the midnight mark (e.g., the 24-hour mark on a 24-hour dial). Simultaneously displaying the first analog dial showing the current time in a first time zone and the second analog dial showing the current time in a second time zone enables the user to quickly and easily see the current time for different time zones with a reduced number of inputs. Reducing the number of inputs required to perform an operation improves the usability of the device and makes 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), and in addition, reduces power usage and improves the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0207] After displaying a watch user interface (e.g., 604A) with a first analog dial (e.g., 608) and a second analog dial (e.g., 606) displayed in a first orientation relative to the first analog dial (708), the computer system (e.g., 600) receives a request (e.g., 610, 618, 620) via one or more input devices to change the time zone associated with the second analog dial (e.g., the time zone shown / represented via the second analog dial) (710).

[0208] In response to receiving a request (e.g., 610, 618, 620) to change the time zone associated with a second analog dial (e.g., 606) (716), the computer system (e.g., 600) changes the time zone associated with the second analog dial to a third time zone different from the first time zone (718).

[0209] When a second analog dial (e.g., 606) is associated with (e.g., set to) a third time zone (720), the computer system (e.g., 600) displays the watch user interface (e.g., 604A) (722) via a display generating component (e.g., 602).

[0210] Displaying a watch user interface (e.g., 604A) includes simultaneously displaying a first analog dial (e.g., 608) and a first time indicator (e.g., 608A or 608B) (724) on the first analog dial indicating the current time in a first time zone (e.g., a first hour, the sum of the first hour and the amount of time elapsed since detecting user input and rotating the second analog dial), and a second analog dial (e.g., 606) and a second time indicator (e.g., 608D) on the second analog dial indicating the current time in a third time zone, wherein the second analog dial is displayed in a second orientation relative to the first analog dial (e.g., based on the difference between the first time zone and the third time zone) (726). Displaying the current time in a third time zone on a second analog dial, with the second analog dial oriented in a second orientation relative to the first analog dial, enables the user to efficiently view the current time in the third time zone relative to the current time in the first time zone. By providing additional features on the user interface, along with additional displayed controls, without cluttering the UI, device usability is enhanced, the user-device interface becomes more efficient (for example, by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), and in addition, power usage is reduced and device battery life is improved by enabling the user to use the device more quickly and efficiently.

[0211] In some embodiments, a first analog dial (e.g., 608) represents a 12-hour period, and a first time indicator (e.g., 608A or 608B) includes at least a first clock hand (e.g., an hour hand) on the first analog dial indicating the current time within a first time zone (e.g., the position of the first clock hand relative to the first analog dial indicates the current time within the first time zone); and a second analog dial (e.g., 606) represents a 24-hour period, and a second time indicator (e.g., 608D) includes a second clock hand (e.g., an alternate hour hand) on the second analog dial indicating the current time within a time zone associated with the second analog dial (e.g., the position of the second clock relative to the second analog dial indicates the current time within a time zone associated with the second analog dial). By providing a first analog dial representing a 12-hour cycle and a second analog dial representing a 24-hour cycle, the device enables users to easily distinguish between the two analog dials, thereby improving device usability and making the user-device interface more efficient (for example, by helping users more easily read or view displayed content). In addition, it enables users to use the device more quickly and efficiently, reducing power consumption and improving the device's battery life.

[0212] In some embodiments, when a second analog dial (e.g., 606) is associated with (e.g., set to) a third time zone (720) and the third time zone is different from a first time zone (e.g., the first and second analog dials indicate the current time in the different time zones), the computer system (e.g., 600) displays a numerical time indication (e.g., 606D) for the current time in the third time zone in the second analog dial (728), without displaying any other numerical time indications in the second analog dial. In some embodiments, when a second analog dial is associated with (e.g., set to) a third time zone, and the third time zone is different from a first time zone (e.g., the first and second analog dials indicate the current time in different time zones), the computer system displays in the second analog dial a numerical indication of the current time in the third time zone, and numerical indications of other time subsets (e.g., not all) (e.g., one hour or more before and / or after the current time, but not all 24 hours).

[0213] In some embodiments, the watch user interface (e.g., 604A) includes character indications (e.g., 608E, name, abbreviation of name) of a location (e.g., city, country, region) associated with a second analog dial (e.g., 606) (730). Including character indications of a location associated with a second analog dial within the watch user interface enables the user to easily identify the time zone displayed via the second analog dial, thereby improving the usability of the device and making the user-device interface more efficient (e.g., by helping the user more easily read or see the displayed content), and in addition, power consumption is reduced and the battery life of the device is improved by enabling the user to use the device more quickly and efficiently.

[0214] In some embodiments, the second analog dial (e.g., 606) corresponds to daytime within the time period associated with the second analog dial and includes a first visual characteristic (e.g., a first color, a first brightness / dimness level) and a first portion (e.g., 606B) (e.g., represented by portion 606B in Figures 6A-6B and 6G-6H) (e.g., daytime, starting at a point in the second analog dial corresponding to sunrise (e.g., the first boundary between portions 606B and 606A in Figures 6A-6B and 6G-6H) and a point in the second analog dial corresponding to sunset (e.g., portion 606B in Figures 6A-6B and 6G-6H) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (732) (832) (732) (832) (732) (732) (1) (732) (1) (732) (1) (732) (1) (732) (1) (732) (1) (732) (1) (2 By providing improved feedback, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users more easily read or view displayed content), and in addition, power consumption is reduced and the device's battery life is improved by enabling users to use the device more quickly and efficiently.

[0215] In some embodiments, a first position in a second analog dial (e.g., 606) corresponding to a start point for a first part (e.g., 606B) and an end point for a second part (e.g., 606A) (e.g., a point in the second analog dial corresponding to sunrise), and a second position in the second analog dial corresponding to an end point for a first part and a start point for a second part (e.g., a point in the second analog dial corresponding to sunset), are determined (e.g., automatically) based on geographical location (e.g., location corresponding to each time zone (e.g., city, region)) and season (e.g., current month, current season).

[0216] In some embodiments, receiving a request (e.g., 610, 618, 620) to change the time zone associated with a second analog dial (e.g., 606) includes detecting user input (e.g., 610) (e.g., touch input) directed to a location (e.g., a central area) on the watch user interface (e.g., 604A) via one or more input devices (e.g., touch-sensitive surfaces integrated with a display generating component) (712). In some embodiments, this request is received when a computer system (e.g., 600) is displaying or causing the watch user interface to be displayed via a display generating component (e.g., 602), and receiving this request does not require access to a menu or a dedicated editing mode to edit the second analog dial. In some embodiments, changing (e.g., moving, rotating) the second analog dial does not cause any changes to other aspects or features of the watch user interface (e.g., the first analog dial, the first time indication, the displayed watch complication).

[0217] In some embodiments, receiving a request (e.g., 610, 618, 620) to change the time zone associated with a second analog dial (e.g., 606) includes detecting rotational inputs (e.g., 618, 620) (e.g., clockwise, counterclockwise) of a rotatable input mechanism (e.g., 603) via one or more input devices (e.g., a rotatable input device, a rotatable and pressable input device) (714).

[0218] In some embodiments, changing the time period associated with the second analog dial (e.g., 606) to a third time period (e.g., the time period corresponding to "LON" in Figures 6E-6H) that is different from the first time period (e.g., the current time period associated with the first analog dial 608 in Figures 6A-6B) is done by (e.g., detecting an input (e.g., 618, 620) that is intended to rotate the second analog dial (e.g., when an input intended to rotate the second analog dial is detected)) around the first axis of rotation, the second analog dial (e.g., 60) 6) includes rotating the second analog dial (e.g., 608) in each orientation relative to the first analog dial (e.g., 608) (e.g., when the first analog dial is not rotating) (e.g., from the orientation of the second analog dial relative to the first analog dial shown in Figure 6C to the orientation of the second analog dial relative to the first analog dial shown in Figure 6E) (e.g., the rotation is displayed when an input (e.g., a rotation input on a rotatable input device, a touch input such as a swipe or pinch input) is received (e.g., as a video)), the first axis of rotation is perpendicular to the surface of the display generating component (e.g., 602). In some embodiments, the first axis of rotation passes through the center of the display generating component (e.g., 602). In some embodiments, the first axis of rotation is perpendicular to the axis of rotation of the input targeted at rotating the second analog dial. When changing the time zone associated with the second analog dial, the second analog dial is rotated around the first axis of rotation, with the first axis of rotation perpendicular to the surface of the display generation component, thereby intuitively providing visual feedback of the changed time zone. By providing improved feedback, the device becomes more usable, the user-device interface becomes more efficient (for example, by helping the user read or see the displayed content more easily), and in addition, power consumption is reduced and the device's battery life is improved by enabling the user to use the device more quickly and efficiently.

[0219] In some embodiments, in response to a determination that an input intended to rotate a second analog dial (e.g., a rotation input on a rotatable input device, a touch input such as a swipe or pinch input) is in a first direction (e.g., clockwise), the computer system (e.g., 600) rotates the second analog dial (e.g., 606) in the first direction (e.g., clockwise) around a first axis of rotation (e.g., a first axis passing through the center of the watch user interface / display generating component and perpendicular to the display generating component).

[0220] In some embodiments, in response to a determination that an input (e.g., a rotation input on a rotatable input device (e.g., 603), a touch input such as a swipe or pinch input) intended to rotate a second analog dial (e.g., 606) is in a second direction (e.g., counterclockwise) (e.g., an input in the opposite direction to inputs 618 and 620 in Figures 6C to 6D), the computer system (e.g., 600) rotates the second analog dial (e.g., 606) in the second direction (e.g., counterclockwise) around the first axis of rotation.

[0221] In some embodiments, the axis of rotation of a detected input (e.g., rotational input, touch input (e.g., twisting of two fingers)) is orthogonal to the first axis of rotation for the rotation of a second analog dial (e.g., 606). In some embodiments, the axis of rotation of a detected input (e.g., rotational input, touch input) is parallel to the first axis of rotation for the rotation of a second analog dial. In some embodiments, the amount of rotation of the second dial (e.g., the amount of rotation angle) corresponds to (e.g., directly proportional to) the magnitude of the user input (e.g., the magnitude of the rotation angle of a rotatable input device).

[0222] In some embodiments, when a second analog dial (e.g., 606) is rotating (e.g., only when it is rotating), a computer system (e.g., 600) displays or causes to display a number in the second analog dial that corresponds to each time mark (e.g., each hour mark) in the second analog dial.

[0223] In some embodiments, changing the time zone associated with a second analog dial (e.g., 606) to a third time zone (e.g., the time zone corresponding to "LON" in Figures 6E-6H) that is different from a first time zone (e.g., the current time zone associated with the first analog dial 608 in Figures 6A-6B) involves rotating a rotatable user interface element (e.g., 616) around a second axis of rotation (e.g., shown in Figures 6C-6E via the rotation of the time zone selection element 616) (e.g., when the second analog dial (e.g., 606) is simultaneously rotated to reflect the change in time zone), the second axis of rotation being parallel to the surface of the display generation component (e.g., 602). In some embodiments, the second axis of rotation is orthogonal to the first axis of rotation. When changing the time zone associated with the second analog dial, the user interface element rotatable around the second rotation axis is rotated (for example, when the second analog dial is simultaneously rotated to reflect the change in time zone), with the second rotation axis parallel to the surface of the display generation component, thereby intuitively providing visual feedback of the changed time zone. Providing improved feedback enhances the usability of the device, making the user-device interface more efficient (for example, by helping the user read or see the displayed content more easily), and in addition, power consumption is reduced and the device's battery life is improved by enabling the user to use the device more quickly and efficiently.

[0224] In some embodiments, in response to a determination that an input (e.g., 618, 620) (e.g., a rotation input on a rotatable input device, a touch input such as a swipe or pinch input) intended to rotate a rotatable user interface element (e.g., 616) is in a first direction (e.g., clockwise), the computer system (e.g., 600) rotates the rotatable user interface element in the first direction (e.g., clockwise) around a second axis of rotation (e.g., a second axis parallel to the display generation component). In some embodiments, in response to a determination that an input (e.g., a rotation input on a rotatable input device, a touch input such as a swipe or pinch input) intended to rotate a rotatable user interface element is in a second direction (e.g., counterclockwise), the computer system rotates a second analog dial in a second direction (e.g., counterclockwise) around a second axis of rotation.

[0225] In some embodiments, the rotation input refers to a rotatable input device (e.g., 603) having a rotation axis parallel to a second rotation axis for the rotation of a rotatable user interface element (e.g., 616).

[0226] In some embodiments, the time zone options that can be selected from a rotatable user interface element (e.g., 616) include a city / country / region (e.g., indicated by an abbreviation) (e.g., shown via the time zone selection element 616 in Figures 6C-6E). In some embodiments, the time zone options that can be selected from a rotatable user interface element include a numerical offset (e.g., both positive and negative) (e.g., the top two time zone options shown in the time zone selection element 616 in Figure 6C) from the current time zone (e.g., the first time zone) corresponding to the time zone of the physical location of the computer system (e.g., 600) (e.g., the central time zone shown in the time zone selection element 616 in Figure 6C), where the offset indicates the time difference between each different time zone and the current time zone (the offset is zero if there is no time zone difference).

[0227] In some embodiments, one or more input devices include a rotatable input device (e.g., 603) (e.g., a rotatable and pressable input device), and changing the time zone associated with a second analog dial (e.g., 606) to a third time zone different from a first time zone includes changing the time zone associated with the second analog dial to a third time zone in response to detection of a rotational input (e.g., 618 or 620) (e.g., clockwise or counterclockwise) via the rotatable input device. Changing the time zone associated with the second analog dial in response to detection of a rotational input via the rotatable input device provides an intuitive way for the user to navigate through available time zones and select a different time zone. By providing improved control options, the usability of the device is enhanced, the user-device interface becomes more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), and in addition, power usage is reduced and the battery life of the device is improved by enabling the user to use the device more quickly and efficiently.

[0228] In some embodiments, in response to changing the time period associated with a second analog dial (e.g., 606) to a third time period different from the first time period, the computer system (e.g., 600) adjusts the daytime visual indication (e.g., 606B) (e.g., daytime hours, the time between sunrise and sunset) within the second analog dial to indicate daytime in the third time period (e.g., not the second time period), and adjusting the daytime visual indication to indicate daytime in the third time period includes a transition from visually distinguishing a first portion of the second analog dial (e.g., 606B in Figure 6B) (from the rest of the second analog dial) (e.g., using a first color, a first shade) to visually distinguishing a second portion of the second analog dial (e.g., 606B in Figure 6D) (from the rest of the second analog dial), where the second portion of the second analog dial corresponds to the daytime visual indication in the third time period. In some embodiments, the daytime visual indication includes a portion of the second analog dial corresponding to daytime hours, indicated by a first visual characteristic (e.g., colored, brightened, or darkened), while the remaining portion of the second analog dial not corresponding to daytime hours (e.g., 606A) is not indicated by the first visual characteristic. In some embodiments, the portion of the second analog dial corresponding to daytime hours (e.g., 606B) is a first size, while the remaining portion of the second analog dial not corresponding to daytime hours (e.g., 606A) is a second size different from the first size. When the time zone is changed, adjusting the daytime visual indication (e.g., daytime hours, the time between sunrise and sunset) within the second analog dial to indicate daytime hours in the new time zone intuitively provides information about the different day / nighttime hours in the new time zone. By providing improved feedback, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users more easily read or view displayed content), and in addition, power consumption is reduced and the device's battery life is improved by enabling users to use the device more quickly and efficiently.

[0229] In some embodiments, even within the same time zone, the portion of the second analog dial corresponding to daytime hours (e.g., 606B) and the remaining portion of the second analog dial not corresponding to daytime hours (e.g., 606A) may vary (e.g., different regions / locations within the same time zone may have different daytime hours). In some embodiments, in a first location within each time zone (e.g., a first city, a first region) (e.g., "CHI" shown in Figure 6D via the time zone selection element 616), the portion of the second analog dial corresponding to daytime hours has a first size (e.g., the size of 606B in Figures 6A-6B), and the remaining portion of the second analog dial not corresponding to daytime hours has a second size different from the first size (e.g., the size of 606A in Figures 6A-6B). In some embodiments, in a second location within each time zone (e.g., a second city, a second region) (e.g., “DAL” shown in Figure 6D via a rotatable user interface element), the portion of the second analog dial corresponding to daytime has a third size different from the first size, and the remaining portion of the second analog dial not corresponding to daytime has a fourth size different from the second size.

[0230] In some embodiments, receiving a request (e.g., 610, 618, 620) to change the time zone associated with a second analog dial (e.g., 606) includes receiving a selection of a geographical location (e.g., country, region) within a third time zone (e.g., via a (e.g., rotatable) user interface element (e.g., 616) displayed within a watch user interface (e.g., 604A) that includes multiple selectable time zone options. In some embodiments, in response to receiving a selection of a geographical location within a third time zone, and in response to the determination that the geographical location corresponds to a first location within the third time zone (e.g., a first city within the third time zone), the computer system (e.g., 600) displays a daytime visual indication (e.g., 606B in Figure 6B) within the second analog dial (e.g., 606) for a first location within the second analog dial (indicating daytime hours at the first location within the third time zone) (e.g., via different visual characteristics, via different shading, via different colors) (e.g., daytime hours, the time between sunrise and sunset). In some embodiments, in response to receiving a selection of a geographical location within a third time zone, and in accordance with the determination that the geographical location corresponds to a second location within the third time zone (e.g., a second city within the third time zone), the computer system displays a daytime visual indication (e.g., 606B in Figure 6D) in the second analog dial for a second location within the second analog dial (indicating daytime hours at the second location within the third time zone) (e.g., through different visual characteristics, through different shading, through different colors) (e.g., daytime hours, the time between sunrise and sunset). In some embodiments, the daytime visual indication for a first location is of a different size / length and / or encompasses (e.g., covers) a different portion of the second analog dial for daytime hours at the second location (e.g., because the amount of daylight is different between the first and second locations).When the time zone changes, adjusting the daytime visual indication (e.g., daylight hours, the time between sunrise and sunset) within the second analog dial to show daytime in the new time zone intuitively provides information about the different day / nighttime periods in the new time zone. By providing improved feedback, the device becomes more usable, the user-device interface becomes more efficient (e.g., by helping the user read or see displayed content more easily), and in addition, power consumption is reduced and the device's battery life is improved by enabling the user to use the device more quickly and efficiently.

[0231] In some embodiments, changing the time zone associated with a second analog dial (e.g., 606) to a third time zone involves changing a numeric indicator (e.g., 606D) (e.g., within the second analog dial) corresponding to the current time indicated by a second time indicator (e.g., 608D) from a first value (e.g., the number of hours in the first time zone) corresponding to the current time in the second time zone to a second value (e.g., the number of hours in the second time zone) corresponding to the current time in the third time zone. By changing the numeric indicator corresponding to the current time indicated by the second time indicator to a second value corresponding to the current time in the third time zone, the user can quickly and easily identify the current time in the third time zone when the time zone is first changed. By providing improved feedback, the usability of the device is enhanced, the user-device interface is made more efficient (e.g., by helping the user more easily read or view displayed content), and in addition, the power consumption of the device is reduced and battery life is improved by allowing the user to use the device more quickly and efficiently.

[0232] In some embodiments, in response to receiving a request (e.g., 610, 618, 620) to change the time zone associated with a second analog dial (e.g., 606), the computer system (e.g., 600) displays a user interface element (e.g., rotatable) (e.g., 616) containing a plurality of selectable time zone options (e.g., a list thereof; a rotatable list thereof) within the watch user interface (e.g., 604A) (e.g., inside the second analog dial; instead of the first analog dial), where the plurality of selectable time zone options are arranged (e.g., symmetrically) based on the amount of time offset (e.g., plus / minus a certain number of hours) between the first time zone and each of the plurality of selectable time zone options. Displaying a user interface element containing a plurality of selectable time zone options (e.g., a list thereof; a rotatable list thereof) allows the user to efficiently navigate (e.g., scroll) the selectable time zone options because the time zone options are arranged (e.g., symmetrically) based on the amount of time offset. By providing improved control options, device usability is enhanced, the user-device interface becomes more efficient (for example, by assisting the user in providing appropriate input when operating / interacting with the device and reducing user errors), and in addition, the device's power consumption is reduced and battery life is improved as the user can use the device more quickly and efficiently.

[0233] In some embodiments, the multiple selectable time zone options (indicated, for example, via 616) include a first time zone option corresponding to a specified geographical location (e.g., a first city; a first country; a first geographical area (e.g., saved time zones; favorite time zones; time zones selected and / or stored within the World Clock application)), wherein the displayed first time zone option includes a letter indication (e.g., an abbreviation) of the specified geographical location, and a second time zone option not corresponding to a specified geographical location (e.g., an unsaved time zone, a non-favorite time zone, or a time zone not stored or selected within the World Clock application or a different application), wherein the displayed second time zone option includes a numerical indication (e.g., a plus or minus number) of the respective amount (e.g., plus / minus a specific number of hours) of the time offset between the second time zone and the time zone corresponding to the second time zone option.

[0234] In some embodiments, the multiple selectable time zone options (indicated, e.g., via 616) include a third time zone option corresponding to a first geographical location (e.g., a first city; a first country; a first geographical region), wherein the first geographical location corresponds to a first time zone (e.g., saved time zones; favorite time zones; time zones selected and / or stored within the World Clock application), and the displayed first time zone option includes a letter indication (e.g., an abbreviation) of the first geographical location; and a fourth time zone option corresponding to a second geographical location different from the first physical location, wherein the second geographical location corresponds to the first time zone, and the fourth time zone option includes a letter indication (e.g., an abbreviation) of the second geographical location.

[0235] In some embodiments, in response to receiving a request (e.g., 610, 618, 620) to change the time zone associated with the second analog dial, the computer system (e.g., 600) displays a watch user interface (e.g., 604A) via a display generating component (e.g., 602), the display of the watch user interface includes simultaneously displaying a selectable user interface object (e.g., 607; confirmation affordance; “Set” or “Done” option) for confirming the change in the time zone for the second analog dial (e.g., 606). In some embodiments, the computer system detects the activation (e.g., selection) (e.g., 622) of the selectable user interface object via one or more input devices (e.g., a touch-sensing surface integrated with the display generating component). In some embodiments, in response to detecting the activation of the selectable user interface object, the computer system sets the second analog dial and the second time indicator (e.g., 608D) to indicate the current time in a third time zone on the second analog dial (and, for example, discontinue the display of the selectable user interface object).

[0236] It should be noted that the details of the process described above with respect to Method 700 (for example, Figures 7A to 7C) are also applicable in a similar manner to the methods described later. For example, Method 900 optionally includes one or more characteristics of the various methods described above with reference to Method 700. For example, a watch user interface, as described with reference to Figures 6A to 6H, may include and be used to perform a counting operation, as described with reference to Figures 8A to 8M. In another example, Method 1100 optionally includes one or more characteristics of the various methods described above with reference to Method 700. For example, a device may use either a user interface including time indication and graphic representation of characters, as described with reference to Figures 10A to 10AC, or a watch user interface, as described with reference to Figures 6A to 6H, as its watch user interface. In another example, Method 1300 optionally includes one or more characteristics of the various methods described above with reference to Method 700. For example, the device may use either a time user interface as described with reference to Figures 12A to 12G, or a watch user interface as described with reference to Figures 6A to 6H, as the watch user interface. In another example, method 1500 optionally includes one or more characteristics of the various methods described above with reference to method 700. For example, the background of a watch user interface as described with reference to Figures 6A to 6H may be created or edited via a background updating process as described with reference to Figures 14A to 14AD. In another example, method 1700 optionally includes one or more characteristics of the various methods described above with reference to method 700. For example, one or more complications of a watch user interface as described with reference to Figures 6A to 6H can be modified using a process for modifying one or more complications of a watch user interface as described with reference to Figures 16A to 16AE. For brevity, these details will not be repeated below.

[0237] Figures 8A to 8M show exemplary user interfaces for initiating time measurement in several embodiments. The user interfaces in these figures are used to illustrate the processes described later, including the processes shown in Figures 9A to 9B.

[0238] Figure 8A shows a device 600 that displays a watch user interface 800, which includes an analog dial 804, an hour hand 802A, a minute hand 802B, and a second hand 802C. The analog dial 804 includes a bezel 804A (for example, a ring representing 12 hours relative to the hour hand 802A and a ring representing 60 minutes relative to the minute hand 802B) and a graphic indicator 806. In some embodiments, the bezel 804A includes the graphic indicator 806 (for example, the graphic indicator 806 is fixed in position on the bezel 804A). In some embodiments, the graphic indicator 806 is independent of at least a portion of the bezel 804A (for example, the graphic indicator 806 may be displayed independently of at least a portion of the bezel 804A, or its position may be changed relative to at least a portion of the bezel 804A).

[0239] In Figure 8A, the minute hand 802B has a length such that it at least partially overlaps with the bezel 804A (e.g., extends into the bezel 804A). The bezel 804A has visual indicators (e.g., scale marks, numbers) around the bezel 804A (e.g., at 12 equally spaced positions), including a graphic indicator 806. In Figure 8A, the bezel 804A and the graphic indicator 806 are displayed in their respective orientations relative to the analog dial 804. The 12 o'clock (or zero minute) position on the bezel 804A is aligned with the 12 o'clock position on the analog dial 804 (e.g., vertically upward from the origin 801), and the graphic indicator 806 is positioned at the 12 o'clock (or zero minute) position relative to the bezel 804A and at the 12 o'clock position relative to the analog dial 804.

[0240] In Figure 8A, device 600 receives (e.g., detects) an input 808. In the embodiment shown in Figure 8A, the input 808 includes a gesture (e.g., a tap on the display 602). In some embodiments, the input 808 includes the rotation of a rotatable input mechanism 603 or the pressing of a button (e.g., pressing a rotatable and pressable input mechanism 603 or a hardware button 613). In some embodiments, the input 808 may be anywhere on the display 602. In some embodiments, the input 808 must correspond to a selection of an analog dial 804 (e.g., a location on the display 602 within the outer boundary of the bezel 804A). For example, in response to an input on the analog dial 804, device 600 performs a first function (for example, rotating the bezel 804A and starting the counter 810, as described below); in response to an input not on the analog dial 804, device 600 performs a different function (for example, if the input is on one of the complications 805A to 805D, device 600 launches the application corresponding to the selected complication) or performs no function at all.

[0241] In response to input 808, device 600 displays a watch user interface 800 as shown in Figures 8B and 8C. In Figure 8B, device 600 displays a counter 810, and compared to Figure 8A, the length of the minute hand 802B is shortened (for example, so that the minute hand 802B does not overlap with the bezel 804A), the bezel 804A and graphic indicator 806 are rotated clockwise, and the visual characteristics of the hour hand 802A and minute hand 802B (e.g., fill color, fill pattern, outline color, brightness, transparency) are changed. Counter 810 is an example of a graphic indication of time (e.g., the time elapsed since device 600 received input 808).

[0242] In Figure 8C, the bezel 804A and graphic indicator 806 are displayed in a position (e.g., orientation) relative to the analog dial 804 such that the graphic indicator 806 aligns with the minute hand 802B (e.g., the graphic indicator 806 aligns with and fits with the minute hand 802B in response to receiving input 808), and the counter 810 is updated to indicate that 1 second has elapsed (e.g., from the time device 600 receives input 808 until the graphic indicator 806 aligns with the minute hand 802B). In Figure 8C, the length of the minute hand 802B is displayed such that the minute hand 802B does not overlap with the bezel 804A (e.g., remains as is).

[0243] In some embodiments, the device 600 automatically aligns the graphic indicator 806 with the minute hand 802B in response to receiving an input 808 (for example, the user does not need to provide an input to adjust the position of the graphic indicator 806 to align with the minute hand 802B; inputs of different magnitudes (e.g., the amount of rotation of the rotatable input mechanism 603; the duration or spatial length of the input 808 (e.g., the angular range of a twisting gesture)) result in the alignment of the graphic indicator 806 with the minute hand 802B). For example, in response to receiving a single tap on the analog dial 804, the device 600 aligns the graphic indicator 806 with the minute hand 802B without further user input (e.g., by rotating the bezel 804A). In some embodiments, the device 600 generates a tactile output when the graphic indicator reaches the minute hand 802B (e.g., in conjunction with the minute hand 802B reaching it).

[0244] In some embodiments, the transition from Figure 8A to Figure 8C is animated (for example, device 600 displays an animated bezel 804A by rotating it until the graphic indicator 806 aligns with the minute hand 802B). In some embodiments, device 600 displays the bezel 804 in the orientation shown in Figure 8C, and the graphic indicator 806 aligns with the minute hand 802B in response to receiving an input 808, without animation or without displaying the intermediate state shown in Figure 8B. As time progresses (for example, without further input), the bezel 804A and the graphic indicator 806 remain stationary relative to the analog dial 804, while the hands of the clock dial 804 advance to indicate the current time, and the counter 810 continues to update according to the elapsed time.

[0245] In the embodiments shown in Figures 8A to 8C, device 600 starts counter 810 in response to receiving input 808. In some embodiments, device 600 does not start counter 810 in response to receiving input 816 (for example, device 600 aligns graphic indicator 806 with minute hand 802B and displays counter 810, but does not start counter 810 until further input is received (for example, counter 810 maintains time zero)).

[0246] In Figure 8C, device 600 receives (e.g., detects) an input 812. As shown in Figure 8C, the input 812 includes the rotation of an input mechanism 603 that is rotatable in a first direction (e.g., clockwise). In some embodiments, the input 812 includes a gesture (e.g., a touch gesture on the display 602).

[0247] In response to receiving input 812, device 600 rotates bezel 804A relative to the watch face 804, changing the time displayed by counter 810 according to input 812, as shown in Figure 8D. In some embodiments, the direction in which bezel 804A is rotated is based on the direction of input 812. In some embodiments, the amount of rotation of bezel 804 is based on the amount of rotation, rotational speed, and / or direction of rotation of input 812 (e.g., proportional to them, directly proportional to them). The time displayed by counter 810 changes based on the change in the position of bezel 804, corresponding to the position of bezel 804A relative to the minute hand 802B. In Figure 8D, bezel 804A is rotated counterclockwise by an amount equivalent to 5 minutes (one full rotation of bezel 804A is equal to 60 minutes), changing the display of counter 810 to show 5:00.

[0248] In some embodiments, the bezel 804A is rotated, and upon receiving an input, the counter 810 is updated accordingly (for example, as the rotatable input mechanism 603 is rotated, the bezel 804A and the counter 810 are continuously updated). For example, in Figure 8D, the device 600 receives (e.g., detects) an input 814 corresponding to the rotation of the rotatable input mechanism 603 in the opposite direction to the input 812. In response to receiving input 814, the device 600 moves the bezel 804A so that the graphic indicator 806 is aligned with the minute hand 802B and the counter 810 is updated accordingly.

[0249] Alternatively, in response to input 808, device 600 displays a watch user interface 800 as shown in Figure 8E. In Figure 8E, device 600 displays a counter 810, similar to Figures 8B-8D, the length of the minute hand 802B is shortened, and the bezel 804A and graphic indicator 806 are rotated clockwise so that the graphic indicator 806 aligns with the minute hand 802B relative to the analog dial 804 (for example, the graphic indicator 806 aligns with and fits with the minute hand 802B in response to receiving input 808), and the visual characteristics of the hour hand 802A and minute hand 802B (e.g., fill color, fill pattern, outline color, brightness, transparency) change. As an alternative to Figures 8B-8D, the counter 810 does not start in response to receiving input 808.

[0250] Figure 8E displays the watch user interface 800, including a counter 810 that has not started (for example, the counter 810 maintains a time zero), and while the graphic indicator 806 is aligned with the minute hand 802B, the device 600 receives (e.g., detects) an input 816. As shown in Figure 8C, the input 816 includes a gesture (e.g., a touch gesture on the display 602). In some embodiments, the input 816 includes a press input targeting a rotatable input mechanism 603.

[0251] In Figure 8E, in response to receiving input 816, device 600 starts counter 810. In some embodiments, after aligning the graphic indicator 806 with the minute hand 802B (e.g., by rotating the bezel 804A) and displaying counter 810 in response to receiving input 808, if device 600 does not receive any further input (e.g., confirmation input, tap, button press) within a threshold time (e.g., non-zero time, 1 second, 2 seconds, 3 seconds, 5 seconds), device 600 displays the watch user interface 800 as shown in Figure 8A (e.g., returns to watch user interface 800) (e.g., bezel 804A and graphic indicator 806 are displayed in the orientation relative to the watch face 804 shown in Figure 8A, and counter 810 is not displayed (e.g., device 600 stops displaying counter 810)).

[0252] Referring to Figure 8G, the watch user interface 800 displays the time after 20 minutes and 20 seconds have elapsed, as indicated by the counter 810. Figure 8G shows that as the minute hand 802B moves with the passage of time, the device 600 maintains the orientation of the bezel 804A and displays scale marks clockwise from the graphic indicator 806 to the minute hand 802B at the minute positions on the bezel 804A (for example, between existing 5-minute interval marks). Figure 8H shows the watch user interface 800 after 56 minutes and 35 seconds have elapsed, as indicated by the counter 810. At this point, the minute hand 802B has not fully rotated around the watch face 804 relative to the position of the graphic indicator 806. In Figure 8I, 1 hour, 6 minutes, and 35 seconds have elapsed (as indicated by the counter 810). The minute hand 802B has rotated more than one full rotation around the watch face 804 and has passed the graphic indicator 806. Once the minute hand 802B completes a full rotation and passes the graphic indicator 806, the device 600 removes the scale mark from the minute position on the bezel 804A from the graphic indicator 806 to the minute hand 802B. Removing the scale mark after the minute hand 802B has passed the graphic indicator 806 indicates to the user that the minute hand 802B has completed a full rotation.

[0253] In Figure 8I, device 600 receives (e.g., detects) an input 820. In the embodiment shown in Figure 8I, the input 820 includes the rotation of a rotatable input mechanism 603. In some embodiments, the input 820 includes a gesture (e.g., a touch gesture on the display 602). In response to receiving the input 820, device 600 rotates the bezel 804A clockwise until the graphic indicator 806 is approximately aligned with the minute hand 802B, and updates the counter 810 as appropriate, as shown in Figure 8J. In response to receiving the input 820, device 600 maintains the display of the scale mark at the minute position on the bezel 804A between the 5-minute interval marks. The time on the counter 810 is adjusted by the magnitude, speed, and / or direction of the input 820 (e.g., the amount of rotation of the rotatable input mechanism 603), as well as the corresponding amount of rotation of the bezel 804A (e.g., device 600 does not reset the counter 810 to zero in response to the input 820). In some embodiments, if input 820 causes a clockwise rotation of the bezel 804A such that the graphic indicator 806 passes the minute hand 802B (for example, the elapsed time or the offset between the graphic indicator 806 and the minute hand 802B is reduced to less than 59 minutes), the device 600 removes the scale marks from the graphic indicator 806 to the minute hand 802B in a counterclockwise direction from the minute position on the bezel 804A.

[0254] In Figure 8J, device 600 receives (e.g., detects) input 824. In the embodiment shown in Figure 8J, input 824 includes a tap gesture at a location on the display 602 corresponding to counter 810. In some embodiments, input 824 includes rotation of a rotatable input mechanism 603 or pressing a button (e.g., pressing a rotatable and pressable input mechanism 603 or a hardware button 613). In some embodiments, input 824 may be anywhere on the display 602. In some embodiments, input 808 must correspond to a selection of the analog dial 804 (e.g., a location on the display 602 within the outer boundary of the bezel 804A). For example, in response to an input on the analog dial 804, device 600 performs a first function (for example, displaying the watch user interface 826 in Figure 8K, as described below); in response to an input not on the analog dial 804, device 600 performs a different function (for example, if the input is on one of complications 805A to 805D, device 600 launches the application corresponding to the selected complication) or performs no function at all.

[0255] In response to receiving input 824, device 600 displays a watch user interface 826 as shown in Figure 8K. The watch user interface 826 includes a graphic indication of time 810A (e.g., an enlarged version of counter 810), a continuation affordance 826A, and a stop affordance 826B. In some embodiments, the graphic indication of time 810A shows a stationary indication of the elapsed time on counter 810 when input 824 was received. In some embodiments, the graphic indication of time 810A is updated to show the currently elapsed time (e.g., the graphic indication of time 810A continues to progress from the time on counter 810 when input 824 was received). In some embodiments, device 600 pauses counter 810 in response to receiving input 824. In some embodiments, device 600 resumes counter 810 in response to receiving input 824. In some embodiments, in response to receiving input 824, device 600 discontinues the display of the watch face 804 and / or complications 805A-805D. In some embodiments, device 600 displays a graphic indication of time 810A, a continuation affordance 826A, and a stop affordance 826B superimposed on the watch user interface 824. In some embodiments, in response to receiving input 824, device 600 obscures the watch user interface 824 at least partially (e.g., blurs or grays it out).

[0256] In some embodiments, in response to receiving input 824, device 600 resets the user interface (for example, displaying the watch user interface 800 showing the current time, as shown in Figure 8A, or resetting the counter 810 to zero and aligning the graphic indicator 806 with the current position of the minute hand 802B). In some embodiments, if input 824 is a first type of input (for example, a single tap on the counter 810), device 600 displays the watch user interface 826 as shown in Figure 8K, and if input 824 is a second type of input (for example, a double tap on the counter 810), device 600 resets the user interface.

[0257] Figure 8K shows input 828 corresponding to the selection of continuation affordance 826A (e.g., a tap at a location on display 602 corresponding to continuation affordance 826A) and input 830 corresponding to the selection of stop affordance 826B (e.g., a tap at a location on display 602 corresponding to stop affordance 826B).

[0258] As shown in Figure 8L, in response to receiving input 828, device 600 returns to the watch user interface that was displayed when it received input 824 and continues to update counter 810 (for example, device 600 stops displaying the graphic indications for continuation affordance 826A, stop affordance 826B, and time 810A (for example, shrinking the enlarged version of counter 810 back to its previous size)).

[0259] As shown in Figure 8M, in response to receiving input 830, device 600 returns to the watch user interface 800 (for example, device 600 stops displaying the graphic indications for continuation affordance 826A, stop affordance 826B, and time 810A), the bezel 804A and graphic indicator 806 are aligned with the 12 o'clock position on the watch face 804, the counter 810 is not displayed, no scale marks are displayed between the 5-minute intervals on the bezel 804, and the hour hand 802A and minute hand 802B are displayed with the visual characteristics shown in Figure 8A (for example, instead of the visual characteristics shown in Figures 8B-8J).

[0260] Figures 9A and 9B are flowcharts illustrating a method for initiating time measurement according to several embodiments. Method 900 is performed on a computer system (e.g., 100, 300, 500, 600) (e.g., a smart device such as a smartphone or smartwatch; a mobile device) that communicates with a display generating component and one or more input devices (e.g., a contact sensing surface integrated with the display generating component; a mechanical input device; a rotatable input device; a rotatable and press-down input device; a microphone). Some operations of Method 900 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0261] As will be described later, Method 900 provides an intuitive method for managing time-related user interfaces. This method reduces the cognitive burden on the user when managing time-related user interfaces, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, the ability for users to manage time-related user interfaces more quickly and efficiently saves power and extends the interval between battery charges.

[0262] A computer system (e.g., 600) displays (e.g., 800) (e.g., showing a clock with hour and minute hands) via a display generating component (e.g., 602) (902), the watch user interface includes an analog dial (e.g., 804) including a first clock hand (e.g., 802B) (e.g., the minute hand of a clock) and a graphic indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)), the graphic indicator being displayed in a first position relative to the analog dial (e.g., along / within the dial area surrounding the clock). In some embodiments, the graphic indicator is not initially aligned with the first clock hand along the boundary. In some embodiments, the graphic indicator is initially displayed in an upper central position along the boundary.

[0263] While displaying a watch user interface (e.g., 800) via a display generation component (e.g., 602) (904), the computer system (e.g., 600) detects a first user input (e.g., 808) via one or more input devices (e.g., via a first input device (e.g., 602 or 603) (e.g., a contact-sensing surface; a contact-sensing display; a rotatable input device; a rotatable and pressable input device; a mechanical input device) (906). In some embodiments, the first user input is a first type of input (e.g., a rotation input on a first input device; a scroll input on a first input device; or a tap input on a contact-sensing surface such as a touchscreen display).

[0264] In response to detecting a first user input (e.g., 808) (910), the computer system (e.g., 600) moves a graphic indicator (e.g., 806) to a second position relative to the analog dial (e.g., 804) (912) so that the graphic indicator aligns with the hands of a first clock (e.g., 802B) (e.g., so that the graphic indicator points to or marks the position of the hands of the first clock; so that the graphic indicator is at the outer end of the hands of the first clock). Moving the graphic indicator to a second position relative to the analog dial so that it aligns with the hands of a first clock in response to detecting a first user input provides intuitive visual feedback of the start of a feature (e.g., the start of a time counter) and the starting point of the feature to be started (e.g., the start time of the counter). By providing improved feedback, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users more easily read or view displayed content), and in addition, the device's power consumption is reduced and battery life is improved as users can use the device more quickly and efficiently.

[0265] While the graphic indicator (e.g., 806) is displayed in a second position relative to the analog dial (e.g., 804) (918), the computer system (e.g., 600) displays a graphic indicator (e.g., 810) (e.g., a time counter, a digital counter) of the elapsed time from the time the first user input (e.g., 808) (e.g., an input that moves the graphic indicator to a second position relative to the analog dial so that the graphic indicator aligns with the hands of a first clock) was detected to the current time (920). In some embodiments, the graphic indicator of the elapsed time is displayed on the analog dial within the watch user interface (e.g., 800). By displaying a graphic indicator of the elapsed time from the time of the first user input while the graphic indicator is displayed in a second position relative to the analog dial, the user can quickly and easily recognize that time has started and that the elapsed time has passed. By providing improved feedback, device usability is enhanced, the user-device interface becomes more efficient (e.g., by helping users read or view displayed content more easily), and in addition, power consumption of the device is reduced and battery life is improved by enabling users to use the device more quickly and efficiently. By starting a time counter in response to a first user input (e.g., displayed via a time graphic indication), users can start the time counter in a quick and efficient manner. By providing additional control options without cluttering the UI with additional controls displayed, device usability is enhanced, the user-device interface becomes more efficient (e.g., by helping users give appropriate input when operating / interacting with the device, reducing user errors), and in addition, power consumption of the device is reduced and battery life is improved by enabling users to use the device more quickly and efficiently.

[0266] Alternatively, in some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) displays or causes a graphic indicator (e.g., 806) on an analog dial (e.g., 804) at a second position (e.g., from position 806 in Figure 8A to position 806 in Figure 8C) to display a graphic time indicator (e.g., 810), in which case the graphic time indicator is shown in an initial state (e.g., "00:00") without yet indicating elapsed time. In some embodiments, while the graphic time indicator is shown in its initial state, the computer system detects a second user input (e.g., corresponding to activation / selection of the graphic time indicator) via one or more input devices (e.g., via a second input device such as a touch-sensitive surface integrated with a display generating component (e.g., 602)). In some embodiments, the second user input is a second type of input different from the first type (e.g., a touch input on a touch-sensitive surface integrated with a display generating component). In some embodiments, in response to detecting a second user input, the computer system displays or causes to display within a time graphic indication the elapsed time from the time the first user input was detected to the current time.

[0267] In some embodiments, in response to detecting a first user input (e.g., 808) (910), a computer system (e.g., 600) moves (e.g., rotates) (914) an analog dial (e.g., 804A) (e.g., including time indications for positions (e.g., 00:00 / 12:00 position, 3:00 / 15:00 position, 6:00 / 18:00 position, 9:00 / 21:00 position; 0 minute position, 15 minute position, 30 minute position, 45 minute position)) of6) (e.g., a marker (triangular marker)) so that the markings on the analog dial start from a second position relative to the analog dial (e.g., the 00:00 / 12:00 position / 0 minute position of the analog dial is aligned). By moving (e.g., rotating) the analog dial in response to the movement of a graphic indicator, the markings on the analog dial are aligned to begin at a second position relative to the analog dial face, providing intuitive visual feedback on the starting position of the time counter. This improved feedback enhances the usability of the device, making the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces the device's power consumption and improves battery life by allowing the user to use the device more quickly and efficiently.

[0268] In some embodiments, a first user input (e.g., 808) includes a rotational input detected via one or more input devices (e.g., a first input device (e.g., 603) (e.g., a rotatable input device; a rotatable and pressable input device)) (908). In some embodiments, moving a graphic indicator (e.g., 806) in response to detecting a first user input includes snapping the graphic indicator to a second position relative to an analog dial (e.g., 804) so ​​that the graphic indicator aligns with the hands of a first clock (e.g., 802B).

[0269] In some embodiments, in response to a first input (e.g., 808) (910), in connection with moving a graphic indicator (e.g., 806) (e.g., a marker (e.g., a triangle marker)) to a second position relative to an analog dial (e.g., 804) (e.g., in response to detecting a first user input; when the graphic indicator is moved from the first position to the second position), the computer system (e.g., 600) generates a haptic output (e.g., a haptic output sequence corresponding to moving the graphic indicator to the second position) (916) (e.g., via one or more haptic output generators communicating with the computer system). Generating a haptic output in connection with moving the graphic indicator (e.g., a marker (e.g., a triangle marker)) to a second position relative to an analog dial provides feedback that the time counter has started. By providing users with improved visual feedback, device usability is enhanced, the user-device interface becomes more efficient (for example, by helping users provide appropriate input when operating / interacting with the device and reducing user errors), and in addition, power consumption of the device is reduced and battery life is improved as users can use the device more quickly and efficiently.

[0270] In some embodiments, while displaying a graphic indicator (e.g., a time counter digital counter) of the time elapsed from the time a first user input (e.g., 808) was detected to the present time (e.g., 810) (922), the computer system (e.g., 600) displays the movement (e.g., rotation in an analog dial) of the hands of a first clock (e.g., 802B) to indicate the present time (e.g., the "minutes" of the present time) (924). In some embodiments, in response to the hands of the first clock being aligned with a second position of a graphic indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)) in an analog dial (e.g., pointing to the second position; aligned with the second position), the computer system (e.g., via one or more haptic output generators communicating with the computer system) generates a haptic output (e.g., a haptic output sequence corresponding to the hands of the first clock being aligned with the second position of the graphic indicator) (926). In some embodiments, the computer system does not move the graphic indicator (for example, the graphic indicator remains in a second position relative to the analog dial (for example, it remains fixed)), while the computer system moves the hands of a first clock relative to the analog dial to indicate the current time.

[0271] In some embodiments, while displaying a graphic indication of time (e.g., 810) (e.g., a time counter digital counter) of the elapsed time from the time a first user input (e.g., 808) was detected to the present time (922), the computer system (e.g., 600) detects a second user input (e.g., 812 or 814) (e.g., a rotational input on the first input device; a continuation of the first user input (e.g., an additional or continued rotation of the rotational input mechanism)) via one or more input devices (e.g., a first input device (e.g., 603) (e.g., a rotatable input device; a rotatable and press-down input device)) (928). In some embodiments, in response to the detection of the second user input (930), the computer system adjusts the graphic indication of time (e.g., increases or decreases) (932) in accordance with the second user input (e.g., based on the amount, rate, and / or direction of the second user input). In some embodiments, adjusting the time graphic indicator in response to a second user input being in a first (e.g., clockwise) direction on the first input device includes increasing the displayed time based on the amount and / or speed of the input. In some embodiments, adjusting the time graphic indicator in response to a second (e.g., counterclockwise) direction on the first input device includes decreasing the displayed time based on the amount and / or speed of the counterclockwise input. By adjusting (e.g., increasing or decreasing) the time graphic indicator in response to a second user input (e.g., based on the amount, speed, and / or direction of the second user input) while the time counter is running, the user can adjust the running time counter in a convenient and efficient manner.By providing additional control options without cluttering the UI with additional controls displayed, device usability is improved, the user-device interface becomes more efficient (for example, by helping users provide appropriate input when operating / interacting with the device and reducing user errors), and in addition, the device's power consumption is reduced and battery life is improved as users can use the device more quickly and efficiently.

[0272] In some embodiments, after detecting a first user input (e.g., 808) (e.g., immediately thereafter), the computer system (e.g., 600) detects a third user input (e.g., 812 or 814) (e.g., a continuation of the first user input (e.g., a continuation in the same rotation direction); or an input in a different direction (e.g., rotation) from the first user input). In some embodiments, in response to detecting the third user input, the computer system moves (e.g., slides, rotates) a graphic indicator (e.g., a marker (e.g., a triangular marker)) from a second position on the analog dial (e.g., 804) to a third position on the analog dial that is different from the second position. In some embodiments, the computer system adjusts the time displayed in the graphic time indication (e.g., 810) to include an offset from the elapsed time from when the first user input was detected to the current time, where the offset corresponds to the difference (e.g., in minutes) between the second and third positions on the analog dial. By adjusting the time displayed in the time graphic indicator to include an offset from the elapsed time from the first user input to the current time, the user can quickly and easily adjust the time displayed in the time graphic indicator that needs adjustment without having to restart the time displayed in the time graphic indicator when adjustment is needed. Reducing the number of inputs required to perform the operation improves the usability of the device and makes the user-device interface more efficient (for example, by helping the user to give appropriate input when operating / interacting with the device and reducing user errors), and in addition, the device's power consumption is reduced and battery life is improved as the user can use the device more quickly and efficiently.

[0273] In some embodiments, when a graphic indicator (e.g., 806) is moved from a second position to a third position, the difference between the third position and the second position is the addition of a first amount of time (e.g., a first amount of minutes) to an analog dial (e.g., 804) (e.g., advancing in time), the offset corresponds to the addition of the first amount of time, and the time displayed in the graphic time indication includes the elapsed time from the time detected by the first user input (e.g., 808) to the current time adjusted by the addition of the first amount of time. In some embodiments, when a graphic indicator (e.g., 806) is moved from a second position to a third position, the difference between the third position and the second position is a subtraction of a second amount of time (e.g., a second amount of minutes) relative to the analog dial (e.g., retrograde in time), the offset corresponds to the subtraction of the second amount of time, and the time displayed in the graphic time indicator includes the elapsed time from the time the first user input was detected to the current time adjusted by the subtraction of the second amount of time (e.g., it may be a negative time).

[0274] In some embodiments, in response to the detection of a third input, and in response to the determination that the third user input corresponds to an input in a first direction (e.g., clockwise direction) (e.g., detected via a rotatable input device; detected via a rotatable and pressable input device), the computer system (e.g., 600) moves a graphic indicator (e.g., a marker (e.g., a triangle marker)) from a second position to a third position, when a third user input (e.g., 814) is detected, the graphic indicator (e.g., 806) moves clockwise along the analog dial (e.g., 804) (e.g., its dial area) toward the third position (e.g., based on the clockwise direction, the third position is in front of the second position within the analog dial). This includes moving (e.g., sliding; rotating) the graphic indicator in a given direction. In some embodiments, in response to the detection of a third input, the computer system moving the graphic indicator from a second position to a third position in response to the determination that the third user input corresponds to an input in a second direction (e.g., counterclockwise) (e.g., detected via a rotatable input device; detected via a rotatable and press-down input device) includes moving (e.g., sliding; rotating) the graphic indicator in a counterclockwise direction along the analog dial (e.g., its dial area) toward the third position (e.g., based on the clockwise direction, the third position is behind the second position within the analog dial).

[0275] In some embodiments, an input in a first direction (e.g., 812) corresponds to a rotational input in a first rotational direction (e.g., clockwise) (e.g., detected via a rotatable input device; detected via a rotatable and depressable input device). In some embodiments, an input in a second direction (e.g., 814) corresponds to a rotatable input in a second rotational direction opposite to the first rotational direction (e.g., counterclockwise) (e.g., detected via a rotatable input device; detected via a rotatable and depressable input device).

[0276] In some embodiments, while a first user input (e.g., 808) is detected, a computer system (e.g., 600) detects a selection (e.g., touch input thereon) of the time graphic indication (e.g., touch input thereon) (e.g., 824) via one or more input devices (e.g., touch-sensing surfaces). In some embodiments, in response to detecting the selection of a time graphic indicator, the computer system displays a prompt (e.g., 826; alert; notification) via a display generation component (e.g., 602), the prompt including a first option (e.g., 826A; first selectable user interface object; first affordance) that, when selected, causes the computer system to continue counting the time elapsed from the time the first user input was detected to the current time via the time graphic indicator, and a second option (e.g., 826B; second selectable user interface object; second affordance) that, when selected, causes the computer system to stop (e.g., stop) counting the time elapsed from the time the first user input was detected to the current time via the time graphic indicator. In some embodiments, stopping the time counting includes stopping the display of the time graphic indicator. In some embodiments, stopping the time counting includes maintaining the display of the time graphic indicator and resetting the time counted via the time graphic indicator (e.g., to "00:00"). In response to detecting the selection of a time-based geometric indication, the user can easily and intuitively instruct the computer system to continue or stop counting by displaying a prompt containing a first portion and a second option.By providing improved feedback, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users more easily read or view displayed content), and in addition, the device's power consumption is reduced and battery life is improved as users can use the device more quickly and efficiently.

[0277] In some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) modifies (e.g., corrects) the visual characteristics of a first clock hand (e.g., 802B) to include a first visual characteristic (e.g., a darkened color or visual state; the color of a graphic indicator and / or a graphic indicator of time) (e.g., darkening it; changing its color (e.g., making it the same color as the graphic indicator and / or a graphic indicator of time)). In some embodiments, the analog dial (e.g., 804) includes a second clock hand (e.g., 802A) (e.g., the hour hand of the clock). In some embodiments, in response to detecting a first user input, the computer system modifies (e.g., corrects) the visual characteristics of the second clock hand to include a first visual characteristic. Changing the visual characteristics of the first clock hands to include a first visual characteristic in response to the detection of a first user input provides visual feedback that an action (e.g., counting) has been activated, thereby improving the usability of the device, making the user-device interface more efficient (e.g., by helping the user more easily recognize that an action has been initiated), and further reducing the device's power consumption and improving battery life by allowing the user to use the device more quickly and efficiently.

[0278] In some embodiments, after detecting a first user input (e.g., 808), the computer system (e.g., 600) detects input directed at a rotatable input device (e.g., 603) of one or more input devices (e.g., rotational input on a rotatable input device; touch input such as a swipe or pinch input) (e.g., via the contact-sensing surface of one or more input devices). In some embodiments, in response to detecting input directed at a rotatable input device, the computer system modifies (e.g., corrects) the visual characteristics of the first clock hands (e.g., 802B) to include a first visual characteristic (e.g., a darkened color or visual state; the color of the graphic indicator and / or the graphic indication of time) (e.g., darkening; changing its color (e.g., to the same color as the graphic indicator and / or the graphic indication of time)).

[0279] In some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) modifies (e.g., corrects) the shape of a first clock hand (e.g., 802B) to a first shape (e.g., a smaller, more retracted clock hand) (e.g., by changing the characteristics of the first clock hand; changing the size of the first clock hand; making it smaller; shrinking it). In some embodiments, the analog dial (e.g., 804) includes a second clock hand (e.g., 802A) (e.g., the hour hand). In some embodiments, in response to detecting a first user input, the computer system modifies (e.g., corrects) the shape of a second clock hand to a second shape (e.g., a smaller, more retracted clock hand) (e.g., by changing the characteristics of the second clock hand; changing the size of the second clock hand; making it smaller; shrinking it). Changing the shape of the first clock hands to a first shape in response to the detection of a first user input provides visual feedback that an action (e.g., counting) has been activated, thereby improving the usability of the device, making the user-device interface more efficient (e.g., by helping the user more easily recognize that an action has been started), and in addition, reducing the device's power consumption and improving battery life by allowing the user to use the device more quickly and efficiently.

[0280] In some embodiments, when a graphic indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)) is displayed at a second position relative to the analog dial, the computer system (e.g., 600) displays (e.g., continues to display) the movement of the first clock hands (e.g., 802B) within the analog dial (e.g., 804) to indicate the current time (e.g., the "minutes" of the current time). In some embodiments, while displaying the movement of the first clock hands, the computer system displays a visual indicator (e.g., a visual marker (e.g., a tick mark)) along the path of the movement of the first clock hands (e.g., its tip) within the analog dial (e.g., within the dial area of ​​the analog dial) as the first clock hands move (e.g., rotate) around the analog dial (e.g., rotate) (e.g., the visual indicator appears along the path of the movement of the first clock hands when the first clock hands are moving in a circular motion within the analog dial). When the first clock hand moves (e.g., rotates) around the analog dial, displaying a visual indicator along the path of the first clock hand's movement (e.g., its tip) provides visual feedback that counting is in progress, thereby improving the usability of the device, making the user-device interface more efficient (e.g., by helping the user more easily recognize that the operation has started), and in addition, reducing the device's power consumption and improving battery life by allowing the user to use the device more quickly and efficiently.

[0281] In some embodiments, while simultaneously displaying the movement of the first clock hand (e.g., 802B) and a visual indicator, if the computer system (e.g., 600) determines that the visual indicator has already been displayed along the entire path of the movement of the first clock hand (e.g., its tip) (e.g., all around the analog dial (e.g., all around the dial area of ​​the analog dial)), then, when the first clock hand is moved (e.g., rotated) around the analog dial (e.g., 804) (e.g., as shown in Figure 8I), the computer system (e.g., 600) removes the display of the visual indicator along the path of the movement of the first clock hand (e.g., 802B) (e.g., its tip).

[0282] In some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) moves a graphic indicator (e.g., 806) to a second position relative to the analog dial (e.g., 804) so ​​that the graphic indicator aligns with the first clock hands (e.g., 802B) (e.g., so that the graphic indicator points to or marks the position of the first clock hands; so that the graphic indicator is at the outer end of the first clock hands), and displays a graphic time indicator (e.g., 810) (e.g., a time counter; a digital counter), but does not use the graphic time indicator to automatically start counting time. In some embodiments, while displaying the graphic time indicator, the computer system detects an input (e.g., 816; a user tap input) intended to confirm the start of counting time (e.g., via the contact-sensing surface of one or more input devices) (e.g., a user selection of a confirmation affordance (e.g., a "set" affordance or a "done" affordance)). In some embodiments, if an input intended to confirm the start of a time count is not detected by the computer system within a predetermined time (e.g., 5 seconds; 10 seconds; 30 seconds), the computer system returns the graphic indicator to its previous position (first position) relative to the analog dial.

[0283] It should be noted that the details of the process described above with respect to Method 900 (for example, Figures 9A to 9B) are also applicable in a similar manner to the methods described above and below. For example, Method 700 optionally includes one or more characteristics of the various methods described above with reference to Method 900. For example, a watch user interface, such as the one described with reference to Figures 6A to 6H, may include and be used to perform a counting operation, as described with reference to Figures 8A to 8M. In another example, Method 1100 optionally includes one or more characteristics of the various methods described above with respect to Method 900. For example, a device may use either a user interface including time indication and graphic representation of characters, as described with reference to Figures 10A to 10AC, or a watch user interface, as described with reference to Figures 8A to 8M, as its watch user interface. In another example, Method 1300 optionally includes one or more characteristics of the various methods described above with reference to Method 900. For example, the device may use either a time user interface as described with reference to Figures 12A to 12G, or a watch user interface as described with reference to Figures 8A to 8M, as the watch user interface. In another example, method 1500 optionally includes one or more characteristics of the various methods described above with reference to method 900. For example, the background of a watch user interface as described with reference to Figures 8A to 8M may be created or edited via a background updating process as described with reference to Figures 14A to 14AD. In another example, method 1700 optionally includes one or more characteristics of the various methods described above with reference to method 900. For example, one or more complications of a watch user interface as described with reference to Figures 8A to 8M can be modified using a process for modifying one or more complications of a watch user interface as described with reference to Figures 16A to 16AE. For brevity, these details will not be repeated below.

[0284] Figures 10A to 10AC illustrate exemplary user interfaces that enable and display a user interface using characters, according to several embodiments. The user interfaces in these figures are used to illustrate processes described later, including the processes in Figures 11A to 11H.

[0285] Figure 10A shows a device 600 that displays a user interface 1001 which simultaneously includes a time indication 1002 and a graphic representation 1000 of a first character displayed on a background 1004. In some embodiments, the graphic representation 1000 of the first character corresponds to a user graphic representation associated with the device 600 (e.g., a representation created or customized by the user).

[0286] In Figure 10A, device 600 is in a first active state (e.g., locked state; sleep state, low power state) in which the display 602 is darkened (e.g., at lower brightness) compared to a “normal” operating state. In the first state shown in Figure 10A, device 600 displays fewer graphic representation elements than in the normal operating state (e.g., complications 1005A and 1005B shown in Figure 10B are not displayed in the first state). Depending on that device 600 is in the first active state, device 600 displays a graphic representation 1000 of a first character in a first visual state (e.g., static visual state or moving visual state) corresponding to the first active state. In the embodiment illustrated in Figure 10A, the first visual state includes showing the character with its eyes closed (e.g., the character appears to be sleeping).

[0287] Figure 10B shows device 600 in a second activity state (e.g., normal operation state, active state, different from the first activity state shown in Figure 10A) in which the display 602 is not dimmed. In the second activity state, the user interface 1001 simultaneously displays the time indication 1002 and graphic representation 1000 of the first character on the background 1004 (e.g., as in Figure 10A), as well as complications 1005A and 1005B that provide date and weather information, respectively. Depending on that device 600 is in the second activity state, device 600 displays the graphic representation 1000 of the first character in a second visual state that corresponds to the second activity state and is different from the first visual state. In the embodiment illustrated in Figure 10B, the second visual state shows the first character with its eyes open (e.g., neutral pose). In some embodiments, device 600 changes from the user interface in Figure 10A to the user interface in Figure 10B (or vice versa) in response to detecting a change in the activity state of device 600 (for example, in response to detecting a change from a first activity state to a second activity state (or vice versa).

[0288] Figures 10C to 10D show device 600 in a second activity state (e.g., normal or active activity state), where a representation 1000 of a first character displays a first character in a visual state that includes a video alternating between a first position (e.g., head tilted to the left as shown in Figure 10C) and a second position (e.g., head tilted to the right as shown in Figure 10D). In some embodiments, the representation 1000 alternating between the first and second positions (e.g., at a periodic rate) indicates the passage of time (e.g., from the first position to the second position every 1 second or 0.5 seconds, from the first position to the second position every 2 seconds or 1 second, and back to the first position). In some embodiments, the video is character-based (e.g., different videos are displayed for different characters). In some embodiments, device 600 displays a gradual transition from a first video to a second (e.g., different) video of the representation 1000 of the first character (for example, device 600 interpolates between the two videos (e.g., based on the last state of the first video and the first state of the second video) to provide a smooth transition).

[0289] In Figure 10D, device 600 receives (e.g., detects) input 1006 (e.g., a tap on the display 602 at a position corresponding to representation 1000, or a raised wrist). In response to receiving input 1006, device 600 displays representation 1000 with the first character in different visual states (e.g., device 600 changes the visual state of the first character), as shown in Figure 10E. For example, device 600 changes the display of the visual representation 1000 to change the visual state of the first character in response to input 1006. In Figure 10E, the first character is shown with its mouth open and winking (e.g., in a selfie pose), whereas in Figure 10D, the first character has both eyes open and its mouth closed. In some embodiments, device 600 changes the display of the visual representation 1000 to change the visual state of the first character without user input (for example, device 600 changes the visual state in response to the fulfillment of time-based criteria, and device 600 automatically cycles through a set of predetermined visual states (for example, device 600 displays representation 1000 having a visual state for a predetermined period of time before changing to another visual state)).

[0290] In some embodiments, the representation 1000 is displayed in a manner that indicates a change in time. For example, in Figure 10F, the time indication 1002 indicates that the time has changed from 10:09 to 10:10 in Figure 10E. When the time changes from 10:09 to 10:10 (for example, in accordance with the change), the first character looks at or glances at the time indication 1002 (for example, the head and / or eyes of the representation 1000 move so that it appears as if the first character is staring at the time indication 1002). In some embodiments, the representation 1000 indicates a change in time in accordance with a change in the minutes of the current time. In some embodiments, the representation 1000 indicates a change in time only in accordance with a change in the hours of the current time (for example, from 10:59 to 11:00). In some embodiments, when a predetermined time is reached (for example, when the time has changed, 15 minutes have passed since a certain time, 30 minutes have passed since a certain time, 45 minutes have passed since a certain time), the representation 1000 indicates a time change (for example, it appears as if you are looking at a time indication 1002).

[0291] Figure 10G shows device 600 in a third activity state (e.g., inactive unlock state, low-power unlock state) that is different from the first activity state in Figure 10A and the second activity states in Figures 10B to 10F. In the activity state shown in Figure 10G, device 600 displays a time indication 1002, a graphic indication 1000 of a first character (e.g., a visual state with a neutral bodily representation), and complications 1005A and 1005B on the background 1004 (e.g., similar to the second activity state in Figure 10B); the display 602 is darker compared to the second activity state (e.g., active unlock state) and brighter compared to the first activity state (e.g., locked state). In the embodiment shown in Figure 10G, representation 1000 shows the first character in the same visual state as shown in Figure 10B, where device 600 was in a second active state (for example, if device 600 changes from a second active state to a third active state, representation 1000 can maintain the visual state of the first character while changing the brightness of the display 602).

[0292] Figure 10H shows device 600 in a fourth activity state (e.g., a time-dependent state at predetermined intervals), which is different from the first activity state in Figure 10A, the second activity states in Figures 10B to 10F, and the third activity state in Figure 10G. In the activity state shown in Figure 10H, in response to a time change from 10:10 to 10:11, device 600 changes the visual state of the first character in representation 1000 (e.g., changes pose, displays a different video), and changing the visual state includes displaying the first character in representation 1000 to look at the time indication 1002 (e.g., glance at it), as shown in Figure 10H. In some embodiments, device 600 is in the fourth activity state at predetermined time intervals (e.g., every 10 seconds; every 15 seconds; every 30 seconds; every minute; every 5 minutes).

[0293] In Figure 10H, device 600 receives (e.g., detects) input 1007 (e.g., a touch on display 602 with a duration exceeding a predetermined threshold, a touch on display 602 with a characteristic intensity exceeding a predetermined threshold). In response to receiving input 1006, device 600 displays the user interface 1008 shown in Figure 10I. In some embodiments, user interface 1008 is a user interface in user interface editing mode (e.g., in response to receiving input 1006, device 600 enters user interface editing mode to edit one or more features of user interface 1001). User interface 1008 displays a representation 1001A of user interface 1001 (e.g., a static small-scale image of user interface 1001), shared affordances 1010, and customized affordances 1012.

[0294] In Figure 10I, device 600 receives (e.g., detects) input 1014 corresponding to a request to edit user interface 1001 (e.g., a tap on a location on display 602 corresponding to a customization affordance 1012). In response to receiving input 1014, device 600 displays user interface 1016A, shown in Figure 10J. Paging dots 1044A-1044C indicate that user interface 1016A is the first of a set of three editing user interfaces. User interface 1016A provides the ability to change the characters displayed on user interface 1001 (e.g., by swiping up or down on display 602, or by rotating the rotatable input mechanism 603). The user interface 1016A displays the non-highlighted (e.g., darkened, grayed out, blurred) representations of complications 1005A and 1005B, the representation 1000 of the currently selected character (e.g., the first character), the character selection element 1046, and the text identifier 1018 of the currently selected character. The character option selection element 1046 indicates the position of the currently selected option among a set of character options.

[0295] In Figure 10J, device 600 receives input 1020 (for example, a right-to-left swipe gesture on display 602). In response to receiving input 1020, device 600 displays user interface 1016B, which provides the ability to change the color of the background 1004 of user interface 1001 (as indicated by label 1022). Paging dots 1044A-1044C are updated to indicate that user interface 1016B is the second of a set of three editable user interfaces. Us...

Claims

1. A computer system that communicates with one or more display generation components and one or more input devices, Displaying a watch face editing user interface via one or more display generation components, wherein the watch face editing user interface includes a representation of the watch user interface layout, and includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface, While displaying the user interface for editing the watch face, the system detects a first input targeting each of the one or more complication areas via one or more input devices. In response to detecting the first input targeting each of the complication areas among the one or more complication areas, display the complication selection user interface, which means that the complication selection user interface is displayed Indication of the first application, A first complication preview including a graphical representation of the first complication displaying the first set of information, corresponding to a first complication configured to display a first set of information obtained from the first application on the watch user interface, and This includes simultaneously displaying a second complication preview that includes a graphical representation of the second complication displaying the second set of information, which is configured to display a second set of information on the watch user interface that is different from the first set of information obtained from the first application, and which corresponds to the second complication. While displaying the complication selection user interface, a second input is detected via one or more input devices, which is intended to select each complication preview. In response to detecting the second input which is intended to select each of the aforementioned complication previews, the representation of the watch user interface is displayed via one or more display generation components, together with the representation of the selected complication corresponding to each of the complication previews displayed in each of the respective complication areas of the watch user interface, In response to the determination that each of the aforementioned complication previews is the first complication preview, the first complication is displayed within the respective complication area of ​​the watch user interface. In response to the determination that each of the aforementioned complication previews is the second complication preview, the second complication is displayed within the respective complication area of ​​the watch user interface. A method that includes this.

2. While displaying the complication selection user interface, a third input is detected via one or more input devices. Navigating the complication selection user interface in response to the detection of the third input, wherein navigating the complication selection user interface is Indication of the second application, A third complication preview, which includes a graphical representation of the third complication displaying the third set of information, corresponding to a third complication configured to display a third set of information obtained from the second application on the watch user interface, and This includes simultaneously displaying a fourth complication preview that includes a graphical representation of the fourth complication displaying the fourth set of information, which is configured to display a fourth set of information on the watch user interface that is different from the third set of information obtained from the second application, and which corresponds to a fourth complication configured to display a fourth set of information that is different from the third set of information obtained from the second application. The method according to claim 1, further comprising:

3. The method according to claim 2, further comprising navigating the complication selection user interface to discontinue the display of the first complication preview corresponding to the first complication and the second complication preview corresponding to the second complication.

4. The indication of the first application, the first complication preview, and the second complication preview are displayed within the first area of ​​the complication selection user interface. The indication of the second application, the third complication preview, and the fourth complication preview are displayed in a second area of ​​the complication selection user interface, which is different from the first area. The method according to claim 2.

5. The first application is associated with a plurality of available complications configured to display information obtained from the first application, The plurality of available complications include the first complication and the second complication, Displaying the aforementioned complication selection user interface is In response to a determination that the number of available complications configured to display information obtained from the first application exceeds a predetermined number, Multiple complication previews, not exceeding the predetermined number, corresponding to one of the multiple available complications, and When selected, a first selectable user interface object is displayed that shows one or more additional complication previews that were not included in the aforementioned multiple complication previews. In response to a determination that the number of available complications configured to display information obtained from the first application does not exceed a predetermined number, the system includes displaying a second set of complication previews corresponding to one of the multiple available complications, without displaying the first selectable user interface object. The method according to any one of claims 1 to 4.

6. The first application corresponds to an application for managing information of a set of contactable users, The first complication corresponds to the first contactable user among the set of contactable users, The second complication corresponds to the second contactable user among the set of contactable users, The first complication preview and the second complication preview are displayed in order. Displaying the aforementioned complication selection user interface is In response to the determination that the first contactable user is a first type of user and the second contactable user is not a first type of user, the first complication preview is displayed in the order described above before the second complication preview. The system includes displaying the second complication preview in the order described above before the first complication preview, based on the determination that the first contactable user is not a user of the first type, and the second contactable user is a user of the first type. The method according to any one of claims 1 to 5.

7. In response to the determination that the watch user interface is of the first type, the first complication preview includes the graphic representation of the first complication in a first shape, and the second complication preview includes the graphic representation of the second complication in the first shape. Depending on the determination that the watch user interface is of a second type, the first complication preview includes the graphic representation of the first complication in a second shape, and the second complication preview includes the graphic representation of the second complication in a second shape, wherein the second shape is different from the first shape. The method according to any one of claims 1 to 6.

8. In response to the determination that each of the one or more complication regions corresponds to the first complication region, the first complication preview includes the graphic representation of the first complication in a third shape, and the second complication preview includes the graphic representation of the second complication in a third shape. In response to the determination that each of the one or more complication regions corresponds to a second complication region different from the first complication region, the first complication preview includes the graphic representation of the first complication in a fourth shape, and the second complication preview includes the graphic representation of the second complication in a fourth shape, wherein the fourth shape is different from the third shape. The method according to any one of claims 1 to 7.

9. The method according to any one of claims 1 to 8, further comprising displaying the complication selection user interface before the indication of the first application and the second complication preview.

10. While displaying the aforementioned watch face editing user interface, To display an indication of an adjacent editing tab corresponding to an adjacent user interface different from the user interface for editing one or more complications of the watch user interface via the one or more display generation components, Detecting a fourth input intended for navigating to different editing tabs via one or more input devices, In response to detecting the fourth input, the adjacent user interface for editing the characteristics of the watch user interface that are different from the one or more complications of the watch user interface is displayed via the one or more display generation components. The method according to any one of claims 1 to 9, further comprising:

11. Displaying a color editing user interface via one or more of the aforementioned display generation components, wherein the color editing user interface is The representation of the layout of the watch user interface, which is displayed in a first color scheme based on a first color, and The watch user interface includes a first set of selectable colors, including the first color, Detecting a fifth input via one or more input devices, which is intended to navigate the first plurality of selectable colors, In response to the detection of the fifth input, Navigate the first of the multiple selectable colors from the first color to a second color different from the first color, The representation of the layout of the watch user interface is displayed in a second color scheme based on the second color. The method according to any one of claims 1 to 10, further comprising:

12. After detecting the fifth input, a sixth input is detected via one or more input devices, which is intended to navigate the first plurality of selectable colors. In response to detecting the sixth input, the system navigates through the first set of selectable colors to display a second selectable user interface object. Detecting the activation of the second selectable user interface object via one or more input devices, In response to detecting the activation of the second selectable user interface object, the system displays a second set of selectable colors, different from the first set of selectable colors, to the watch user interface via one or more display generation components. The method according to claim 11, further comprising:

13. A computer program that causes a computer to perform the method described in any one of claims 1 to 12.

14. A memory for storing the computer program described in Claim 13, The system comprises one or more processors capable of executing the computer program stored in the memory, Configured to communicate with one or more display generation components and one or more input devices, Computer system.

15. A device configured to communicate with one or more display generation components and one or more input devices, Means for carrying out the method described in any one of claims 1 to 12 A computer system equipped with the following features.

Images