Time-related user interfaces

Abstract

The present invention provides devices with faster and more efficient methods and interfaces for managing time-related user interfaces. In one embodiment, the device displays a user interface including a time indication and a graphical representation of a first character displayed on a background, the user interface simultaneously displaying the time indication and the graphical representation of the first character on the background, and complications providing date and weather information, respectively. In response to being in a second active state, the device displays the graphical representation of the first character in a second visual state corresponding to the second active state and different from the first visual state, the second visual state showing the first character with its eyes open.

Description

CROSS-REFERENCE TO RELATED APPLICATIONS

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

[0002] TECHNICAL FIELD This disclosure relates generally to computer user interfaces, and more particularly to techniques for managing time-related user interfaces. [Background technology]

[0003] The user interface can be displayed on the electronic device. A user of the electronic device can interact with the electronic device through the displayed user interface. The user interface can be enabled to perform one or more actions on the electronic device. Summary of the Invention

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

[0005] Thus, the present techniques provide 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 users and result in a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges.

[0006] According to some embodiments, a method executed on a computer system in communication with a display generation component and one or more input devices is described, the method including: displaying a watch user interface via the display generation component, where displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating a current time in a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating a current time in a second time zone, the second analog dial being displayed in a first orientation relative to the first analog dial; and receiving, after displaying the watch user interface with the first analog dial and the second analog dial displayed in the first orientation relative to the first analog dial, a request to change the time zone associated with the second analog dial via the one or more input devices. and in response to receiving a request to change the time zone associated with the second analog dial, changing the time zone associated with the second analog dial to a third time zone different from the first time zone; and when the second analog dial is associated with the third time zone, displaying a watch user interface via the display generation component, wherein displaying the watch user interface includes simultaneously displaying the first analog dial and a first time indicator on the first analog dial indicating a current time within the first time zone, and the second analog dial and a second time indicator on the second analog dial indicating a current time within the third time zone, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0007] 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 in communication with a display generation component and one or more input devices is described, the one or more programs including instructions for displaying a watch user interface via the display generation component, where displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating a current time within a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating a current time within a second time zone, the second analog dial being displayed in a first orientation relative to the first analog dial; and receiving, via the one or more input devices, a request to change the time zone associated with the second analog dial after displaying the watch user interface with the first analog dial and the second analog dial displayed in the first orientation relative to the first analog dial. instructions 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 instructions for displaying, via the display generation component, a watch user interface 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 a current time within the first time zone, and the second analog dial and a second time indicator on the second analog dial indicating a current time within the third time zone, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0008] According to some embodiments, a transient computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices is described, the one or more programs including instructions for displaying a watch user interface via the display generation component, where displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial indicating a current time within a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating a current time within a second time zone, the second analog dial being displayed in a first orientation relative to the first analog dial; and receiving, via the one or more input devices, a request to change the time zone associated with the second analog dial after displaying the watch user interface with the first analog dial and the second analog dial displayed in the first orientation relative to the first analog dial. instructions 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 instructions for displaying, via the display generation component, a watch user interface 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 a current time within the first time zone, and the second analog dial and a second time indicator on the second analog dial indicating a current time within the third time zone, 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 that includes a display generation component, one or more input devices, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for displaying a watch user interface via the display generation component, where displaying the watch user interface includes simultaneously displaying a first analog dial and a first time indicator on the first analog dial that indicates a current time within a first time zone, and a second analog dial and a second time indicator on the second analog dial that indicates a current time within a second time zone, the second analog dial being displayed in a first orientation relative to the first analog dial; and receiving, via the one or more input devices, a request to change a time zone associated with the second analog dial after displaying the watch user interface with the first analog dial and the second analog dial displayed in the first orientation relative to the first analog dial. instructions 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 instructions for displaying, via the display generation component, a watch user interface 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 a current time within the first time zone, and the second analog dial and a second time indicator on the second analog dial indicating a current time within the third time zone, wherein the second analog dial is displayed in a second orientation relative to the first analog dial.

[0010] According to some embodiments, a computer system is described, the computer system including: a display generation component; one or more input devices; and means for displaying a watch user interface via the display generation 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 a current time within a first time zone, and a second analog dial and a second time indicator on the second analog dial indicating a current time within a second time zone, the second analog dial being displayed in a first orientation relative to the first analog dial; and means for displaying a time zone associated with the second analog dial via the one or more input devices after displaying the watch user interface with the first analog dial and the second analog dial displayed in the first orientation relative to the first analog dial. means for receiving a request to change the time zone associated with the second analog dial; 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 the request to change the time zone associated with the second analog dial; and means for displaying a watch user interface via a display generation 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 that indicates a current time within the first time zone, and the second analog dial and a second time indicator on the second analog dial that indicates a current time within 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 that is executed on a computer system in communication with a display generation component and one or more input devices. The method includes: displaying a watch user interface via the display generation component, the watch user interface including an analog watch face including a first clock hand and a graphical indicator, the graphical indicator being displayed at a first position relative to the analog watch face; detecting a first user input via the one or more input devices while displaying the watch user interface; in response to detecting the first user input, moving the graphical indicator to a second position relative to the analog watch face such that the graphical indicator is aligned with the first clock hand; and displaying a graphical indication of the time that has elapsed from the time the first user input was detected to a current time when the graphical indicator is displayed at the second position relative to the analog watch face.

[0012] 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 in communication with a display generation component and one or more input devices is described. The one or more programs include instructions for displaying a watch user interface via the display generation component, the watch user interface including an analog watch face including a first clock hand and a graphical indicator, the graphical indicator being displayed at a first position relative to the analog watch face, instructions for detecting a first user input via the one or more input devices while displaying the watch user interface, instructions for moving the graphical indicator to a second position relative to the analog watch face in response to detecting the first user input such that the graphical indicator is aligned with the first clock hand, and instructions for displaying a graphical indication of the time that has elapsed from the time the first user input was detected to the current time when the graphical indicator is displayed at the second position relative to the analog watch face.

[0013] According to some embodiments, a transient computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices is described, the one or more programs including instructions for displaying a watch user interface via the display generating component, the watch user interface including an analog watch face including a first clock hand and a graphical indicator, the graphical indicator being displayed at a first position relative to the analog watch face, instructions for detecting a first user input via the one or more input devices while displaying the watch user interface, instructions for moving the graphical indicator to a second position relative to the analog watch face in response to detecting the first user input such that the graphical indicator is aligned with the first clock hand, and instructions for displaying a graphical indication of the time that has elapsed from the time the first user input was detected to the current time when the graphical indicator is displayed at the second position relative to the analog watch face.

[0014] According to some embodiments, a computer system is described that includes a display generation component, one or more input devices, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for displaying a watch user interface via the display generation component, the watch user interface including an analog watch face including a first clock hand and a graphical indicator, the graphical indicator being displayed at a first position relative to the analog watch face, instructions for detecting a first user input via the one or more input devices while displaying the watch user interface, instructions for moving the graphical indicator to a second position relative to the analog watch face in response to detecting the first user input such that the graphical indicator is aligned with the first clock hand, and instructions for displaying a graphical indication of the time that has elapsed from the time the first user input was detected to the current time when the graphical indicator is displayed at the second position relative to the analog watch face.

[0015] According to some embodiments, a computer system is described that includes a display generating component, one or more input devices, means for displaying a watch user interface via the display generating component, the watch user interface including an analog watch face including a first hand and a graphical indicator, the graphical indicator being displayed at a first position relative to the analog watch face, means for detecting a first user input via the one or more input devices while displaying the watch user interface, means for moving the graphical indicator to a second position relative to the analog watch face in response to detecting the first user input such that the graphical indicator is aligned with the first hand, and means for displaying a graphical indication of the time that has elapsed from the time the first user input was detected to the current time when the graphical indicator is displayed at the second position relative to the analog watch face.

[0016] According to some embodiments, a method executed on a computer system in communication with a display generation component is described, the method comprising: simultaneously displaying, at a first time within a user interface displayed via the display generation component, a time indication and a graphical representation of a first character, wherein displaying the graphical representation of the first character comprises: responsive to determining that the computer system is in a first activity state, displaying the graphical representation of the first character in a first visual state corresponding to the first activity state of the computer system; and responsive to determining that the computer system is in a second activity state different from the first activity state, displaying the graphical representation of the first character in a second visual state corresponding to the second activity state of the computer system different from the first visual state. and simultaneously displaying within the user interface at a second time after the first time a time indication and a graphical representation of a second character, wherein displaying the graphical representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphical 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 graphical representation of the second character in a second visual state corresponding to a second active state of the computer system different from the first visual state.

[0017] 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 in communication with a display generation component is described, the one or more programs including instructions for simultaneously displaying, at a first time, a time indication and a graphical representation of a first character within a user interface displayed via the display generation component, wherein displaying the graphical representation of the first character includes: in response to a determination that the computer system is in a first activity state, displaying the graphical representation of the first character in a first visual state corresponding to the first activity state of the computer system; and in response to a determination that the computer system is in a second activity state different from the first activity state, displaying the graphical representation of the first character in a second visual state corresponding to the second activity state of the computer system different from the first visual state. and instructions for simultaneously displaying within the user interface a time indication and a graphical representation of a second character at a second time after the first time, wherein displaying the graphical representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphical 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 graphical representation of the second character in a second visual state corresponding to a second active state of the computer system different from the first visual state.

[0018] According to some embodiments, a transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component is described, the one or more programs including instructions for simultaneously displaying, at a first time, a time indication and a graphical representation of a first character within a user interface displayed via the display generation component, wherein displaying the graphical representation of the first character includes: in response to a determination that the computer system is in a first activity state, displaying the graphical representation of the first character in a first visual state corresponding to the first activity state of the computer system; and in response to a determination that the computer system is in a second activity state different from the first activity state, displaying the graphical representation of the first character in a second visual state corresponding to the second activity state of the computer system different from the first visual state. and instructions for simultaneously displaying within the user interface a time indication and a graphical representation of a second character at a second time after the first time, wherein displaying the graphical representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphical 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 graphical representation of the second character in a second visual state corresponding to a second active state of the computer system different from the first visual state.

[0019] According to some embodiments, a computer system is described that includes a display generation component, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for simultaneously displaying, at a first time, a time indication and a graphical representation of a first character within a user interface displayed via the display generation component, wherein displaying the graphical representation of the first character includes: in response to a determination that the computer system is in a first activity state, displaying the graphical representation of the first character in a first visual state corresponding to the first activity state of the computer system; and in response to a determination that the computer system is in a second activity state different from the first activity state, displaying the graphical representation of the first character in a second visual state corresponding to the second activity state of the computer system different from the first visual state. and instructions for simultaneously displaying within the user interface a time indication and a graphical representation of a second character at a second time after the first time, wherein displaying the graphical representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphical 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 graphical representation of the second character in a second visual state corresponding to a second active state of the computer system different from the first visual state.

[0020] According to some embodiments, a computer system is described, the computer system including a display generation component and means for simultaneously displaying, at a first time, a time indication and a graphical representation of a first character within a user interface displayed via the display generation component, wherein displaying the graphical representation of the first character comprises: in response to a determination that the computer system is in a first activity state, displaying the graphical representation of the first character in a first visual state corresponding to the first activity state of the computer system; and in response to a determination that the computer system is in a second activity state different from the first activity state, displaying the graphical representation of the first character in a second visual state corresponding to the second activity state of the computer system different from the first visual state. and means for simultaneously displaying within the user interface a time indication and a graphical representation of a second character at a second time after the first time, wherein displaying the graphical representation of the second character includes, in response to a determination that the computer system is in a first active state, displaying the graphical 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 graphical representation of the second character in a second visual state corresponding to a second active state of the computer system different from the first visual state.

[0021] According to some embodiments, a method executed on a computer system in communication with a display generation component is described, the method including: displaying, via the display generation component, a time user interface including a first facial representation having a first facial feature and a second facial feature, the first facial feature of the first face indicating a current time and the second facial feature of the first face having a first visual characteristic; detecting, while displaying the first facial representation, satisfaction of predetermined criteria for altering an appearance of the time user interface; and, in response to detecting satisfaction of the predetermined criteria for altering the appearance of the time user interface, ceasing to display the first facial representation and altering the appearance of the time user interface with the first facial feature and the second facial feature. and displaying a second facial representation indicating a first visual characteristic different from the first facial representation, wherein the first facial feature of the second face indicates a current time and 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 including displaying a gradual transition from the first face to the second face, the gradual transition including 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.

[0022] 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 in communication with a display generation component is described, the one or more programs including instructions for displaying, via the display generation component, a time user interface including a first facial representation having a first facial feature and a second facial feature, the first facial feature of the first face indicating a current time and the second facial feature of the first face having a first visual characteristic; instructions for detecting satisfaction of predetermined criteria for modifying an appearance of the time user interface while displaying the first facial representation; and instructions for ceasing displaying the first facial representation and modifying the first facial feature and second facial feature in response to detecting satisfaction of the predetermined criteria for modifying the appearance of the time user interface. and instructions for displaying a second facial representation having features, the second facial representation different from the first facial representation, a first facial feature of the second face indicating a current time, and a second facial feature of the second face having a second visual characteristic different from the first visual characteristic; ceasing to display the first facial representation; and displaying the second facial representation including displaying a gradual transition from the first face to the second face, the gradual transition including 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 transient computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component is described, the one or more programs including instructions for displaying, via the display generation component, a time user interface including a first facial representation having a first facial feature and a second facial feature, the first facial feature of the first face indicating a current time and the second facial feature of the first face having a first visual characteristic; instructions for detecting satisfaction of predetermined criteria for modifying an appearance of the time user interface while displaying the first facial representation; and instructions for ceasing displaying the first facial representation and modifying the first facial feature and the second facial feature in response to detecting satisfaction of the predetermined criteria for modifying the appearance of the time user interface. and instructions for displaying a second facial representation having features, the second facial representation different from the first facial representation, a first facial feature of the second face indicating a current time, and a second facial feature of the second face having a second visual characteristic different from the first visual characteristic; ceasing to display the first facial representation; and displaying the second facial representation including displaying a gradual transition from the first face to the second face, the gradual transition including 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 that includes a display generation component, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for displaying, via the display generation component, a time user interface including a first facial representation having a first facial feature and a second facial feature, where the first facial feature of the first face indicates a current time and the second facial feature of the first face has a first visual characteristic; instructions for detecting satisfaction of predetermined criteria for modifying an appearance of the time user interface while displaying the first facial representation; and instructions for ceasing displaying the first facial representation and modifying the first facial feature and second facial feature in response to detecting satisfaction of the predetermined criteria for modifying the appearance of the time user interface. and instructions for displaying a second facial representation having features, the second facial representation different from the first facial representation, a first facial feature of the second face indicating a current time, and a second facial feature of the second face having a second visual characteristic different from the first visual characteristic; ceasing to display the first facial representation; and displaying the second facial representation including displaying a gradual transition from the first face to the second face, the gradual transition including 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] According to some embodiments, a computer system is described that includes a display generation component, means for displaying, via the display generation component, a time user interface including a first facial representation having a first facial feature and a second facial feature, the first facial feature of the first face indicating a current time and the second facial feature of the first face having a first visual characteristic, means for detecting satisfaction of predetermined criteria for modifying an appearance of the time user interface while displaying the first facial representation, and means for ceasing displaying the first facial representation and modifying the first facial feature and second facial feature of the first face in response to detecting satisfaction of the predetermined criteria for modifying the appearance of the time user interface. and means for displaying a second facial representation having two facial features, the second facial representation being different from the first facial representation, the first facial feature of the second face indicating a current time, and the second facial feature of the second face having a second visual characteristic different from the first visual characteristic; ceasing to display the first facial representation; and displaying the second facial representation including displaying a gradual transition from the first face to the second face, the gradual transition including 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 that is executed on a computer system in communication with a display generation component and one or more input devices. The method includes: displaying, via the display generation component, an editing user interface for editing a background of the user interface, the user interface including content overlaid on the background, the editing user interface including a representation of the background of the user interface including a first plurality of stripes that is greater than one; detecting a first user input via the one or more input devices while displaying the editing user interface; in response to detecting the first user input, in response to determining that the first user input corresponds to a first type of input, displaying within the user interface an updated representation of the background having a second plurality of stripes that is greater than the first plurality of stripes, and in response to determining that the first user input corresponds to a second type of input that is different from the first type of input, displaying within the user interface an updated representation of the background having a third plurality of stripes that is less than the first plurality of stripes; detecting a second user input via the one or more input devices; and in response to detecting the second user input, displaying, via the display generation component, the user interface with the updated background.

[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 in communication with a display generation component and one or more input devices is described. The one or more programs include instructions for displaying, via a display generation component, an editing user interface for editing a background of the user interface, the user interface including content overlaid on the background, the editing user interface including a representation of a background of the user interface including a first plurality of stripes that is greater than one; 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 a second plurality of stripes that is greater 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 a third plurality of stripes that is less than the first plurality of stripes in response to a determination that the first user input corresponds to a second type of input that is different from the first type of input; instructions for detecting a second user input via the one or more input devices; and instructions for displaying, via the display generation component, the user interface with the updated background in response to detecting the second user input.

[0028] According to some embodiments, a transient 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 in communication with a display generation component and one or more input devices. The one or more programs include instructions for displaying, via a display generation component, an editing user interface for editing a background of the user interface, the user interface including content overlaid on the background, the editing user interface including a representation of a background of the user interface including a first plurality of stripes that is greater than one; 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 a second plurality of stripes that is greater 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 a third plurality of stripes that is less than the first plurality of stripes in response to a determination that the first user input corresponds to a second type of input that is different from the first type of input; instructions for detecting a second user input via the one or more input devices; and instructions for displaying, via the display generation component, the user interface with the updated background in response to detecting the second user input.

[0029] According to some embodiments, a computer system is described that includes a display generation component, one or more input devices, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for displaying, via a display generation component, an editing user interface for editing a background of the user interface, the user interface including content overlaid on the background, the editing user interface including a representation of a background of the user interface including a first plurality of stripes that is greater than one; 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 a second plurality of stripes that is greater 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 a third plurality of stripes that is less than the first plurality of stripes in response to a determination that the first user input corresponds to a second type of input that is different from the first type of input; instructions for detecting a second user input via the one or more input devices; and instructions for displaying, via the display generation component, the user interface with the updated background in response to detecting the second user input.

[0030] According to some embodiments, a computer system is described that includes a display generation component, one or more input devices, and means for displaying, via the display generation component, an editing user interface for editing a background of the user interface, the user interface including content overlaid on the background, the editing user interface including a representation of a background of the user interface including a first plurality of stripes that is greater than one, 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, displaying within the user interface an updated representation of the background having a second plurality of stripes that is greater than the first plurality of stripes in response to determining 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 a third plurality of stripes that is less than the first plurality of stripes in response to determining that the first user input corresponds to a second type of input different from the first type of input, means for detecting a second user input via the one or more input devices, and means for displaying, via the display generation component, the user interface with the updated background in response to detecting the second user input.

[0031] According to some embodiments, a method executed on a computer system in communication with a display generation component and one or more input devices is described, the method including: displaying a watch face editing user interface via the display generation component, the watch face editing user interface including a representation of a layout of the watch user interface, the watch face editing user interface including a time area for displaying a current time on the watch user interface and one or more complication areas for displaying complications; detecting, while displaying the watch face editing user interface, via the one or more input devices, a first input targeted to one of the one or more complication areas; and displaying a complication selection user interface in response to detecting the first input targeted to one of the one or more complication areas, the displaying of the complication selection user interface including an indication of a first application, a second application obtained from the first application, and a third application. simultaneously displaying a first complication preview including a graphical representation of a first complication displaying a first set of information corresponding to a first complication configured to display one set of information on the watch user interface, and a second complication preview including a graphical representation of a 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 different from the first set of information obtained from the first application; detecting, while displaying the complication selection user interface, a second input via one or more input devices intended to select the respective complication preview; and changing, via a display generation component, a representation of the watch user interface in response to detecting the second input intended to select the respective complication preview.Displaying each complication preview displayed in a first complication area of the watch user interface along with a representation of a corresponding selected complication, wherein in response to determining that the respective complication preview is a first complication preview, the first complication is displayed in the first complication area of the watch user interface, and in response to determining that the respective complication preview is a 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-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices is described, the one or more programs including: instructions for displaying a watch face editing user interface via the display generation component, the watch face editing user interface including a representation of a layout of the watch user interface and including a time region for displaying a current time on the watch user interface and one or more complication regions for displaying complications; instructions for detecting, while displaying the watch face editing user interface, via the one or more input devices, a first input targeted to one of the one or more complication regions; and instructions for displaying a complication selection user interface in response to detecting the first input targeted to one of the one or more complication regions, wherein displaying the complication selection user interface includes an indication of a first application, a first application notification from the first application, and a second application notification from the first application. simultaneously displaying a first complication preview including a graphical representation of a first complication displaying a first set of information corresponding to a first complication configured to display on the watch user interface a first set of information obtained from the first application, and a second complication preview including a graphical representation of a second complication displaying a second set of information corresponding to a second complication configured to display on the watch user interface a second set of information different from the first set of information obtained from the first application; instructions for detecting, while displaying the complication selection user interface, a second input via one or more input devices, intended to select the respective complication preview; and, in response to detecting the second input intended to select the respective complication preview, changing, via the display generation component, a representation of the watch user interface.and instructions for displaying each complication preview displayed in a first complication area of the watch user interface along with a representation of a corresponding selected complication, wherein in response to a determination that the respective complication preview is a first complication preview, the first complication is displayed in the first complication area of the watch user interface, and in response to a determination that the respective complication preview is a second complication preview, the second complication is displayed in the first complication area of the watch user interface.

[0033] According to some embodiments, a transient computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices is described, the one or more programs including instructions for displaying a watch face editing user interface via the display generation component, the watch face editing user interface including a representation of a layout of the watch user interface and including a time region for displaying a current time on the watch user interface and one or more complication regions for displaying complications; instructions for detecting, while displaying the watch face editing user interface, via the one or more input devices, a first input targeted to one of the one or more complication regions; and instructions for displaying a complication selection user interface in response to detecting the first input targeted to one of the one or more complication regions, wherein displaying the complication selection user interface includes an indication of a first application, a first application notification from the first application, and a second application notification from the first application. simultaneously displaying a first complication preview including a graphical representation of a first complication displaying a first set of information corresponding to a first complication configured to display on the watch user interface a first set of information obtained from the first application, and a second complication preview including a graphical representation of a second complication displaying a second set of information corresponding to a second complication configured to display on the watch user interface a second set of information different from the first set of information obtained from the first application; instructions for detecting, while displaying the complication selection user interface, a second input via one or more input devices, intended to select the respective complication preview; and, in response to detecting the second input intended to select the respective complication preview, changing, via the display generation component, a representation of the watch user interface.and instructions for displaying each complication preview displayed in a first complication area of the watch user interface along with a representation of a corresponding selected complication, wherein in response to a determination that the respective complication preview is a first complication preview, the first complication is displayed in the first complication area of the watch user interface, and in response to a determination that the respective complication preview is a 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 that includes a display generation component, one or more input devices, one or more processors, and a memory that stores one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for displaying a watch face editing user interface via the display generation component, the watch face editing user interface including a representation of a layout of the watch user interface and including a time region for displaying a current time on the watch user interface and one or more complication regions for displaying complications; instructions for detecting, while displaying the watch face editing user interface, via the one or more input devices, a first input targeted to one of the one or more complication regions; and instructions for displaying a complication selection user interface in response to detecting the first input targeted to one of the one or more complication regions, wherein displaying the complication selection user interface includes an indication of a first application, a selection from the first application, and a time region for displaying a current time on the watch user interface and one or more complication regions for displaying complications. simultaneously displaying a first complication preview including a graphical representation of a first complication displaying a first set of information corresponding to a first complication configured to display on the watch user interface a first set of information obtained from the first application, and a second complication preview including a graphical representation of a second complication displaying a second set of information corresponding to a second complication configured to display on the watch user interface a second set of information different from the first set of information obtained from the first application; instructions for detecting, while displaying the complication selection user interface, a second input via one or more input devices, intended to select the respective complication preview; and, in response to detecting the second input intended to select the respective complication preview, changing, via the display generation component, a representation of the watch user interface.and instructions for displaying each complication preview displayed in a first complication area of the watch user interface along with a representation of a corresponding selected complication, wherein in response to a determination that the respective complication preview is a first complication preview, the first complication is displayed in the first complication area of the watch user interface, and in response to a determination that the respective complication preview is a second complication preview, the second complication is displayed in the first complication area of the watch user interface.

[0035] According to some embodiments, a computer system is described that 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, the watch face editing user interface including a representation of a layout of the watch user interface and including a time area for displaying a current time on the watch user interface and one or more complication areas for displaying complications; means for detecting, while displaying the watch face editing user interface, via the one or more input devices, a first input targeted to one of the one or more complication areas; and means for displaying a complication selection user interface in response to detecting the first input targeted to one of the one or more complication areas, wherein displaying the complication selection user interface includes: an indication of a first application; a means for simultaneously displaying a first complication preview including a graphical representation of a first complication displaying a first set of information obtained from an application on a watch user interface, the first complication preview corresponding to a first complication configured to display a first set of information obtained from the application on the watch user interface, and a second complication preview including a graphical representation of a 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 the first application on the watch user interface; a means for detecting, while displaying a complication selection user interface, a second input via one or more input devices, intended to select the respective complication preview; and, in response to detecting the second input intended to select the respective complication preview, generating a display of the watch user interface via a display generation component;and means for displaying each complication preview displayed in a first complication area of the watch user interface together with a representation of a corresponding selected complication, wherein in response to determining that the respective complication preview is a first complication preview, the first complication is displayed in the first complication area of the watch user interface, and in response to determining that the respective complication preview is a second complication preview, the second complication is displayed in the first complication area of the watch user interface.

[0036] According to some embodiments, a method executed on a computer system in communication with a display generation component is described, the method including: displaying, via the display generation component, a representation of a watch face user interface associated with one or more graphical representations of respective characters; detecting, while displaying the representation of the watch face user interface, an input corresponding to a request to share the watch face user interface with an external device; and in response to detecting the input, initiating a process of sharing the watch face user interface with the external device, wherein, in response to determining that the watch face user interface is associated with fewer than a threshold number of the graphical representations of the respective characters, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface, including transmitting one or more representations of the one or more graphical representations of each character associated with the watch face user interface; and, in response to determining that the watch face user interface is associated with equal to or greater than the threshold number of the respective characters, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface without transmitting a representation of the one or more graphical representations of each character associated with the watch face user interface.

[0037] 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 in communication with a display generation component is described. The one or more programs include instructions for displaying, via a display generation component, a representation of a watch face user interface associated with one or more graphical representations of each character; instructions for detecting an input corresponding to a request to share the watch face user interface with an external device while displaying the representation of the watch face user interface; and instructions for initiating a process of sharing the watch face user interface with an external device in response to detecting the input, wherein, in response to a determination that the watch face user interface is associated with fewer than a threshold number of the graphical representations of each character, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface, including transmitting one or more representations of the one or more graphical representations of each character associated with the watch face user interface; and, in response to a determination that the watch face user interface is associated with more than the threshold number of the graphical representations of each character, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface without transmitting a representation of the one or more graphical representations of each character associated with the watch face user interface.

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

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

[0040] According to some embodiments, a computer system is described that includes a display generating component, means for displaying, via the display generating component, a representation of a watch face user interface associated with one or more graphical representations of respective characters, means for detecting an input corresponding to a request to share the watch face user interface with an external device while displaying the representation of the watch face user interface, and means for initiating a process of sharing the watch face user interface with the external device in response to detecting the input, wherein, in response to determining that the watch face user interface is associated with fewer than a threshold number of the graphical representations of the respective characters, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface, including transmitting one or more representations of the one or more graphical representations of each character associated with the watch face user interface, and in response to determining that the watch face user interface is associated with equal to or greater than the threshold number of the respective characters, the process of sharing the watch face user interface with the external device includes sharing one or more characteristics of the watch face user interface without transmitting a representation of the one or more graphical representations of each character associated with the watch face user interface.

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

[0042] Thus, devices are provided with faster and more efficient methods and interfaces for managing time-related user interfaces, thereby increasing the effectiveness, efficiency, and user satisfaction for 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 drawings]

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

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

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

[0046] [Figure 2] 1 illustrates a portable multifunction device with a touch screen according to some embodiments.

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

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

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

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

[0051] [Figure 5B] FIG. 1 is a block diagram illustrating a personal electronic device according to some embodiments.

[0052] [Figure 6A] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6B] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6C] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6D] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6E] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6F] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6G] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments. [Figure 6H] 10 illustrates an exemplary user interface for viewing and enabling adjustment of displayed time zones according to some embodiments.

[0053] [Figure 7A]1 is a flow diagram illustrating a method for displaying and enabling adjustment of displayed time zones according to some embodiments. [Figure 7B] 1 is a flow diagram illustrating a method for displaying and enabling adjustment of displayed time zones according to some embodiments. [Figure 7C] 1 is a flow diagram illustrating a method for displaying and enabling adjustment of displayed time zones according to some embodiments.

[0054] [Figure 8A] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8B] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8C] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8D] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8E] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8F] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8G] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8H] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8I] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8J] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8K] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8L] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments. [Figure 8M] 10 illustrates an exemplary user interface for initiating a time measurement according to some embodiments.

[0055] [Figure 9A] 1 is a flow diagram illustrating a method for initiating a time measurement according to some embodiments. [Figure 9B] 1 is a flow diagram illustrating a method for initiating a time measurement according to some embodiments.

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

[0057] [Figure 11A] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11B] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11C] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11D] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11E] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11F] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11G] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments. [Figure 11H] 1 is a flow diagram illustrating a method for enabling and displaying a user interface using characters according to some embodiments.

[0058] [Figure 12A] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12B] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12C] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12D]1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12E] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12F] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments. [Figure 12G] 1 illustrates an exemplary user interface for enabling and displaying an indication of the current time according to some embodiments.

[0059] [Figure 13A] 1 is a flow diagram illustrating a method for enabling and displaying an indication of the current time according to some embodiments. [Figure 13B] 1 is a flow diagram illustrating a method for enabling and displaying an indication of the current time according to some embodiments. [Figure 13C] 1 is a flow diagram illustrating a method for enabling and displaying an indication of the current time according to some embodiments.

[0060] [Figure 14A] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14B] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14C] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14D] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14E]1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14F] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14G] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14H] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14I] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14J] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14K] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14L] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14M] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14N] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14O] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14P] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14Q] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14R] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14S] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14T] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14U] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14V] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14W] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14X] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14Y] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14Z] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14AA] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14AB] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14AC] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments. [Figure 14AD] 1 illustrates an example user interface for enabling configuration of a background for a user interface according to some embodiments.

[0061] [Figure 15A] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments. [Figure 15B] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments. [Figure 15C] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments. [Figure 15D] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments. [Figure 15E] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments. [Figure 15F] 1 is a flow diagram illustrating a method for enabling a background configuration for a user interface according to some embodiments.

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

[0063] [Figure 17A] 1 is a flow diagram illustrating a method for enabling configuration of a user interface according to some embodiments. [Figure 17B] 1 is a flow diagram illustrating a method for enabling configuration of a user interface according to some embodiments. [Figure 17C] 1 is a flow diagram illustrating a method for enabling configuration of a user interface according to some embodiments. [Figure 17D] 1 is a flow diagram illustrating a method for enabling configuration of a user interface according to some embodiments.

[0064] [Figure 18A] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18B] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18C] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18D] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18E] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18F]1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18G] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18H] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18I] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments. [Figure 18J] 1 illustrates an exemplary user interface for sharing configurations of a user interface with an external device according to some embodiments.

[0065] [Figure 19A] 1 is a flow diagram illustrating a method for sharing configurations of a user interface with an external device according to some embodiments. [Figure 19B] 1 is a flow diagram illustrating a method for sharing configurations of a user interface with an external device according to some embodiments. [Figure 19C] 1 is a flow diagram illustrating a method for sharing configurations of a user interface with an external device according to some embodiments. DETAILED DESCRIPTION OF THE INVENTION

[0066] The following description sets forth example methods, parameters, etc. However, it should be recognized that such description is not intended as a limitation on the scope of the present disclosure, but is provided as a description of example 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 way to adjust and display time zones. In another example, there is a need for devices that enable an intuitive and efficient way to initiate and provide time measurements. In another example, there is a need for devices that forcefully provide an indication of the current time. In another example, there is a need for devices that intuitively and efficiently enable adjustments and modifications to the user interface background and / or applications. 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 otherwise be wasted on redundant user input.

[0068] 1A-1B, 2, 3, 4A-4B, and 5A-5B provide a description of an example device that performs techniques for managing event notifications. FIGS. 6A-6H illustrate example user interfaces for displaying and enabling adjustment of displayed time zones according to some embodiments. FIGS. 7A-7C are flow diagrams illustrating methods for displaying and enabling adjustment of displayed time zones according to some embodiments. The user interfaces of FIGS. 6A-6H are used to illustrate processes described below, including the processes of FIGS. 7A-7C. FIGS. 8A-8M illustrate example user interfaces for initiating a time measurement according to some embodiments. FIGS. 9A-9B are flow diagrams illustrating methods for initiating a time measurement according to some embodiments. The user interfaces of FIGS. 8A-8M are used to illustrate processes described below, including the processes of FIGS. 9A-9B. FIGS. 10A-10AC illustrate example user interfaces for enabling and displaying a user interface using characters according to some embodiments. FIGS. 11A-11H are flow diagrams illustrating methods for enabling and displaying a user interface using characters according to some embodiments. The user interfaces of Figures 10A-10AC are used to illustrate processes described below, including the processes of Figures 11A-11H. Figures 12A-12G illustrate example user interfaces for enabling and displaying an indication of the current time according to some embodiments. Figures 13A-13C are flow diagrams illustrating methods for enabling and displaying an indication of the current time according to some embodiments. The user interfaces of Figures 12A-12G are used to illustrate processes described below, including the processes of Figures 13A-13C. Figures 14A-14AD illustrate example user interfaces for enabling background configuration for a user interface according to some embodiments. Figures 15A-15F are flow diagrams illustrating methods for enabling background configuration for a user interface according to some embodiments. The user interfaces of Figures 14A-14AD are used to illustrate processes described below, including the processes of Figures 15A-15F.16A-16AE illustrate exemplary user interfaces for enabling a user interface configuration according to some embodiments. FIGS. 17A-17D are flow diagrams illustrating methods for enabling a user interface configuration according to some embodiments. The user interfaces of FIGS. 16A-16AE are used to illustrate processes described below, including the processes of FIGS. 17A-17D. FIGS. 18A-18J illustrate exemplary user interfaces for sharing a user interface configuration with an external device according to some embodiments. FIGS. 19A-19C are flow diagrams illustrating methods for sharing a user interface configuration with an external device according to some embodiments. The user interfaces of FIGS. 18A-18J are used to illustrate processes described below, including the processes of FIGS. 19A-19C.

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

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

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

[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 that also includes other functions, such as PDA and / or music player functionality. 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 laptops or tablet computers having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad), are also used. It should also be understood that in some embodiments, the device is not a portable communication device, but rather a desktop computer having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad). In some embodiments, the electronic device is a computer system in communication (e.g., wireless communication, wired communication) with a display generation component. The display generation 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 generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system. As used herein, "displaying" content includes causing the content (e.g., video data rendered or decoded by display controller 156) to be displayed 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] In the following discussion, electronic devices are described that include a display and a touch-sensitive surface, but it should be understood that the electronic device optionally includes one or more other physical user-interface devices, such as a physical keyboard, a mouse, and / or a joystick.

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

[0075] Various applications running on the device optionally use at least one common physical user interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface and corresponding information displayed on the device are optionally adjusted and / or changed from one application to the next and / or within each application. In this way, the common physical architecture of the device (such as the touch-sensitive surface) optionally accommodates various applications with a user interface that is intuitive and transparent to the user.

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

[0077] As used herein and in the claims, the term “intensity” of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of the contact (e.g., a finger contact) on the touch-sensitive surface, or a proxy for the force or pressure of the contact on the touch-sensitive surface. The range of values for the intensity of the contact includes at least four distinct values and more typically includes hundreds of distinct values (e.g., at least 256). The intensity of the contact is optionally determined (or measured) using various techniques and various sensors or combinations of sensors. For example, one or more force sensors optionally located under or near the touch-sensitive surface are used to measure force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., weighted average) to determine an estimated force of the contact. Similarly, a pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus against the touch-sensitive surface. Alternatively, optionally, the size and / or change in the area of contact detected on the touch-sensitive surface, the capacitance and / or change in the capacitance of the touch-sensitive surface proximate the contact, and / or the resistance and / or change in the capacitance of the touch-sensitive surface proximate the contact are used as proxies 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 the contact as an attribute of user input enables user access to additional device functionality and / or receipt of user input (e.g., via the touch-sensitive display, the touch-sensitive surface, or a physical / mechanical control such as a knob or button) that would not otherwise be accessible by the user on a small device (e.g., a touch-sensitive display) with a limited area for displaying affordances.

[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 the device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or the displacement of a component relative to the center of mass of the device that a user detects by the user's touch. For example, in a situation where a device or a component of the device is in contact with a touch-sensitive surface of a user (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 a physical property of the device or component of the device. For example, movement of the touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a “downclick” or “upclick” of a physical actuator button. In some cases, a user feels a tactile sensation such as a “downclick” or “upclick” even when there is no movement of a physical actuator button associated with the touch-sensitive surface that is physically depressed (e.g., displaced) by the user's movement. As another example, movement of the touch-sensitive surface may optionally be interpreted or perceived by a user as "roughness" of the touch-sensitive surface, even when there is no change in the smoothness of the touch-sensitive surface. While such interpretations of touch by a user are subject to the user's individual sensory perception, many sensory perceptions of touch are common to most users. Thus, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., "up click," "down click," "roughness"), unless otherwise specified, the generated tactile output corresponds to a physical displacement of the device or its components that produces the described sensory perception of a typical (or average) user.

[0079] It should be understood that device 100 is merely one example of a portable multifunction device, and that device 100 optionally has more or fewer components than shown, optionally combines two or more components, or optionally has a different configuration or arrangement of components. The various components shown in Figure 1A may be 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. Memory controller 122 optionally controls access to memory 102 by other components of device 100.

[0081] Peripheral interface 118 may be used to couple input / output peripherals of the device to 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 and process data for device 100. In some embodiments, 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) circuitry 108 receives and transmits RF signals, also called electromagnetic signals. The RF circuitry 108 converts electrical signals to and from electromagnetic signals and communicates with communication networks and other communication devices via electromagnetic signals. The RF circuitry 108 optionally includes well-known circuitry for performing these functions, including, but not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, etc. The RF circuitry 108 optionally communicates with networks such as the Internet, also known as the World Wide Web (WWW), intranets and / or wireless networks such as cellular telephone networks, wireless local area networks (LANs), and / or metropolitan area networks (MANs), and other devices via wireless communication. The RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as short-range radios. The wireless communication may optionally be, but is not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High Speed Downlink Packet Access (HSDPA), High Speed Uplink Packet Access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPA), Long Term Evolution (LTE), Near Field Communication (NFC), wideband code division multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (T ...access (TDMA), 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, protocols for email (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 (SMSP) The present invention may use any of a number of communication standards, protocols, and technologies, including SMS (Speech Processing Service), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this application.

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

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

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

[0086] Touch-sensitive display 112 provides an input and output interface between the device and a user. Display controller 156 receives and / or sends electrical signals to touchscreen 112. Touchscreen 112 displays visual output to the user. The visual output optionally includes graphics, text, icons, video, 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] Touchscreen 112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from a user based on haptic and / or tactile contact. Touchscreen 112 and display controller 156 (along with any associated modules and / or instruction sets in memory 102) detects contacts (and any movement or interruption of contact) on touchscreen 112 and translates the detected contacts into interactions with user interface objects (e.g., one or more softkeys, icons, web pages, or images) displayed on touchscreen 112. In an exemplary embodiment, the point of contact between touchscreen 112 and the user corresponds to the user's finger.

[0088] Touchscreen 112 optionally uses LCD (liquid crystal display), LPD (light emitting polymer display), or LED (light emitting diode) technology, although other display technologies are used in other embodiments. Touchscreen 112 and display controller 156 optionally use any of several now known or later developed touch sensing technologies to detect that contact and any movement or interruption, including, but not limited to, 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 touchscreen 112. In an exemplary embodiment, projected mutual capacitance sensing technology is used, such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, California.

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

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

[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. A user optionally contacts the touchscreen 112 using any suitable object or accessory, such as a stylus, a finger, or the like. In some embodiments, the user interface is designed to function primarily through finger-based contact and gestures, although finger-based contact 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 converts the coarse finger-based input into a precise pointer / cursor position or command to perform the action desired by the user.

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

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

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

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

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

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

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

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

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

[0101] Operating system 126 (e.g., 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 facilitating communication between various hardware and software components.

[0102] Communications 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 RF circuitry 108 and / or external port 124. External port 124 (e.g., Universal Serial Bus (USB), FIREWIRE, etc.) is adapted to couple directly to other devices or indirectly via a network (e.g., the Internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same as or similar to and / or compatible with the 30-pin connector used in iPod® (trademark of Apple Inc.) devices.

[0103] Contact / motion module 130 optionally detects contact with touchscreen 112 (together with display controller 156) and other touch-sensing devices (e.g., a touchpad or physical click wheel). Contact / motion module 130 includes various software components for performing various operations related to contact detection, such as determining whether contact has occurred (e.g., detecting a finger down event), determining the intensity of the contact (e.g., the force or pressure of the contact, or a proxy for the force or pressure of the contact), determining whether there is contact movement and tracking the movement across the touch-sensitive surface (e.g., detecting a drag event with one or more fingers), and determining whether the contact has ceased (e.g., detecting a finger lift event or an interruption of contact). Contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of the contact point represented by the series of contact data optionally includes determining the speed (magnitude), velocity (magnitude and direction), and / or acceleration (change in magnitude and / or direction) of the contact point. These actions are optionally 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, contact / motion module 130 and display controller 156 detect contacts on the touchpad.

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

[0105] Contact / motion module 130 optionally detects gestures input by a user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motions, timing, and / or intensity of the detected contact). Thus, gestures are optionally detected by detecting particular contact patterns. For example, detecting a finger-tap gesture includes 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., at the location of an icon). As another example, detecting a finger-swipe gesture on the touch-sensitive surface includes detecting a finger-down event followed by detecting one or more finger-drag events followed by detecting a finger-lift-off event.

[0106] Graphics module 132 includes various known software components for drawing and displaying graphics on touchscreen 112 or other display, including components for modifying the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual characteristics) of the displayed graphics. As used herein, the term "graphics" includes any object that can be displayed to a user, including, but not limited to, text, web pages, icons (such as user interface objects including softkeys), digital images, video, animation, etc.

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

[0108] The tactile feedback module 133 includes various software components that generate instructions used by the tactile output generator 167 to provide tactile output at 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., contacts 137, email 140, IM 141, browser 147, and any other application requiring text input).

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

[0111] The application 136 optionally includes the following modules (or sets of instructions), or a subset or superset thereof: Contacts module 137 (sometimes called an address book or contact list) ●Telephone module 138 ●Videoconferencing 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 optionally including one or more of a weather widget 149-1, a stock price widget 149-2, a calculator widget 149-3, an alarm clock widget 149-4, a dictionary widget 149-5, and other widgets provided by the user, as well as user-created widgets 149-6. Widget creation module 150 for creating user-created widgets 149-6 ●Search module 151 A 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 optionally be stored in memory 102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA-enabled applications, encryption, digital rights management, voice recognition, and voice duplication.

[0113] The contacts module 137, along with the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, and the text input module 134, are used to manage the address book or contact list (e.g., stored in the application internal state 192 of the contacts module 137 in memory 102 or memory 370), including, optionally, adding names to the address book, removing names from the address book, associating names with phone numbers, email addresses, physical addresses, or other information, associating names with images, categorizing and classifying names, providing phone numbers or email addresses to initiate and / or facilitate communication by phone 138, video conferencing module 139, email 140, or IM 141, etc.

[0114] Telephone module 138, along with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, are optionally used to enter character sequences corresponding to telephone numbers, access one or more telephone numbers in contacts module 137, modify entered telephone numbers, dial respective telephone numbers, conduct conversations, and disconnect or end conversations when completed. As noted above, wireless communication optionally uses any of a number of communication standards, protocols, and technologies.

[0115] Along with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, light sensor 164, light sensor controller 158, touch / motion module 130, graphics module 132, text input module 134, contacts module 137, and telephone module 138, videoconferencing module 139 includes executable instructions for initiating, conducting, and terminating videoconferences between a user and one or more other participants in response to user commands.

[0116] Email client module 140, together with RF circuitry 108, touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, and text input module 134, contains executable instructions for composing, sending, receiving, and managing emails in response to user commands. Together with image management module 144, email client module 140 greatly facilitates composing and sending emails along with still or video images taken by camera module 143.

[0117] Instant message module 141, together with RF circuitry 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, includes executable instructions for entering character sequences corresponding to instant messages, modifying previously entered characters, transmitting each instant message (e.g., using Short Message Service (SMS) or Multimedia Message Service (MMS) protocols for telephony-based instant messaging, or XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receiving instant messages, and displaying received instant messages. In some embodiments, transmitted and / or received instant messages optionally include graphics, photos, 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 telephony-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 RF circuitry 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, workout support module 142 includes executable instructions for creating workouts (e.g., including time, distance, and / or calorie burn goals), 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] Camera module 143, along with touch screen 112, display controller 156, light sensor 164, light sensor controller 158, contact / motion module 130, graphics module 132, and image management module 144, contains executable instructions for capturing still images or video (including video streams) and storing the still images or video in memory 102, modifying the characteristics of the still images or video, or deleting the still images or video from memory 102.

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

[0121] The browser module 147, along with the RF circuitry 108, touch screen 112, display controller 156, touch / motion module 130, graphics module 132, and text input module 134, contains executable instructions for user-commanded browsing of the Internet, including retrieving, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0122] Calendar module 148, along with RF circuitry 108, touch screen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, email client module 140, and browser module 147, includes executable instructions for creating, displaying, modifying, and storing calendars and data associated with calendars (e.g., calendar entries, to-do lists, etc.) in response to user commands.

[0123] Widget modules 149, along with RF circuitry 108, touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and browser module 147, are mini-applications (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) optionally downloaded and used by a user, or mini-applications (e.g., user-created widget 149-6) created by a user. In some embodiments, widgets include Hypertext Markup Language (HTML) files, Cascading Style Sheets (CSS) files, and JavaScript files. In some embodiments, widgets include Extensible Markup Language (XML) files and JavaScript files (e.g., Yahoo! Widgets).

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

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

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

[0127] Along with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, notes module 153 contains executable instructions for creating and managing notes, to-do lists, and the like in response to user commands.

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

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

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

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

[0132] The predefined set of functions performed exclusively via the touchscreen and / or touchpad optionally includes navigation between user interfaces. In some embodiments, the touchpad, when touched by a user, navigates device 100 to a main, home, or root menu from any user interface displayed on device 100. In such embodiments, the touchpad is used to implement 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] 1B is a block diagram illustrating exemplary components for event processing according to some embodiments. In some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) includes an event classifier 170 (e.g., in operating system 126) and a respective application 136-1 (e.g., any of applications 137-151, 155, 380-390 described above).

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

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

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

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

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

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

[0140] Another aspect of a user interface associated with an application is a set of views, also referred to herein as application views or user interface windows, in which information is displayed and touch-based gestures occur. The application views (for the respective application) in which touches are detected optionally correspond to program levels within the application's program or view hierarchy. For example, the lowest-level view in which a touch is detected is optionally referred to as the hit view, and the set of events recognized as appropriate inputs is optionally determined based, at least in part, on the hit view of the initial touch that initiated the touch-based gesture.

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

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

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

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

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

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

[0147] The event receiver 182 receives event information from the event classifier 170. The event information includes information about a sub-event, such as a touch or touch movement. 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 the movement of the touch, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, the event includes a rotation of the device from one orientation to another (e.g., from portrait orientation to landscape orientation, or vice versa), and the event information includes corresponding information about the current orientation of the device (also called the device's attitude).

[0148] The event comparator 184 compares the event information with predefined event or sub-event definitions and determines the event or sub-event based on the comparison, or determines or updates the state of the event or sub-event. In some embodiments, the event comparator 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 an event (187) include, for example, touch start, touch end, touch move, touch cancel, and multiple touches. In one example, the definition for Event 1 (187-1) is a double tap on a displayed object. The double tap includes, for example, a first touch on a displayed object for a given phase (touch start), a first lift-off (touch end) for the given phase, a second touch on a displayed object for the given phase (touch start), and a second lift-off (touch end) for the given phase. In another example, the definition for event 2 (187-2) is a drag on a displayed object. The drag includes, for example, a touch (or contact) on the displayed object relative to a predetermined phase, a movement of the touch on the touch-sensitive display 112, and a lift-off of the touch (touch end). In some embodiments, the event also includes information for one or more associated event handlers 190.

[0149] In some embodiments, event definitions 187 include definitions of events for each user interface object. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with the sub-event. For example, in an application view in which three user interface objects are displayed on touch-sensitive display 112, when a touch is detected on touch-sensitive display 112, event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a respective event handler 190, event comparator 184 uses the results of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects the event handler 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 delivery of the event information until after it has been determined whether the sub-event sequence corresponds to the event recognizer's event type.

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

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

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

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

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

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

[0157] It will be understood that the above discussion regarding event processing of user touches on a touch-sensitive display also applies to other forms of user input for operating multifunction device 100 via input devices, not all of which are touchscreen initiated. For example, mouse movements and mouse button presses, optionally in conjunction with single or multiple keyboard presses or holds, touch movements such as tapping, dragging, scrolling on a touchpad, pen stylus input, device movement, verbal commands, eye movement detection, biometric input, and / or any combination thereof, are optionally utilized as inputs corresponding to sub-events that define a recognized event.

[0158] FIG. 2 illustrates portable multifunction device 100 with touchscreen 112 according to some embodiments. The touchscreen optionally displays one or more graphics within user interface (UI) 200. In this embodiment, as well as other embodiments described below, a user can select one or more of the graphics by making a gesture on the graphic, for example, with one or more fingers 202 (not drawn to scale) or one or more styluses 203 (not drawn to scale). In some embodiments, selection of one or more graphics occurs when the user breaks 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 a finger in contact with device 100 (right to left, left to right, upward and / or downward). In some implementations or situations, unintentional contact with a graphic does not select that graphic. For example, optionally, a swipe gesture over an application icon does not select the corresponding application when the gesture corresponding to selection is a tap.

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

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

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

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

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

[0164] 4A shows an exemplary user interface for a menu of applications on portable multifunction device 100 according to some embodiments. A similar user interface is optionally implemented on device 300. In some embodiments, user interface 400 includes the following elements, or a subset or superset thereof: Signal strength indicators 402 for wireless communications such as cellular and Wi-Fi signals ●Time 404 ●Bluetooth indicator 405 ● Battery status indicator 406 A tray 408 with icons for frequently used applications An icon 416 for the phone module 138 labeled "Phone," optionally including an indicator 414 of the number of missed calls or voicemail messages An icon 418 for the email client module 140 labeled "Mail," optionally including an indicator 410 of the number of unread emails Icon 420 for Browser module 147 labeled "Browser" o An icon 422 for a video and music player module 152, also called an iPod (trademark of Apple Inc.) module 152, labeled "iPod." Icons for other applications Icon 424 for IM module 141 labeled "Messages" Icon 426 for the calendar module 148 labeled "Calendar" Icon 428 for the image management module 144 labeled "Photos" Icon 430 for camera module 143 labeled "Camera" Icon 432 for the Online Video module 155 labeled "Online Video" Icon 434 for stock widget 149-2 labeled "Stock Prices" 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 the Notes module 153 labeled "Notes" o An icon 446, such as for a settings application or module labeled "Settings," that provides access to settings for the device 100 and its various applications 136.

[0165] Note that the icon labels shown in FIG. 4A are merely exemplary. For example, icon 422 for video and music player module 152 is labeled "Music" or "Music Player." Optionally, other labels are used for the various application icons. In some embodiments, the label for each application icon includes the name of the application corresponding to the respective 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] 4B shows an exemplary user interface on a device (e.g., device 300 of FIG. 3) that has a touch-sensitive surface 451 (e.g., tablet or touchpad 355 of FIG. 3) that is separate from display 450 (e.g., touchscreen display 112). Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) for detecting the intensity of a contact on touch-sensitive surface 451, and / or one or more tactile output generators 357 for generating a tactile output for a user of device 300.

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

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

[0169] FIG. 5A shows an exemplary personal electronic device 500. Device 500 includes a main body 502. In some embodiments, device 500 can include some or all of the features described with respect to devices 100 and 300 (e.g., FIGS. 1A-4B ). In some embodiments, device 500 has a touch-sensitive display screen 504, hereafter touchscreen 504. Alternatively, or in addition to touchscreen 504, device 500 has a display and a touch-sensitive surface. Similar to devices 100 and 300, in some embodiments, touchscreen 504 (or the touch-sensitive surface) optionally includes one or more intensity sensors for detecting the intensity of an applied contact (e.g., a touch). The one or more intensity sensors in touchscreen 504 (or the touch-sensitive surface) can provide output data representing the intensity of the touch. A user interface of device 500 can respond to a touch based on its intensity, meaning that touches of different intensities can 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 applications, International Patent Application No. PCT / US2013 / 040061, entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application," filed May 8, 2013, and published as WIPO Publication No. WO / 2013 / 169849, and International Patent Application No. PCT / US2013 / 069483, entitled "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships," filed November 11, 2013, and published as WIPO Publication No. WO / 2014 / 105276, each of which is incorporated herein by reference in its entirety.

[0171] In some embodiments, device 500 has one or more input mechanisms 506 and 508. Input mechanisms 506 and 508, if included, can be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments, device 500 has one or more attachment mechanisms. Such attachment mechanisms, if included, can allow device 500 to be attached to, for example, a hat, eyeglasses, earrings, a necklace, a shirt, a jacket, a bracelet, a watch band, a chain, pants, a belt, shoes, a wallet, a backpack, etc. These attachment mechanisms allow device 500 to be worn by a user.

[0172] FIG. 5B illustrates 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 operably coupling an I / O section 514 to one or more computer processors 516 and memory 518. I / O section 514 can be connected to a display 504, which can have touch-sensing components 522 and, optionally, an intensity sensor 524 (e.g., a contact intensity sensor). Additionally, 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 input mechanisms 506 and / or 508. Input mechanism 506 is optionally, for example, a rotatable input device or a depressible and rotatable input device. In some examples, input mechanism 508 is optionally 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, an orientation sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and / or combinations thereof, all of which may 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-transitory computer-readable storage media for storing computer-executable instructions that, when executed by one or more computer processors 516, can cause the computer processors to perform the techniques described below, including processes 700 (FIGS. 7A-7C), 900 (FIGS. 9A-9B), 1100 (FIGS. 11A-11H), 1300 (FIGS. 13A-13C), 1500 (FIGS. 15A-15F), 1700 (FIGS. 17A-17D), and 1900 (FIGS. 19A-19C). A computer-readable storage medium may be any medium that can tangibly contain or store computer-executable instructions for use by or in connection with an instruction execution system, apparatus, or device. In some examples, the storage medium is a transitory computer-readable storage medium. In some examples, the storage medium is a non-transitory computer-readable storage medium. The non-transitory computer-readable storage medium may include, but is not limited to, magnetic, optical, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, optical disks based on CD, DVD, or Blu-ray technology, and persistent solid-state memory such as flash solid-state drives. The personal electronic device 500 is not limited to the components and configuration of FIG. 5B and may include other or additional components in multiple configurations.

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

[0176] As used herein, the term “focus selection” refers to an input element that indicates the current portion of a user interface with which a user is interacting. In some implementations involving a cursor or other location marker, the cursor acts as the “focus selection,” such that when input (e.g., a touch-sensitive input) is detected on a touch-sensitive surface (e.g., touchpad 355 of FIG. 3 or touch-sensitive surface 451 of FIG. 4B) while the cursor is positioned over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in response to the detected input. In some implementations involving a touchscreen display (e.g., touch-sensitive display system 112 of FIG. 1A or touchscreen 112 of FIG. 4A) that enables direct interaction with user interface elements on the touchscreen display, a contact detected on the touchscreen acts as the “focus selection,” such that when input (e.g., a touch-sensitive input) is detected on the touchscreen display at the location of a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in response to the detected input. In some implementations, focus is moved from one region of the user interface to another region of the user interface (e.g., by using the tab key or arrow keys to move focus from one button to another) without corresponding cursor or contact movement on the touchscreen display, and in these implementations, the focus selection moves in response to movement of focus between different regions of the user interface. Regardless of the particular form the focus selection takes, the focus selection is generally a user interface element (or contact on a touchscreen display) that is controlled by the user to communicate the user's intended interaction with the user interface (e.g., by indicating to the device the element of the user interface with which the user intends to interact).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 (e.g., a cursor, contact, or selection box) over the respective button indicates that the user intends to activate the respective button (as opposed to other user interface elements shown on the device's display).

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

[0178] Figures 6A-6H illustrate exemplary user interfaces for displaying and enabling adjustment of displayed time zones according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the processes of Figures 7A-7C.

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

[0180] 6A , the second analog dial 606 is a ring that surrounds 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 is aligned with 12 o'clock on the first analog dial 608. The first analog dial 608 and the second analog dial 606 are associated with 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., a location within the time zone associated with the second analog dial 606).

[0181] 6A, the first analog dial 608 and the second analog dial 606 are associated with the same time zone, the first time zone, and the time indicators associated with each dial (e.g., hour hand 608A, minute hand 608B, and / or second hand 608C for the first analog dial 608, and clock hand 608D for the second analog dial 608) indicate the same time (the current time in the first time zone). In FIG. 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 clock hand 608D indicates 6:00 AM on the second analog dial 606.

[0182] 6A , the second analog dial 606 includes tick marks that represent positions on the second analog dial 606 that correspond to respective hours, and a current time indicator 606D that includes a numeric indicator of the hour of the current time within a time zone associated with the second analog dial 606 (e.g., the second analog dial 606 includes a single numeric indicator for only the hour of the current time). In some embodiments, the current time indicator 606D is displayed only if 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 a time period associated with the second analog dial and a second portion 606B corresponding to daytime within a time period associated with the second analog dial (e.g., a 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 characteristics (e.g., different colors, brightness, transparency, or patterns). The boundary between the first portion 606A and the second portion 606B clockwise from the midnight marker 606C corresponds to sunrise (approximately the 6 o'clock position), and the boundary between the first portion 606A and the second portion 606B counterclockwise from the midnight marker 606C corresponds to sunset (approximately the 8 o'clock position). In FIG. 6A, the size (eg, angular range) of the first portion 606A is smaller than the size of the second portion 606B, indicating that night is shorter than day.

[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, the season, and / or the geographic 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 period is summer than when the same location is winter). In some embodiments, the first portion 606A and the second portion 606B appear differently when the second analog dial 606 is associated with a first location within the 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 occur later in Cleveland than in New York City (because Cleveland and New York City are in the same time zone, but Cleveland is located west of New York City), first portion 606A and second portion 606B will be displayed differently when second analog dial 606 is associated with Cleveland than when second analog dial 606 is associated with New York City (e.g., for Cleveland, first portion 606A and second portion 606B will rotate clockwise relative to marker 606C compared to their position relative to New York City). Similarly, because Seattle has longer days (e.g., earlier sunrises and later sunsets) during the summer than San Diego (because Seattle and San Diego are in the same time zone but Seattle is at a higher latitude than San Diego), first portion 606B and second portion 606A will appear differently when second analog dial 606 is associated with Seattle than when second analog dial 606 is associated with San Diego (e.g., during the summer in Seattle and San Diego, first portion 606A will have a smaller angular range and second portion 606B will have a larger angular range in Seattle 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 the particular location (e.g., in a particular location, the angular range of the first portion 606A representing nighttime is greater in winter than in summer).

[0185] Figure 6B shows the 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. If the current time indicator 606D was located in Figure 6A when the current time was 6:00 AM, then the current time indicator 606D would be displayed at 10 o'clock on the second analog dial 606 and a tick mark would be displayed at 6 o'clock on the second analog dial 606, depending on the current time associated with the second analog dial 606.

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

[0187] In response to receiving the input 610, the device 600 displays a 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 watch user interface 612A, second analog dial 606 includes numeric time indicators at positions on second analog dial 606 corresponding to respective hours (e.g., the tick markings shown in FIG. 6B are replaced with numeric values shown in FIG. 6C). The display of markers 606C is maintained. Watch user interface 612 includes a visual indication 614 of the current time within a time zone associated with second analog dial 606. In FIG. 6C, visual indication 614 includes a circle around each numeric time indicator that corresponds to the hour of the current time within the time zone associated with second analog dial 606. In some embodiments, visual indicator 614 includes highlighting of each numeric time indicator and / or displaying each numeric indicator with different visual characteristics (e.g., style, color, size, font) than the other numeric time indicators.

[0189] Watch user interface 612A includes a time zone selection element 616 that displays selected time zone options corresponding to the time zone associated with the second analog dial. In the embodiment shown in FIGS. 6B-6C , time zone selection element 616 replaces the display of first analog dial 608 (e.g., device 600 stops displaying first analog dial 608 and displays time zone selection element 616), and complications 605A-605D are replaced with affordance 607 (e.g., device 600 stops displaying complications 605A-605D and displays affordance 607). In some embodiments, device 600 displays complications 605A-605D in watch user interface 612A. In some embodiments, device 600 does not display affordance 607 in watch user interface 612A.

[0190] In the embodiment shown in FIG. 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. The time zone option corresponding to the time zone associated with the second analog dial 606 is designated by being visually distinguished (e.g., by being focused on, emphasized, outlined, displayed without displaying other time zone options, highlighted in a different color from the other time zone options, or displayed with a higher or lower transparency than the other time zone options). In the embodiment shown in FIG. 6D , the time zone option corresponding to the time zone associated with the second analog dial 606 is visually distinguished by being displayed in the center of the time zone selection element 616 and at a larger size than the other time zone options. In some embodiments, the time zone option indicates the current time in the corresponding time zone and an identifier for the time zone (called a time zone identifier). For example, in FIG. 6C , the option for the Mountain Time Zone includes the current time in the Mountain Time Zone (11:09) and 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 a system setting or by a user), the time zone identifier includes letters representing the specific geographic location, if the option corresponds to the time zone in which device 600 is located, the time zone identifier includes a “current location” symbol (e.g., the arrow to the left of 10:09 in FIG. 6C ), and if a specific geographic location is not specified for the time zone option and the time zone option does not correspond to the location of device 600, the time zone identifier includes a numeric indicator of the offset (e.g., because no geographic location is specified for a time zone adjacent to the west of the Pacific time zone, which has a current time of 9:09 corresponding to an offset of one hour behind, the time zone indicator includes the numeric indicator “−1”).In some embodiments, the time zone identifier indicates the offset of the time zone option compared to Coordinated Universal Time (UTC) or Greenwich Mean Time (GMT).

[0191] While displaying watch user interface 612A, device 600 receives (e.g., detects) input 618. In FIG. 6C , input 618 includes rotation of rotatable input mechanism 603. In some embodiments, input 618 includes a gesture (e.g., a vertical swipe on display 602). In response to receiving input 618, device 600 displays watch user interface 612B shown in FIG. 6D . Watch user interface 612B specifies a different time zone option compared to FIG. 6C (e.g., device 600 changes the specified time zone option in response to input 618). In FIG. 6D , the list of options in time zone selection element 616 has been moved (e.g., scrolled) compared to FIG. 6C to specify a different time zone (Mountain Time), and second analog dial 606 is displayed with a different orientation (e.g., rotated) relative to time zone selection element 616 to correspond to the specified time zone option compared to FIG. 6C . In some embodiments, in response to receiving the input 618, the device 600 displays an animated rotation of the second analog dial 606 and / or an animated scrolling or rotation of the list of options within the time period selection element 616. The change in the second analog dial 606 corresponds to the change in the time period selection element 616, and thus the time indicated by the visual indication 614 within the second analog dial 606 corresponds to the current hour (DEN 11:09) associated with the specified time period option. In FIG. 6D , the second analog dial 606 has rotated counterclockwise by 1 / 24 of a rotation (e.g., 1 hour), and thus the hour value relative to the time of 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 embodiment shown in FIGS. 6C-6D , the second analog dial 606 rotates about an axis perpendicular to the surface of the display 602 and passes 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 about an axis orthogonal to the axis of rotation of the second analog dial 606 (e.g., the time zone options appear to rotate about 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 (e.g., toward and away from the surface of the display 602) in addition to moving vertically on the display 602).

[0193] In some embodiments, the device 600 changes the offset by an amount based on (e.g., proportional to) 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 varies the offset based on the direction of input 618 (e.g., the direction of rotation of rotatable input mechanism 603, the direction of the gesture). For example, device 600 increases the offset (e.g., move toward a time period option that is further ahead in time) in response to an input in a first direction (e.g., a clockwise rotation, an upward gesture) and decreases the offset (e.g., move toward a time period option that is further behind in time) in response to an input in a second direction (e.g., a direction opposite to the first direction, a counterclockwise rotation, a downward gesture).

[0195] In FIG. 6D , the device 600 receives (e.g., detects) an input 620 (e.g., a gesture, a rotation of the rotatable input mechanism 603). In FIG. 6D , the input 620 includes a rotation of the rotatable input mechanism 603. In some embodiments, the input 620 is a continuation of the input 618 (e.g., a further rotation of the rotatable input mechanism 603). In response to the input 620, the device 600 displays the watch user interface 612C shown in FIG. 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 the device 600 is located), corresponding to an offset of +8 hours. In the example shown in FIG. 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 a 24-hour system). The second analog dial 606 is positioned to correspond to the selected time zone option, such that a numeric indicator for the time of 18:00 is shown by the visual indication 614 (e.g., the visual indication 614 remains in the same position, and the second analog dial 606 rotates counterclockwise from the orientation shown in FIG. 6D ). As the time zone option is changed, the first portion 606A and the second portion 606B are displayed (e.g., updated) according to the selected option (e.g., to represent daytime and nighttime hours based on the geographic location and season for the selected option, as described above). For example, the first portion 606A and the second portion 606B may indicate sunrise and sunset times of approximately 6 AM and 8 PM, respectively, for Los Angeles in FIG. 6C and sunrise and sunset times of 7 AM and 7 PM, respectively, for London in FIG. 6E .

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

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

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

[0199] As shown in FIG. 6F, the device 600 stops displaying the affordance 607 and the time zone selection element 616, and displays the first analog dial 608, the hour hand 608A, the minute hand 608B, and the clock hand 608D. In FIG. 6F, compared with the watch user interface 612C, the second analog dial 606 includes scale marks indicating the respective time positions and a marker 606C similar in appearance to the second analog dial 606 shown in FIGS. 6A-6B. In some embodiments, the numerical time indicator shown in FIG. 6E fades out and the scale marks shown in FIG. 6F fade in. In FIG. 6G, the complications 605A-605D are displayed (e.g., all at the same time, one at a time, while the scale marks are being displayed, after the scale marks have been 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 with respect to the first analog dial 608, the clock hand 608D indicates the current time within the time zone selected in FIGS. 6C-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 FIGS. 6C-6E. The orientation of the second analog dial 606 with respect 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 character indication ("LON") of the time zone associated with the second analog dial 606 (e.g., an abbreviation of 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 in 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 (e.g., if the first analog dial 608 represents a 24-hour period, the clock hand 608D indicates the current time in the time zone associated with the first analog dial 608, such that at midnight in the time zone associated with the first analog dial 608, the clock hand 608D points to 12 o'clock on the first analog dial 608, and at 6:00 AM in the time zone associated with the first analog dial 608, the clock hand 608D points to 3 o'clock on the first analog dial 608).

[0202] Referring to FIG. 6H, the watch user interface 604B is displayed at a different (e.g., later) time compared to FIG. 6G. In FIG. 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 the 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 a 24-hour clock). The second analog dial 606 has the same orientation relative to the first analog dial 608 as in FIG. 6G (e.g., unless the time zone associated with the second analog dial 606 is changed, the orientation of the second analog dial 606 relative to the first analog dial 608 remains the same (e.g., is maintained) as time advances). The clock hand 608D indicates the current time in the time zone associated with the second analog dial 606 by being positioned at the location on the second analog dial that represents 19:00. 6G, the clock hands 608D rotate clockwise (e.g., the clock hands 608D advance clockwise at 1 / 24 of a revolution per hour), and the current time indicator 606D is displayed at the 19:00 position instead of the 18:00 position. In some embodiments, the current time indicator 606D advances to the next adjacent hour position, which is located at the top of the hour (e.g., when the current time changes from 18:59 to 19:00).

[0203] 7A-7C are flow diagrams illustrating a method for displaying and enabling adjustment of a displayed time zone according to some 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) in communication with a display-generating component and one or more input devices (e.g., including a touch-sensitive surface integrated with the display-generating component, a mechanical input device, a rotatable input device, a rotatable and depressible input device, a microphone). Some operations of method 700 may be optionally combined, the order of some operations may be optionally changed, and some operations may be optionally omitted.

[0204] As described below, method 700 provides an intuitive way to manage time-related user interfaces. This method reduces the cognitive burden placed on a user to manage time-related user interfaces, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to manage time-related user interfaces more quickly and efficiently conserves power and increases the time between battery charges.

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

[0206] In some embodiments, the same time is shown on both the first analog dial and the second analog dial. In some embodiments, the second time indicator is displayed in a different color and / or shape than 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 graphical indicator (e.g., 606C) (e.g., a marker, a triangle marker) of the midnight mark (e.g., the 24-hour mark on a 24-hour dial). Simultaneously displaying a first analog dial indicating the current time in a first time zone and a second analog dial indicating the current time in a second time zone enables a user to quickly and easily view the current time for different time zones with a reduced number of inputs. Reducing the number of inputs required to perform operations increases device usability and makes the user-device interface more efficient (e.g., by helping users provide appropriate inputs and reducing user errors when operating / interacting with the device), as well as reducing power usage and improving device battery life by enabling users to use the device more quickly and efficiently.

[0207] After displaying (708) 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, the computer system (e.g., 600) receives (710) a request (e.g., 610, 618, 620) via one or more input devices to change a time zone associated with the second analog dial (e.g., a time zone shown / represented via the second analog dial).

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

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

[0210] Displaying the 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 that indicates a current time within a first time zone (e.g., a first time, the sum of the first time and an amount of time that has elapsed since detecting a 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 that indicates a current time within a third time zone, the second analog dial being displayed in a second orientation relative to the first analog dial (e.g., based on a difference between the first time zone and the third time zone) (726). Displaying the current time in the third time zone on the second analog dial, with the second analog dial displayed 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. Providing additional features on the user interface, along with additional displayed controls, without cluttering the UI, increases 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), as well as reducing power usage and improving the device's battery life by enabling the user to use the device more quickly and efficiently.

[0211] In some embodiments, the first analog dial (e.g., 608) represents a 12-hour period, the first time indicator (e.g., 608A or 608B) includes at least a first clock hand (e.g., hour hand) on the first analog dial that indicates 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 the second analog dial (e.g., 606) represents a 24-hour period, and the second time indicator (e.g., 608D) includes a second clock hand (e.g., alternate hour hand) on the second analog dial that indicates the current time within a time zone associated with the second analog dial (e.g., the position of the second clock hand relative to the second analog dial indicates the current time within the time zone associated with the second analog dial). Providing a first analog dial representing a 12-hour cycle and a second analog dial representing a 24-hour cycle enables a user to easily distinguish between the two analog dials, thereby increasing usability of the device and making the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as reducing power usage and improving the battery life of the device by enabling the user to use the device more quickly and efficiently.

[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 the first time zone (e.g., the first analog dial and the second analog dial indicate the current time in different time zones), the computer system (e.g., 600) displays (728) a numeric indication of the hour of the current time in the third time zone (e.g., 606D) in the second analog dial without displaying any other numeric indication of the hour in the second analog dial. In some embodiments, when the second analog dial is associated with (e.g., configured with) a third time zone and the third time zone is different from the first time zone (e.g., the first analog dial and the second analog dial show the current time in different time zones), the computer system displays within the second analog dial a numeric indication of the current hour in the third time zone, as well as numeric indications of a subset (e.g., less than all) of the other hours (e.g., one or more hours before and / or after the current time, but less than all 24 hours).

[0213] In some embodiments, the watch user interface (e.g., 604A) includes (730) a text indication (e.g., 608E, name, abbreviation of the name) of a location (e.g., city, country, region) associated with the second analog dial (e.g., 606). Including a text indication of a location associated with the second analog dial in the watch user interface enables a user to easily identify the time period displayed via the second analog dial, thereby enhancing device usability and making the user-device interface more efficient (e.g., by helping a user read or view displayed content more easily), as well as reducing power usage and improving device battery life by enabling a user to use the device more quickly and efficiently.

[0214] In some embodiments, the second analog dial (e.g., 606) includes a first portion (e.g., 606B) (e.g., represented by portion 606B in FIGS. 6A-6B and 6G-6H ) that corresponds to daytime within a time period associated with the second analog dial and includes a first visual characteristic (e.g., first color, first brightness / dimness level) (e.g., daytime hours, starting at a point within the second analog dial that corresponds to sunrise time (e.g., a first boundary between portions 606B and 606A in FIGS. 6A-6B and 6G-6H ) and ending at a point within the second analog dial that corresponds to sunset time (e.g., a first boundary between portions 606B and 606A in FIGS. 6A-6B and 6G-6H ). and a second portion (e.g., 606A) (e.g., the remainder of the second analog dial other than the first portion) (e.g., represented by portion 606A in FIGS. 6A-6B and 6G-6H ) (e.g., nighttime hours start at a point corresponding to sunset time within the second analog dial and end at a point corresponding to sunrise time within the second analog dial) (736) that corresponds to nighttime hours within the time zone associated with the second analog dial (732). Providing a first portion corresponding to daytime hours and a second portion corresponding to nighttime hours within the time zone associated with the second analog dial intuitively provides information regarding daytime / nighttime hours for the time zone associated with the second analog dial. Providing improved feedback increases the usability of the device, makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces power usage and improves the device's battery life by enabling the user to use the device more quickly and efficiently.

[0215] In some embodiments, a first position (e.g., a point on the second analog dial corresponding to sunrise time) within the second analog dial (e.g., 606) corresponding to the start point for the first portion (e.g., 606B) and the end point for the second portion (e.g., 606A), and a second position (e.g., a point on the second analog dial corresponding to sunset time) within the second analog dial corresponding to the end point for the first portion and the start point for the second portion are determined (e.g., automatically) based on a geographic location (e.g., a location (e.g., city, region) corresponding to a respective time zone) and a 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 the second analog dial (e.g., 606) includes detecting (712) a user input (e.g., 610) (e.g., touch input) targeted to a location (e.g., a center region) on the watch user interface (e.g., 604A) via one or more input devices (e.g., a touch-sensitive surface integrated with a display generating component). In some embodiments, the request is received while the computer system (e.g., 600) is displaying or causing to be displayed the watch user interface via the display generating component (e.g., 602), and receiving the request does not require accessing a menu or dedicated edit mode to edit the second analog dial. In some embodiments, changing (e.g., moving, rotating) the second analog dial does not cause a change 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 the second analog dial (e.g., 606) includes detecting (714) a rotational input (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 depressible input device).

[0218] In some embodiments, changing the time zone associated with the second analog dial (e.g., 606) to a third time zone (e.g., the time zone corresponding to "LON" in FIGS. 6E-6H ) that is different from the first time zone (e.g., the current time zone associated with the first analog dial 608 in FIGS. 6A-6B ) may involve rotating the second analog dial (e.g., 606) around a first axis of rotation (e.g., in response to detecting an input (e.g., 618, 620) intended to rotate the second analog dial). 6) relative to a first analog dial (e.g., 608) in a respective orientation (e.g., when the first analog dial is not being rotated) (e.g., from the orientation of the second analog dial relative to the first analog dial shown in FIG. 6C to the orientation of the second analog dial relative to the first analog dial shown in FIG. 6E) (e.g., the rotation is displayed (e.g., as an animation) when an input (e.g., a rotate input on a rotatable input device, a touch input such as a swipe or pinch input) is being received), where the first axis of rotation is orthogonal to a surface of the display generating component (e.g., 602). In some embodiments, the first axis of rotation passes through a center of the display generating component (e.g., 602). In some embodiments, the first axis of rotation is orthogonal to the axis of rotation of an input intended to rotate the second analog dial. When changing the time zone associated with the second analog dial, rotating the second analog dial about the first axis of rotation, with the first axis of rotation perpendicular to the surface of the display generating component, intuitively provides visual feedback of the time zone being changed. Providing improved feedback increases usability of the device and makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as reducing power usage and improving the device's battery life by enabling the user to use the device more quickly and efficiently.

[0219] In some embodiments, in response to determining that an input intended to rotate the 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., a clockwise direction), the computer system (e.g., 600) rotates the second analog dial (e.g., 606) in the first direction (e.g., a clockwise direction) about 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 determining that an input (e.g., a touch input such as a rotate input, swipe or pinch input on a rotatable input device (e.g., 603)) intended to rotate the second analog dial (e.g., 606) is in a second direction (e.g., a counterclockwise direction) (e.g., an input in the opposite direction to inputs 618 and 620 of Figures 6C-6D), the computer system (e.g., 600) rotates the second analog dial (e.g., 606) in the second direction (e.g., a counterclockwise direction) about the first axis of rotation.

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

[0222] In some embodiments, when (e.g., only when) the second analog dial (e.g., 606) is rotated, the computer system (e.g., 600) displays or causes to be displayed within the second analog dial a number corresponding to each time mark (e.g., each hour mark) within the second analog dial.

[0223] In some embodiments, changing the time zone associated with the second analog dial (e.g., 606) to a third time zone (e.g., the time zone corresponding to "LON" in FIGS. 6E-6H ) that is different from the first time zone (e.g., the current time zone associated with the first analog dial 608 in FIGS. 6A-6B ) includes (e.g., in response to detecting an input (e.g., 618, 620) intended to rotate the rotatable user interface element (e.g., 616) (e.g., when detecting the input intended to rotate the rotatable user interface element)) rotating the rotatable user interface element (e.g., as shown via rotation of the time zone selection element 616 in FIGS. 6C-6E ) around a second axis of rotation (e.g., when simultaneously rotating the second analog dial (e.g., 606) to reflect the change in time zone), the second axis of rotation being parallel to the surface of the display generating 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, rotating the rotatable user interface element about the second axis of rotation, with the second axis of rotation parallel to the surface of the display generating component (e.g., while simultaneously rotating the second analog dial to reflect the change in time zone), intuitively provides visual feedback of the time zone being changed. Providing improved feedback increases usability of the device and makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as reducing power usage and improving the device's battery life by enabling the user to use the device more quickly and efficiently.

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

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

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

[0227] In some embodiments, the one or more input devices include a rotatable input device (e.g., 603) (e.g., a rotatable and depressible input device), and changing the time zone associated with the second analog dial (e.g., 606) to a third time zone different from the first time zone includes changing the time zone associated with the second analog dial to the third time zone in response to detecting a rotational input (e.g., 618 or 620) (e.g., a clockwise or counterclockwise direction) via the rotatable input device. Changing the time zone associated with the second analog dial in response to detecting a rotational input via the rotatable input device provides an intuitive way for a user to navigate available time zones and select a different time zone. Providing improved control options increases device usability and makes the user-device interface more efficient (e.g., by helping users provide appropriate inputs and reducing user errors when operating / interacting with the device), as well as reducing power usage and improving device battery life by enabling users to use the device more quickly and efficiently.

[0228] In some embodiments, in response to changing the time zone associated with the second analog dial (e.g., 606) to a third time zone, different from the first time zone, the computer system (e.g., 600) adjusts a visual indication of daylight (e.g., 606B) (e.g., daylight hours, time between sunrise and sunset) within the second analog dial to indicate daylight in the third time zone (e.g., not the second time zone), where adjusting the visual indication of daylight to indicate daylight in the third time zone includes transitioning from visually distinguishing (e.g., using a first color, a first shade) a first portion of the second analog dial (e.g., 606B of FIG. 6B ) (from the remainder of the second analog dial) to visually distinguishing (from the remainder of the second analog dial) a second portion of the second analog dial (e.g., 606B of FIG. 6D ), where the second portion of the second analog dial corresponds to the visual indication of daylight in the third time zone. In some embodiments, the visual indication of daylight includes a portion of the second analog dial corresponding to daylight hours that is indicated (e.g., colored, brightened, or darkened) with a first visual characteristic, and a remaining portion of the second analog dial that does not correspond to daylight hours (e.g., 606A) is not indicated with the first visual characteristic. In some embodiments, the portion of the second analog dial that corresponds to daylight hours (e.g., 606B) is a first size, and the remaining portion of the second analog dial that does not correspond to daylight hours (e.g., 606A) is a second size that is different from the first size. When the time zone is changed, adjusting the visual indication of daylight hours (e.g., daylight hours, time between sunrise and sunset) within the second analog dial to indicate daylight for the new time zone intuitively provides information about the different day / night hours in the new time zone. Providing improved feedback increases the usability of the device, makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces power usage and improves the device's battery life by enabling the user 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 that corresponds to daytime hours (e.g., 606B) and the remaining portion of the second analog dial that does not correspond to daytime hours (e.g., 606A) may vary (e.g., because different regions / locations within the same time zone may have different daytime hours). In some embodiments, for a first location (e.g., a first city, a first region) within each time zone (e.g., “CHI” as shown in FIG. 6D via time zone selection element 616), the portion of the second analog dial that corresponds to daytime hours has a first size (e.g., the size of 606B in FIGS. 6A-6B) and the remaining portion of the second analog dial that does not correspond to daytime hours has a second size (e.g., the size of 606A in FIGS. 6A-6B) that is different from the first size. In some embodiments, at a second location (e.g., a second city, a second region) within each time zone (e.g., “DAL” as shown via a rotatable user interface element in FIG. 6D ), the portion of the second analog dial corresponding to daytime hours has a third size different from the first size, and the remaining portion of the second analog dial not corresponding to daytime hours 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 the second analog dial (e.g., 606) includes receiving a selection of a geographic 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) including multiple selectable time zone options). In some embodiments, in response to receiving the selection of the geographic location within the third time zone and determining that the geographic 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 (e.g., via different visual characteristics, via a different shade, via a different color) within the second analog dial (e.g., 606) a visual indication of daylight (e.g., daylight hours, time between sunrise and sunset) at a first position within the second analog dial (indicating daylight hours at the first location within the third time zone). In some embodiments, in response to receiving a selection of the geographic location within the third time zone, in response to determining that the geographic 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 (e.g., via different visual characteristics, via a different shade, via a different color) a visual indication of daylight (e.g., 606B of FIG. 6D ) at a second position within the second analog dial (indicating daylight hours at the second location within the third time zone). In some embodiments, the visual indication of daylight at the first location is a different size / length and / or encompasses (e.g., covers) a different portion (e.g., due to a different amount of daylight between the first and second locations) of the second analog dial.When the time zone is changed, adjusting the visual indication of daylight (e.g., daylight hours, hours between sunrise and sunset) in the second analog dial to indicate daylight in the new time zone intuitively provides information about the different daylight / night hours in the new time zone. Providing improved feedback increases device usability and makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as reducing power usage and improving the device's battery life by enabling the user to use the device more quickly and efficiently.

[0231] In some embodiments, changing the time zone associated with the second analog dial (e.g., 606) to the third time zone includes changing a numeric indicator (e.g., 606D) (e.g., in the second analog dial) corresponding to the current time indicated by the second time indicator (e.g., 608D) from a first value (e.g., the number of hours in the first time) 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 the second value corresponding to the current time in the third time zone, a user can quickly and easily identify the current time in the third time zone when the time zone is initially changed. Providing improved feedback improves device usability and makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as reducing device power usage and improving battery life 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 the second analog dial (e.g., 606), the computer system (e.g., 600) displays within the watch user interface (e.g., 604A) (e.g., inside the second analog dial; in place of the first analog dial) a (e.g., rotatable) user interface element (e.g., 616) including a plurality of selectable time zone options (e.g., a list thereof; a rotatable list thereof), the plurality of selectable time zone options being arranged (e.g., ordered) based on the amount of time offset (e.g., plus / minus a certain number of hours) between the first time zone and each time zone option of the plurality of selectable time zone options. Displaying the user interface element including a plurality of selectable time zone options (e.g., a list thereof; a rotatable list thereof) allows a user to efficiently navigate (e.g., scroll) through the selectable time zone options because the time zone options are intuitively arranged when the plurality of selectable time zone options are arranged (e.g., ordered) based on the amount of time offset. Providing improved control options improves the usability of the device, makes the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), and also reduces the device's power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0233] In some embodiments, the plurality of selectable time zone options (e.g., indicated via 616) include a first time zone option corresponding to a specified geographic location (e.g., a first city; a first country; a first geographic region (e.g., a saved time zone; a favorite time zone; a time zone selected and / or stored within the world clock application)), where the displayed first time zone option includes a textual indication (e.g., an abbreviation) of the specified geographic location, and a second time zone option not corresponding to the specified geographic location (e.g., a time zone that is not saved, not a favorite time zone, or not stored or selected within the world clock application or a different application), where the displayed second time zone option includes a numeric indication (e.g., a plus or minus number) of a respective amount of time offset (e.g., plus / minus a particular number of hours) between the second time zone and the time zone corresponding to the second time zone option.

[0234] In some embodiments, the plurality of selectable time zone options (e.g., indicated via 616) include a third time zone option corresponding to a first geographic location (e.g., a first city; a first country; a first geographic region), where the first geographic location corresponds to a first time zone (e.g., a saved time zone; a favorite time zone; a time zone selected and / or stored within a world clock application), and the displayed first time zone option includes a text indication (e.g., an abbreviation) of the first geographic location; and a fourth time zone option corresponding to a second geographic location different from the first physical location, where the second geographic location corresponds to the first time zone, and the fourth time zone option includes a text indication (e.g., an abbreviation) of the second geographic 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), where displaying the watch user interface includes simultaneously displaying a selectable user interface object (e.g., 607; confirmation affordance; “set” or “done” option) for confirming the time zone change for the second analog dial (e.g., 606). In some embodiments, the computer system detects activation (e.g., selection) (e.g., 622) of the selectable user interface object via one or more input devices (e.g., a touch-sensitive 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 configures the second analog dial and a second time indicator (e.g., 608D) to indicate the current time in the third time zone on the second analog dial (and, e.g., cease displaying the selectable user interface object).

[0236] It should be noted that the details of the processes described above with respect to method 700 (e.g., FIGS. 7A-7C) are also applicable in an analogous manner to the methods described below. For example, method 900 optionally includes one or more of the characteristics of the various methods described above with reference to method 700. For example, a watch user interface such as that described with reference to FIGS. 6A-6H can be included and may be used to perform a counting operation, as described with reference to FIGS. 8A-8M. In another example, method 1100 optionally includes one or more of the characteristics of the various methods described above with reference to method 700. For example, a device may use as a watch user interface either a user interface including a time indication and a graphical representation of a character, as described with reference to FIGS. 10A-10AC, or a watch user interface such as that described with reference to FIGS. 6A-6H. In another example, method 1300 optionally includes one or more of the characteristics of the various methods described above with reference to method 700. For example, the device may use as the watch user interface either a time user interface as described with reference to FIGS. 12A-12G or a watch user interface as described with reference to FIGS. 6A-6H. In another example, method 1500 optionally includes one or more of the 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 FIGS. 6A-6H may be created or edited via a background updating process as described with reference to FIGS. 14A-14AD. In another example, method 1700 optionally includes one or more of the characteristics of the various methods described above with reference to method 700. For example, a process for changing one or more complications of a watch user interface as described with reference to FIGS. 16A-16AE may be used to change one or more complications of a watch user interface as described with reference to FIGS. 6A-6H. For the sake of brevity, these details will not be repeated below.

[0237] 8A-8M show example user interfaces for initiating a time measurement, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the processes in FIGS. 9A-9B.

[0238] 8A shows device 600 displaying a watch user interface 800 including an analog watch face 804, an hour hand 802A, a minute hand 802B, and a second hand 802C. Analog watch face 804 includes a bezel 804A (e.g., a ring representing 12 hours for hour hand 802A and a ring representing 60 minutes for minute hand 802B) and a graphical indicator 806. In some embodiments, bezel 804A includes graphical indicator 806 (e.g., graphical indicator 806 is fixed in position on bezel 804A). In some embodiments, graphical indicator 806 is independent of at least a portion of bezel 804A (e.g., graphical indicator 806 may be displayed independently of at least a portion of bezel 804A or may be repositionable relative to at least a portion of bezel 804A).

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

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

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

[0242] 8C, bezel 804A and graphical indicator 806 are displayed in a position (e.g., orientation) relative to analog watch face 804 such that graphical indicator 806 is aligned with minute hand 802B (e.g., graphical indicator 806 snaps into alignment with minute hand 802B in response to receiving input 808), and counter 810 is updated to indicate that one second has elapsed (e.g., from the time device 600 received input 808 and graphical indicator 806 became aligned with minute hand 802B). In FIG. 8C, the length of minute hand 802B is displayed (e.g., remains) such that minute hand 802B does not overlap with bezel 804A.

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

[0244] 8A to 8C is animated (e.g., device 600 displays animation of bezel 804A rotating until graphical indicator 806 is aligned with minute hand 802B). In some embodiments, device 600 displays bezel 804 in the orientation shown in FIG. 8C, with graphical indicator 806 aligned with minute hand 802B in response to receiving input 808, without animation or displaying the intermediate state shown in FIG. 8B. As time passes (e.g., without further input), bezel 804A and graphical indicator 806 remain stationary relative to analog dial 804, while the hands of watch dial 804 advance to indicate the current time and counter 810 continues to update according to the elapsed time.

[0245] 8A-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 (e.g., device 600 aligns graphical indicator 806 with minute hand 802B and displays counter 810, but does not start counter 810 (e.g., counter 810 remains at zero time)) until further input is received.

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

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

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

[0249] Alternatively, in response to input 808, device 600 displays watch user interface 800 as shown in FIG. 8E. In FIG. 8E, device 600 displays counter 810, similar to FIGS. 8B-8D, with minute hand 802B shortened in length, bezel 804A and graphical indicator 806 rotated clockwise, thereby aligning graphical indicator 806 with minute hand 802B relative to analog watch face 804 (e.g., graphical indicator 806 snaps into alignment with minute hand 802B in response to receiving input 808), and visual characteristics (e.g., fill color, fill pattern, outline color, brightness, transparency) of hour hand 802A and minute hand 802B change. As an alternative to FIGS. 8B-8D, counter 810 does not start in response to receiving input 808.

[0250] In FIG. 8E, while displaying a watch user interface 800 including a counter 810 that has not started (e.g., the counter 810 maintains time at zero) and the graphical indicator 806 is aligned with the minute hand 802B, the device 600 receives (e.g., detects) an input 816. As shown in FIG. 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 directed to the rotatable input mechanism 603.

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

[0252] Referring to FIG. 8G, the watch user interface 800 is displayed with the time after 20 minutes and 20 seconds have elapsed, as indicated by the counter 810. FIG. 8G shows that as the minute hand 802B moves through time, the device 600 maintains the orientation of the bezel 804A and displays tick marks clockwise from the graphical indicator 806 to the minute hand 802B at the minute positions on the bezel 804A (e.g., between the existing 5-minute interval marks). FIG. 8H shows the watch user interface 800 with the time after 56 minutes and 35 seconds have elapsed, as indicated by the counter 810. At this time, the minute hand 802B has not rotated completely around the clock face 804 relative to the position of the graphical indicator 806. In FIG. 81, 1 hour, 6 minutes, and 35 seconds have elapsed (as indicated by the counter 810). The minute hand 802B has rotated more than one revolution around the clock face 804 and has passed the graphical indicator 806. Once the minute hand 802B has completed one revolution and passed the graphical indicator 806, the device 600 removes the tick marks from the minute positions on the bezel 804A from the graphical indicator 806 to the minute hand 802B. The removal of the tick marks after the minute hand 802B has passed the graphical indicator 806 indicates to the user that the minute hand 802B has completed one revolution.

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

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

[0255] In response to receiving input 824, device 600 displays watch user interface 826 as shown in FIG. 8K. Watch user interface 826 includes a graphical indication of time 810A (e.g., an enlarged version of counter 810), a continue affordance 826A, and a stop affordance 826B. In some embodiments, the graphical indication of time 810A shows a static indication of the elapsed time on counter 810 when input 824 was received. In some embodiments, the graphical indication of time 810A is updated to show the currently elapsed time (e.g., the graphical 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 continues counter 810 in response to receiving input 824. In some embodiments, in response to receiving input 824, device 600 ceases displaying clock face 804 and / or complications 805A-805D. In some embodiments, device 600 displays a graphical indication of time 810A, a continue affordance 826A, and a stop affordance 826B overlaid on watch user interface 824. In some embodiments, in response to receiving input 824, device 600 at least partially obscures (e.g., blurs or grays out) watch user interface 824.

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

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

[0258] As shown in FIG. 8L, in response to receiving input 828, device 600 returns to the watch user interface that was displayed when input 824 was received and continues to update counter 810 (e.g., device 600 ceases displaying continue affordance 826A, stop affordance 826B, and the graphical indication of time 810A (e.g., shrinking the enlarged version of counter 810 to its previous size)).

[0259] As shown in FIG. 8M, in response to receiving input 830, device 600 returns to watch user interface 800 (e.g., device 600 ceases displaying continue affordance 826A, stop affordance 826B, and graphical indication of time 810A), bezel 804A and graphical indicator 806 are aligned with the 12 o'clock position on watch face 804, counter 810 is not displayed, no tick marks are displayed between five-minute intervals on bezel 804, and hour hand 802A and minute hand 802B are displayed with the visual characteristics shown in FIG. 8A (e.g., instead of the visual characteristics shown in FIGS. 8B-8J).

[0260] 9A-9B are flow diagrams illustrating a method for initiating a time measurement, according to some 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) in communication with a display generating component and one or more input devices (e.g., including a touch-sensitive surface integrated with the display generating component; a mechanical input device; a rotatable input device; a rotatable and depressible 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 described below, method 900 provides an intuitive way to manage time-related user interfaces. This method reduces the cognitive burden on a user when managing time-related user interfaces, thereby creating a more efficient human-machine interface. For battery-operated computing devices, allowing a user to manage time-related user interfaces more quickly and efficiently conserves power and extends the time between battery charges.

[0262] A computer system (e.g., 600), via a display generation component (e.g., 602), displays (902) a watch user interface (e.g., 800) (e.g., showing a clock having hour and minute hands), the watch user interface including an analog watch face (e.g., 804) including a first watch hand (e.g., 802B) (e.g., the minute hand of the clock) and a graphical indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)), the graphical indicator displayed at a first position relative to the analog watch face (e.g., along / within a dial area surrounding the clock). In some embodiments, the graphical indicator is initially out of alignment with the first watch hand along the boundary. In some embodiments, the graphical indicator is initially displayed in a top-center position along the boundary.

[0263] While displaying (904) a watch user interface (e.g., 800) via a display generating component (e.g., 602), the computer system (e.g., 600) detects (906) 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 touch-sensitive surface; a touch-sensitive display; a rotatable input device; a rotatable and depressible input device; a mechanical input device)). In some embodiments, the first user input is a first type of input (e.g., a rotation input on the first input device; a scroll input on the first input device; or a tap input on a touch-sensitive surface such as a touchscreen display).

[0264] In response to detecting (910) a first user input (e.g., 808), the computer system (e.g., 600) moves (912) the graphical indicator (e.g., 806) to a second position relative to the analog dial (e.g., 804) so that the graphical indicator is aligned with the first clock hand (e.g., 802B) (e.g., so that the graphical indicator points to or marks the position of the first clock hand; so that the graphical indicator is at the outer end of the first clock hand). Moving the graphical indicator to a second position relative to the analog dial so that the graphical indicator is aligned with the first clock hand in response to detecting the first user input intuitively provides visual feedback of the start of a feature (e.g., the start of a time counter) and the beginning of a feature to be started (e.g., the start time of a counter). Providing improved feedback improves device usability, makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces device power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0265] While the graphical indicator (e.g., 806) is displayed (918) in a second position relative to the analog watch face (e.g., 804), the computer system (e.g., 600) displays (920) a graphical indication of the time (e.g., 810) (e.g., a time counter, a digital counter) that has elapsed from the time the first user input (e.g., 808) (e.g., an input that moves the graphical indicator to a second position relative to the analog watch face so that the graphical indicator is aligned with the hands of the first clock) was detected to the current time. In some embodiments, the graphical indication of the elapsed time is displayed within the analog watch face within the watch user interface (e.g., 800). By displaying a graphical indication of the time that has elapsed since the time of the first user input while the graphical indicator is displayed in the second position relative to the analog watch face, a user can quickly and easily recognize that time has begun and that the time has elapsed. Providing improved feedback improves device usability and makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), as well as allowing the user to use the device more quickly and efficiently, thereby reducing device power usage and improving battery life. Starting a time counter (e.g., displayed via a graphical indication of time) in response to a first user input allows the user to start the time counter in a quick and efficient manner. Providing additional control options without cluttering the UI with additional controls displayed improves device usability and makes the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), as well as allowing the user to use the device more quickly and efficiently, thereby reducing device power usage and improving battery life.

[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 to be displayed a graphical indicator (e.g., 806) at a second position relative to the analog watch face (e.g., 804) (e.g., from position 806 in FIG. 8A to position 806 in FIG. 8C ) and displays a graphical indication of the time (e.g., 810), where the graphical indication of the time does not yet indicate elapsed time but is shown in an initial state (e.g., “00:00”). In some embodiments, while the graphical indication of the time is shown in the initial state, the computer system detects a second user input (e.g., corresponding to activation / selection of the graphical indication of the time) via one or more input devices (e.g., via a second input device, such as a touch-sensitive surface integrated with the 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 the display generating component). In some embodiments, in response to detecting the second user input, the computer system displays or causes to be displayed within the graphical indication of time the amount of time that has elapsed from the time the first user input was detected to the current time.

[0267] In some embodiments, in response to detecting (910) a first user input (e.g., 808), the computer system (e.g., 600) moves (e.g., rotates) (914) an analog dial (e.g., 804A) of the analog watch face (e.g., 804) (e.g., including time indications at 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)) in response to movement of a graphical indicator (e.g., 806) (e.g., a triangular marker)) such that the scale of the analog dial is aligned starting from a second position relative to the analog watch face (e.g., the 00:00 / 12:00 position / 0 minute position of the analog dial is aligned). Moving (e.g., rotating) the analog dial in response to movement of the graphical indicator so that the markings on the analog dial are aligned to start at a second position relative to the analog watch face provides intuitive visual feedback of the starting position of the time counter. Providing improved feedback increases usability of the device, makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces device power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0268] In some embodiments, the 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 depressible input device)) (908). In some embodiments, moving the graphical indicator (e.g., 806) in response to detecting the first user input includes snapping the graphical indicator into a second position relative to the analog clock face (e.g., 804) such that the graphical indicator is aligned with the first clock hand (e.g., 802B).

[0269] In some embodiments, in response to a first input (e.g., 808) (910), in association with moving a graphical indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)) to a second position relative to the analog watch face (e.g., 804) (e.g., in response to detecting a first user input; when the graphical indicator is moved from the first position to the second position), the computer system (e.g., 600) generates (916) a haptic output (e.g., a haptic output sequence corresponding to moving the graphical indicator to the second position) (e.g., via one or more haptic output generators in communication with the computer system). Generating the haptic output in association with moving the graphical indicator (e.g., a marker (e.g., a triangular marker)) to the second position relative to the analog watch face provides feedback that a time counter has started. Providing improved visual feedback to the user improves the usability of the device, makes the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), and also reduces the device's power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

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

[0271] In some embodiments, while displaying (922) a graphical indication (e.g., 810) (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 current time, the computer system (e.g., 600) detects (928) 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., additional or continued rotation of a rotatable 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 depressible input device)). In some embodiments, in response to detecting (930) the second user input, the computer system adjusts (932) the graphical indication of time (e.g., increase or decrease) in response to the second user input (e.g., based on the amount, speed, and / or direction of the second user input). In some embodiments, adjusting the graphical indication of the time in response to the 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 graphical indication of the time in response to the second user input being in 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. Adjusting (e.g., increasing or decreasing) the graphical indication of the time in response to the second user input (e.g., based on the amount, speed, and / or direction of the second user input) while the time counter is running allows a user to adjust the running time counter in a convenient and efficient manner.Providing additional control options without cluttering the UI with additional controls displayed improves usability of the device, makes the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), and also reduces the device's power usage and improves battery life by allowing the user to use the device more quickly and efficiently.

[0272] In some embodiments, after (e.g., shortly after) detecting a first user input (e.g., 808), 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 rotational direction); an input in a different (e.g., rotational) direction 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 graphical indicator (e.g., a marker (e.g., a triangular marker)) from a second position relative to the analog watch face (e.g., 804) to a third position relative to the analog watch face that is different from the second position. In some embodiments, the computer system adjusts the time displayed in the graphical indication of time (e.g., 810) to include an offset from the elapsed time from when the first user input was detected to the current time, the offset corresponding to the difference (e.g., in minutes) between the second and third positions relative to the analog watch face. By adjusting the time displayed within the graphical indication of time to include an offset from the elapsed time from when the first user input was detected to the current time, a user can quickly and easily adjust the time displayed within the graphical indication of time when an adjustment is needed without having to restart the time displayed within the graphical indication of time when an adjustment is needed. Reducing the number of inputs required to perform an action improves usability of the device and makes the user-device interface more efficient (e.g., by assisting the user in providing appropriate inputs when operating / interacting with the device and reducing user errors), as well as reducing the device's power usage and improving battery life by allowing the user to use the device more quickly and efficiently.

[0273] In some embodiments, when the graphical indicator (e.g., 806) is moved from the second position to the 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 the analog dial (e.g., 804) (e.g., moving forward in time), the offset corresponds to the addition of the first amount of time, and the time displayed within the graphical indication of time includes the elapsed time from the time the first user input (e.g., 808) was detected to the current time adjusted by the addition of the first amount of time. In some embodiments, when the graphical indicator (e.g., 806) is moved from the second position to the 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., moving backward in time), the offset corresponds to the subtraction of the second amount of time, and the time displayed within the graphical indication of time 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., can be a negative time).

[0274] In some embodiments, in response to detecting the third input, in response to determining that the third user input corresponds to an input (e.g., detected via a rotatable input device; detected via a rotatable and depressible input device) in a first direction (e.g., a clockwise direction), the computer system (e.g., 600) moves the graphical indicator (e.g., a marker (e.g., a triangular marker)) from the second position to the third position, where upon detection of the third user input (e.g., 814), the computer system (e.g., 600) moves the graphical indicator (e.g., 806) along the analog dial (e.g., 804) (e.g., its dial area) in a clockwise direction (towards a third position (e.g., based on the clockwise direction, the third position is located in front of the second position within the analog dial). In some embodiments, in response to detecting the third input, moving the graphical indicator from the second position to the third position by the computer system in response to determining that the third user input corresponds to an input (e.g., detected via a rotatable input device; detected via a rotatable and depressible input device) in a second direction (e.g., a counterclockwise direction) includes moving (e.g., sliding; rotating) the graphical indicator in a counterclockwise direction along the analog watch face (e.g., a dial area thereof) toward the third position (e.g., based on the clockwise direction, the third position is behind the second position within the analog watch face) when the third user input is detected.

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

[0276] In some embodiments, while displaying a graphical indication (e.g., 810) of the time that has elapsed from the time when the first user input (e.g., 808) was detected to the current time (e.g., a time counter digital counter), the computer system (e.g., 600) detects a selection (e.g., 824) of the graphical indication of time (e.g., a touch input thereon) via one or more input devices (e.g., a touch-sensitive surface). In some embodiments, in response to detecting a selection of the graphical indication of time, the computer system displays a prompt (e.g., 826; alert; notification) via a display generating 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 time elapsed from the time the first user input was detected to the current time via the graphical indication of time, and a second option (e.g., 826B; second selectable user interface object; second affordance) that, when selected, causes the computer system to discontinue (e.g., stop) counting time elapsed from the time the first user input was detected to the current time via the graphical indication of time. In some embodiments, discontinuing counting time includes discontinuing display of the graphical indication of time. In some embodiments, discontinuing counting time includes maintaining display of the graphical indication of time and resetting the time counted via the graphical indication of time (e.g., to “00:00”). By displaying a prompt including a first portion and a second option in response to detecting a selection of the graphical indication of time, the user can cause the computer system to continue or stop counting in an easy and intuitive manner.Providing improved feedback improves device usability, makes the user-device interface more efficient (e.g., by helping the user read or view displayed content more easily), and also reduces device power usage and improves battery life by allowing the user to 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) changes (e.g., modifies) the visual characteristics of the first clock hand (e.g., 802B) (e.g., darkening; changing its color (e.g., to the same color as the graphical indicator and / or graphical indication of the time)) to include the first visual characteristic (e.g., a darkened color or visual state; the color of the graphical indicator and / or the graphical indication of the time). In some embodiments, the analog watch face (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 the first user input, the computer system changes (e.g., modifies) the visual characteristics of the second clock hand to include the first visual characteristic. Altering the visual characteristics of the first clock hand to include the first visual characteristic in response to detecting the first user input provides visual feedback that an action (e.g., counting) has been activated, thereby improving usability of the device, making the user-device interface more efficient (e.g., by assisting the user in more easily recognizing that an action has been initiated), and further reducing the device's power usage 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 an input (e.g., via a touch-sensitive surface of the one or more input devices) intended for a rotatable input device (e.g., 603) of one or more input devices (e.g., a rotation input on the rotatable input device; a touch input such as a swipe or pinch input). In some embodiments, in response to detecting the input intended for the rotatable input device, the computer system changes (e.g., modifies) the visual characteristics of a first clock hand (e.g., 802B) (e.g., darkens it; changes its color (e.g., to the same color as the graphical indicator and / or graphical indication of the hours)) to include a first visual characteristic (e.g., a darkened color or visual state; a color of the graphical indicator and / or graphical indication of the hours).

[0279] In some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) changes (e.g., modifies) the shape of a first clock hand (e.g., 802B) (e.g., changes a characteristic of the first clock hand; changes the size of the first clock hand; makes it smaller; shrinks it) to a first shape (e.g., a smaller, shrunken clock hand). In some embodiments, the analog watch face (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 changes (e.g., modifies) the shape of the second clock hand (e.g., changes a characteristic of the second clock hand; changes the size of the second clock hand; makes it smaller; shrinks it) to a second shape (e.g., a smaller, shrunken clock hand). Changing the shape of the first clock hand to assume a first shape in response to detecting a first user input provides visual feedback that an action (e.g., counting) has been activated, thereby improving usability of the device, making the user-device interface more efficient (e.g., by assisting the user in more easily recognizing that an action has been initiated), and additionally reducing the device's power usage and improving battery life by allowing the user to use the device more quickly and efficiently.

[0280] In some embodiments, when the graphical indicator (e.g., 806) (e.g., a marker (e.g., a triangular marker)) is displayed in a second position relative to the analog watch face, the computer system (e.g., 600) displays (e.g., continues to display) within the analog watch face (e.g., 804) the movement of the first watch hand (e.g., 802B) to indicate the current time (e.g., the minutes of the current time). In some embodiments, while displaying the movement of the first watch hand, the computer system displays within the analog watch face (e.g., 804) (e.g., within the dial area of the analog watch face) a visual indicator (e.g., a visual marker (e.g., tick marks), as shown in FIGS. 8G-8H ) along the path of the movement of the first watch hand (e.g., its tip) as the first watch hand is moved (e.g., rotated) around the analog watch face (e.g., the visual indicator appears along the path of the movement of the first watch hand as it moves in a circular pattern within the analog watch face). Displaying a visual indicator along the path of movement of the first clock hand (e.g., its tip) as the first clock hand is moved (e.g., rotated) around the analog dial provides visual feedback that counting is occurring, thereby improving usability of the device and making the user-device interface more efficient (e.g., by helping the user to more easily recognize that an action has begun), as well as reducing the device's power usage 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 the visual indicator, in response to determining that the visual indicator is already displayed along the entire path of movement of the first clock hand (e.g., its tip) (e.g., the entire perimeter of the analog watch face (e.g., the entire perimeter of the dial area of the analog watch face)), the computer system (e.g., 600) removes the display of the visual indicator along the path of movement of the first clock hand (e.g., 802B) (e.g., its tip) as the first clock hand is moved (e.g., rotated) around the analog watch face (e.g., 804) (e.g., as shown in FIG. 8I).

[0282] In some embodiments, in response to detecting a first user input (e.g., 808), the computer system (e.g., 600) moves the graphical indicator (e.g., 806) to a second position relative to the analog dial (e.g., 804) such that the graphical indicator is aligned with the first clock hand (e.g., 802B) (e.g., such that the graphical indicator points to or marks the position of the first clock hand; such that the graphical indicator is at the outer edge of the first clock hand) and displays a graphical indication of time (e.g., 810) (e.g., an hour counter; a digital counter), but does not automatically start counting time using the graphical indication of time. In some embodiments, while displaying the graphical indication of time, the computer system detects (e.g., via a touch-sensitive surface of one or more input devices) an input (e.g., 816; a user tap input) intended to confirm the start of counting time (e.g., a user selection of a confirmation affordance (e.g., a “set” affordance or a “done” affordance)). In some embodiments, if no input intended to confirm the start of time counting is detected by the computer system within a predetermined time (e.g., 5 seconds; 10 seconds; 30 seconds), the computer system returns the graphical indicator to its previous position (first position) relative to the analog dial.

[0283] It should be noted that the details of the processes described above with respect to method 900 (e.g., FIGS. 9A-9B) are also applicable in an analogous manner to the methods described above and below. For example, method 700 optionally includes one or more of the characteristics of the various methods described above with reference to method 900. For example, a watch user interface such as that described with reference to FIGS. 6A-6H can be included and may be used to perform a counting operation as described with reference to FIGS. 8A-8M. In another example, method 1100 optionally includes one or more of the characteristics of the various methods described above with reference to method 900. For example, a device may use as a watch user interface either a user interface including a time indication and a graphical representation of a character as described with reference to FIGS. 10A-10AC or a watch user interface as described with reference to FIGS. 8A-8M. In another example, method 1300 optionally includes one or more of the characteristics of the various methods described above with reference to method 900. For example, the device may use as the watch user interface either a time user interface as described with reference to FIGS. 12A-12G or a watch user interface as described with reference to FIGS. 8A-8M. In another example, method 1500 optionally includes one or more of the 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 FIGS. 8A-8M may be created or edited via a background updating process as described with reference to FIGS. 14A-14AD. In another example, method 1700 optionally includes one or more of the characteristics of the various methods described above with reference to method 900. For example, a process for changing one or more complications of a watch user interface as described with reference to FIGS. 16A-16AE may be used to change one or more complications of a watch user interface as described with reference to FIGS. 8A-8M. For the sake of brevity, these details will not be repeated below.

[0284] 10A-10AC illustrate exemplary user interfaces that enable and display user interfaces using characters, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the processes in FIGS. 11A-11H.

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

[0286] 10A , device 600 is in a first activity state (e.g., locked; sleep; low-power state) in which display 602 is dimmed (e.g., at a lower brightness) compared to a “normal” operating state. In the first state shown in FIG. 10A , device 600 displays fewer graphical representations than in a normal operating state (e.g., complication 1005A and complication 1005B shown in FIG. 10B are not displayed in the first state). In response to device 600 being in the first activity state, device 600 displays a graphical representation 1000 of a first character in a first visual state (e.g., a static visual state or an animated visual state) corresponding to the first activity state. In the embodiment illustrated in FIG. 10A , the first visual state includes showing the character with their eyes closed (e.g., the character appears to be sleeping).

[0287] FIG. 10B illustrates device 600 in a second activity state (e.g., a normal operating state, an active state, a different activity state from the first activity state shown in FIG. 10A ) in which display 602 is not dimmed. In the second activity state, user interface 1001 simultaneously displays a time indication 1002 and a graphical representation 1000 of the first character on a background 1004 (e.g., similar to FIG. 10A ), as well as complications 1005A and 1005B providing date and weather information, respectively. In response to device 600 being in the second activity state, device 600 displays the graphical representation 1000 of the first character in a second visual state corresponding to the second activity state and different from the first visual state. In the embodiment illustrated in FIG. 10B , the second visual state shows the first character with their eyes open (e.g., a neutral pose). In some embodiments, device 600 changes from the user interface of FIG. 10A to the user interface of FIG. 10B (or vice versa) in response to detecting a change in the activity state of device 600 (e.g., in response to detecting a change from a first activity state to a second activity state (or vice versa), respectively).

[0288] 10C-10D show device 600 in a second activity state (e.g., a normal state or an active activity state), displaying the first character in a visual state including an animation in which representation 1000 of the first character alternates between a first position (e.g., head tilted to the left as shown in FIG. 10C) and a second position (e.g., head tilted to the right as shown in FIG. 10D). In some embodiments, representation 1000 alternates between the first and second positions (e.g., at a cyclical rate) to indicate the passage of time (e.g., from the first position to the second position every 1 second or every 0.5 seconds, from the first position to the second position and back to the first position every 2 seconds or every 1 second). In some embodiments, the animation is character-based (e.g., different animations are displayed for different characters). In some embodiments, device 600 displays a gradual transition from a first animation to a second (e.g., different) animation of representation 1000 of the first character (e.g., device 600 interpolates between the two animations (e.g., based on the final state of the first animation and the initial state of the second animation) to provide a smooth transition).

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

[0290] In some embodiments, representation 1000 is displayed in a manner that indicates a time change. For example, in FIG. 10F, time indication 1002 indicates that the time has changed from 10:09 in FIG. 10E to 10:10. As the time changes from 10:09 to 10:10 (e.g., in response to the change), the first character looks at or glances at time indication 1002 (e.g., the head and / or eyes of representation 1000 move to appear as if the first character is gazing at time indication 1002). In some embodiments, representation 1000 indicates a time change in response to a change in the minutes of the current time. In some embodiments, representation 1000 indicates a time change only in response to a change in the hour of the current time (e.g., from 10:59 to 11:00). In some embodiments, the representation 1000 indicates a time change (e.g., appears to view a time indication 1002) when a predetermined time is reached (e.g., 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).

[0291] Figure 10G illustrates device 600 in a third activity state (e.g., an inactive unlocked state, a low-power unlocked state) that is different from the first activity state of Figure 10A and the second activity state of Figures 10B-10F. In the activity state illustrated in Figure 10G, device 600 displays a time indication 1002, a graphical indication 1000 of a first character (e.g., in a visual state with a neutral body expression), and complications 1005A and 1005B (e.g., similar to the second activity state in Figure 10B) on a background 1004; display 602 is darkened compared to the second activity state (e.g., the active unlocked state) and brighter compared to the first activity state (e.g., the locked state). In the embodiment shown in FIG. 10G, representation 1000 shows the first character in the same visual state as shown in FIG. 10B when device 600 was in a second active state (e.g., when device 600 changes from the second active state to a third active state, representation 1000 can maintain the visual state of the first character while changing the brightness of display 602).

[0292] 10H illustrates device 600 in a fourth activity state (e.g., a time-varying state at predetermined intervals) that is different from the first activity state of FIG. 10A , the second activity state of FIG. 10B-FIG. 10F , and the third activity state of FIG. 10G . In the activity state illustrated in FIG. 10H , in response to a time change from 10:10 to 10:11, device 600 changes the visual state (e.g., changes a pose, displays a different animation) of a first character in representation 1000, where changing the visual state includes causing the first character in representation 1000 to look (e.g., glance) at time indication 1002, as illustrated in FIG. 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; or every 5 minutes).

[0293] 10H, device 600 receives (e.g., detects) input 1007 (e.g., a touch on display 602 having a duration that exceeds a predetermined threshold, a touch on display 602 having a characteristic intensity that exceeds a predetermined threshold). In response to receiving input 1006, device 600 displays user interface 1008 shown in FIG. 10I. In some embodiments, user interface 1008 is a user interface in a user interface editing mode (e.g., in response to receiving input 1006, device 600 enters a 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), a shared affordance 1010, and a customization affordance 1012.

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

[0295] 10J, device 600 receives input 1020 (e.g., 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 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 series of three editing user interfaces. User interface 1016B includes a color selection element 1048 that displays various color options for background 1004 of user interface 1001. The currently selected color option is displayed in the center of color selection element 1048 and is displayed in a larger size than the other color options. In some embodiments, the user can provide input (e.g., rotation of the rotatable input mechanism 603 or a vertical swipe gesture on the display 602) to select different color options, and the device 600 updates the color selection element 1048 and background 1004 accordingly in response to the input.

[0296] In FIG. 10K, device 600 receives (e.g., detects) input 1024 (e.g., a right-to-left swipe gesture on display 602). In response to receiving input 1024, device 600 displays user interface 1016C, which provides the ability to change the information displayed by complication 1005A and complication 1005B (as indicated by label 1022). Paging dots 1044A-1044C are updated to indicate that user interface 1016C is th...

Claims

1. 1. A computer system in communication with a display generation component, comprising: at a first time, simultaneously within a user interface displayed via the display generation component: Time indication, and Displaying a graphical representation of a first character, wherein displaying the graphical representation of the first character includes: in response to determining that the computer system is in a first active state, the first active state being a low power state, displaying the graphical representation of the first character in a first visual state corresponding to the first active state of the computer system, wherein the graphical representation of the first character is displayed without displaying a graphical representation of a second character, and the first visual state is a static visual state of the graphical representation of the first character; detecting a first user input of a first input type while displaying the graphical representation of the first character in the first visual state; in response to detecting the first user input of the first input type; transitioning the computer system from the first activity state to a second activity state, the second activity state being different from the first activity state; initiating a first animation of the graphical representation of the first character; after initiating the first animation, detecting a second user input of the first input type while displaying the graphical representation of the first character in a second visual state different from the first visual state and corresponding to the second active state of the computer system, the second visual state being an animation state of the graphical representation of the first character; in response to detecting the second user input of the first input type; maintaining said computer system in said second active state; initiating a second animation of the graphical representation of the first character, the second animation being different from the first animation; and simultaneously in the user interface at a second time after the first time; the time indication, and displaying the graphical representation of the second character, wherein the graphical representation of the second character is displayed without displaying the graphical representation of the first character; in response to determining that the computer system is in the first active state, displaying the graphical representation of the second character in the first visual state corresponding to the first active state of the computer system, the first visual state being a static visual state of the graphical representation of the second character; and displaying the graphical representation of the second character in the second visual state in response to determining that the computer system is in the second active state different from the first active state, the second visual state being an animated visual state of the second character corresponding to the second active state of the computer system; A method comprising:

2. detecting a change in activity state of the computer system from the first activity state to the second activity state at the second time; The method of claim 1 further comprising:

3. 3. The method of claim 2, wherein displaying the graphical representation of the second character in the second visual state comprises displaying the graphical representation of the second character in the second visual state in response to detecting the change in activity state of the computer system from the first activity state to the second activity state.

4. The method of claim 1 , wherein the first character is the same character as the second character.

5. The method of claim 1 , wherein the first character is a different character from the second character.

6. the first activity state corresponds to a state in which the user interface is displayed at a brightness level lower than a specified brightness level; 6. The method according to any one of claims 1 to 5.

7. the first activity state corresponds to a locked state; the first visual state includes an appearance that the first character is sleeping; 7. The method according to any one of claims 1 to 6.

8. the second visual state corresponds to a state in which the time indication is displayed; the second visual states correspond to respective movements that repeat at a regular frequency, and the respective movements correspond to nodding movements by the first character; 8. The method according to any one of claims 1 to 7.

9. the second activity state corresponds to a state in which the time indication is displayed; 9. The method of claim 1, wherein displaying the graphical representation of the first character comprises displaying the first character glancing at the time indication at predetermined time intervals.

10. displaying the graphical representation of the first character having a first type of glimpse animation in response to determining that the first character corresponds to a first version of a first character type; displaying the graphical representation of the first character having a second type of glimpse animation different from the first type of glimpse animation in response to determining that the first character corresponds to a second version of the first character type different from the first version.

10. The method of claim 8 or 9.

11. at the first time, displaying the user interface includes displaying the graphical representation of the first character within the user interface; and displaying the user interface at the second time after the first time includes displaying within the user interface a transition from the graphical representation of the first character to the graphical representation of the second character, the second character being different from the first character.

11. The method according to any one of claims 1 to 10.

12. displaying, via the display generation component, a second user interface including a plurality of selectable characters; detecting a selection of a third character among the plurality of selectable characters while displaying the second user interface; and displaying the user interface via the display generation component in response to detecting the selection of the third character, the user interface comprising: the time indication, and simultaneously including a graphical representation of said third character; 12. The method according to any one of claims 1 to 11.

13. displaying, via the display generation component, a third user interface including a graphical representation of a set of characters including two or more characters; detecting an input corresponding to a selection of the set of characters while displaying the third user interface; In response to detecting the selection of the set of characters, in the user interface: the time indication, and and simultaneously displaying a graphical representation of each character from the set of characters, wherein each character changes over time within the set of characters.

13. The method according to any one of claims 1 to 12.

14. The method of claim 1 , wherein the graphical representation of the first character corresponds to a graphical representation of a user associated with the computer system.

15. detecting an input directed to modifying a visual characteristic of a background of the user interface while displaying a graphical representation of a selected character; in response to detecting the input intended to change the visual characteristic, changing the visual characteristic from a first visual characteristic to a second visual characteristic different from the first visual characteristic; 15. The method of any one of claims 1 to 14, further comprising:

16. detecting a change of an activity state of the computer system from the second activity state to the first activity state after the first time and before the second time; in response to detecting the change of activity state of the computer system from the second activity state to the first activity state; displaying the graphical representation of the second character within the user interface; ceasing to display the graphical representation of the first character within the user interface, wherein the second character is different from the first character.

16. The method of any one of claims 1 to 15.

17. detecting a change of an activity state of the computer system from the first activity state to the second activity state at a third time; and in response to detecting the change in activity state of the computer system from the first activity state to the second activity state, maintaining display of the graphical representation of the second character within the user interface, but changing a visual state of the graphical representation of the second character from the first visual state to the second visual state.

17. The method of claim 16.

18. At a fourth time, after displaying the graphical representation of the second character in the second visual state, detecting a change in activity state of the computer system from the second activity state to the first activity state; in response to detecting the change of activity state of the computer system from the second activity state to the first activity state; Displaying a graphical representation of a third character within the user interface; ceasing to display the graphical representation of the second character within the user interface, wherein the third character is different from the first character and the second character.

18. The method of claim 17.

19. and wherein displaying the graphical representation of the first character within the user interface at the first time includes displaying a graphical element surrounding at least a portion of the first character displayed within the user interface, the method comprising: detecting a change of activity state of the computer system from the second activity state to the first activity state at the second time; 19. The method of claim 1, further comprising: in response to detecting the change in activity state of the computer system from the second activity state to the first activity state, reducing brightness of a portion of the user interface that includes the graphical element.

20. displaying the graphical representation of the first character in a time-change visual state in response to determining that a predetermined time change has occurred when the computer system is in the second active state; forgoing displaying the graphical representation of the second character in the time-change visual state when the predetermined time change occurs while the computer system is in the first active state; 20. The method of any one of claims 1 to 19, further comprising:

21. Detecting a time change; In response to detecting the time change, updating a representation of time and displaying the graphical representation of the first character in a first manner in response to determining that the computer system is in the second active state; updating the representation of time without displaying the graphical representation of the first character in the first manner in response to determining that the computer system is in the first active state; and 21. The method of any one of claims 1 to 20, further comprising:

22. Detecting inputs directed to one or more input devices of the computer system while displaying the graphical representation of the first character; and displaying the graphical representation of the first character in a third visual state in response to detecting the input, the third visual state including enlarging the graphical representation of the first character and thereby ceasing to display a portion of the graphical representation of the first character within the user interface.

22. The method of any one of claims 1 to 21.

23. Detecting a first input directed to one or more input devices of the computer system while displaying the graphical representation of the first character; displaying the graphical representation of the first character in a first animated visual state for a predetermined period of time in response to detecting the first input; after detecting the first input, detecting a second input targeted to one or more input devices of the computer system; In response to detecting the second input, responsive to determining that the predetermined period of time has expired, displaying the graphical representation of the first character in a second animated visual state including movement of the graphical representation of the first character starting from a first position; responsive to a determination that the predetermined period of time has not expired, displaying the graphical representation of the first character in a third animated visual state including movement of the graphical representation of the first character starting from a second position different from the first position; 23. The method of any one of claims 1 to 22, further comprising:

24. displaying, via the display generation component, a fourth user interface for selecting between a first set of characters including a plurality of user-customizable virtual avatars and a second set of characters including two or more predetermined characters not available in the first set of characters; and detecting an input corresponding to a selection of the first set of characters or the second set of characters while displaying the fourth user interface; In response to determining that the input corresponds to a selection of the first set of characters, the time indication, and simultaneously displaying a graphical representation of a currently selected character from said first set of characters, wherein said currently selected character is automatically changed between different characters within said first set of characters when predetermined criteria are met; In response to determining that the input corresponds to a selection of the second set of characters, the time indication, and simultaneously displaying a graphical representation of a currently selected character from said second set of characters, wherein said currently selected character is automatically changed between different characters within said second set of characters when said predetermined criteria are met; 24. The method of any one of claims 1 to 23, further comprising:

25. A computer program causing a computer to carry out the method of any one of claims 1 to 24.

26. a display generation component; one or more processors; a memory for storing the computer program of claim 25; one or more processors capable of executing the computer programs stored in the memory; A computer system comprising:

27. a display generation component; means for carrying out the method according to any one of claims 1 to 24; A computer system comprising:

Images