User interface for tables

Abstract

The present disclosure generally relates to context-specific user interfaces.

Description

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This application claims priority to U.S. Provisional Patent Application Serial No. 62 / 668,041, entitled “CONTEXT-SPECIFIC USER INTERFACES,” filed on May 7, 2018, U.S. Provisional Patent Application Serial No. 62 / 679,941, entitled “CONTEXT-SPECIFIC USER INTERFACES,” filed on June 3, 2018, and U.S. Provisional Patent Application Serial No. 62 / 725,215, entitled “CONTEXT-SPECIFIC USER INTERFACES,” filed on August 30, 2018. The contents of these patent applications are hereby incorporated by reference herein in their entirety. Technical Field

[0003] The present disclosure relates generally to computer user interfaces and, more particularly, to techniques for context-specific user interfaces. Background Art

[0004] Portable multifunction devices allow users to access information from a variety of applications and data sources in a variety of contexts (eg, at work, at home, while traveling, etc.) on a reduced form factor device that they can carry with them throughout the day. Summary of the invention

[0005] However, as the context changes, the type and amount of information a user may wish to view may also change. Therefore, it is a challenge to provide an effective interface that displays relevant information to the user throughout the day. For example, a user may generally wish to know the current temperature for the day, but at certain times, they may wish to get more detailed weather information (e.g., forecasted high and low temperatures). A desktop widget dedicated to displaying detailed weather information will provide irrelevant information (e.g., high and low temperatures) for most of the day, taking up space that could be used to provide additional relevant information to the user (e.g., information from different applications). This is a particular concern for portable devices with reduced size interfaces.

[0006] In addition, users rely on portable multifunction devices to keep track of time and, increasingly, to perform various other operations, including running software applications. However, some techniques for providing context-specific user interfaces (e.g., for keeping track of time and / or performing other operations) are often cumbersome and inefficient. For example, some prior art techniques use complex and time-consuming user interfaces that may include multiple keystrokes or keystrokes. Prior art techniques require more time than necessary, which results in wasted user time and device energy. This latter consideration is particularly important in battery-powered devices.

[0007] Therefore, the present technology provides a faster and more efficient method for context-specific user interfaces for electronic devices. Such methods and interfaces optionally supplement or replace other methods for context-specific user interfaces. Such methods and interfaces reduce the cognitive burden imposed on users and produce more effective human-computer interfaces. For battery-powered computing devices, such methods and interfaces save power and increase the interval between battery charges, and reduce the number of unnecessary, irrelevant and / or repeatedly received inputs required to access information.

[0008] In some embodiments, a method is described. The method includes: at an electronic device having a display, displaying a watch user interface on the display; the watch user interface includes: a first graphical object at a first position in a sequence of positions on the display; and a second graphical object at a last position in the sequence of positions on the display. The method also includes, while displaying the watch user interface on the display: detecting a first user input; and in response to detecting the first user input: stopping displaying the first graphical object at a first position in a sequence of defined positions on the display; stopping displaying the second graphical object at the last position in the sequence of defined positions on the display; displaying the second graphical object at the first position in the sequence of positions on the display; and displaying the first graphical object at a second position in the sequence of positions on the display.

[0009] In some embodiments, a non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device with a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first graphical object at a first position in a sequence of positions on the display; and a second graphical object at a last position in a sequence of positions on the display; when the watch user interface is displayed on the display: detecting a first user input; and in response to detecting the first user input: stopping displaying the first graphical object at a first position in a sequence of defined positions on the display; stopping displaying the second graphical object at the last position in the sequence of defined positions on the display; displaying the second graphical object at the first position in the sequence of positions on the display; and displaying the first graphical object at a second position in a sequence of positions on the display.

[0010] In some embodiments, a transient computer-readable storage medium is described. The transient computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device with a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first graphical object at a first position in a sequence of positions on the display; and a second graphical object at a last position in a sequence of positions on the display; while the watch user interface is displayed on the display: detecting a first user input; and in response to detecting the first user input: stopping displaying the first graphical object at a first position in a sequence of defined positions on the display; stopping displaying the second graphical object at the last position in the sequence of defined positions on the display; displaying the second graphical object at the first position in the sequence of positions on the display; and displaying the first graphical object at a second position in the sequence of positions on the display.

[0011] In some embodiments, an electronic device is described. The electronic device includes: a display; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first graphical object at a first position in a sequence of positions on the display; and a second graphical object at a last position in a sequence of positions on the display; while the watch user interface is displayed on the display: detecting a first user input; and in response to detecting the first user input: stopping displaying the first graphical object at a first position in a sequence of defined positions on the display; stopping displaying the second graphical object at the last position in the sequence of defined positions on the display; displaying the second graphical object at the first position in the sequence of positions on the display; and displaying the first graphical object at a second position in the sequence of positions on the display.

[0012] In some embodiments, an electronic device is described. The electronic device includes a device for displaying a watch user interface on a display. The watch user interface includes: a first graphical object at a first position in a sequence of positions on the display; and a second graphical object at a last position in the sequence of positions on the display. The electronic device also includes, when the watch user interface is displayed on the display: a device for detecting a first user input; and in response to detecting the first user input: a device for stopping displaying the first graphical object at a first position in a sequence of defined positions on the display; a device for stopping displaying the second graphical object at a last position in a sequence of defined positions on the display; a device for displaying the second graphical object at a first position in a sequence of positions on the display; and a device for displaying the first graphical object at a second position in a sequence of positions on the display.

[0013] In some embodiments, a method is described. The method includes: at an electronic device having a display, displaying a watch user interface on the display at a first time; the watch user interface at the first time includes: a first clock hand in a first position overlaid on a background, the background having a first graphical characteristic determined based on the first position of the first clock hand at the first time; and displaying the watch user interface on the display at a second time after the first time; the watch user interface at the second time includes: the first clock hand in a second position overlaid on the background, the background having a second graphical characteristic determined based on the second position of the first clock hand at the second time.

[0014] In some embodiments, a transient computer-readable storage medium is described. The transient computer-readable medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on a display at a first time; the watch user interface at the first time includes: a first clock hand in a first position overlaid on a background, the background having a first graphic characteristic determined based on the first position of the first clock hand at the first time; and displaying a watch user interface on the display at a second time after the first time; the watch user interface at the second time includes: a first clock hand in a second position overlaid on a background, the background having a second graphic characteristic determined based on the second position of the first clock hand at the second time.

[0015] In some embodiments, a non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device with a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on a display at a first time; the watch user interface at the first time includes: a first clock hand in a first position overlaid on a background, the background having a first graphic characteristic determined based on the first position of the first clock hand at the first time; and displaying a watch user interface on a display at a second time after the first time; the watch user interface at the second time includes: a first clock hand in a second position overlaid on a background, the background having a second graphic characteristic determined based on the second position of the first clock hand at the second time.

[0016] In some embodiments, an electronic device is described. The electronic device includes: a display; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display at a first time; the watch user interface at the first time includes: a first clock hand in a first position overlaid on a background, the background having a first graphic characteristic determined based on the first position of the first clock hand at the first time; and displaying the watch user interface on the display at a second time after the first time; the watch user interface at the second time includes: a first clock hand in a second position overlaid on a background, the background having a second graphic characteristic determined based on the second position of the first clock hand at the second time.

[0017] In some embodiments, an electronic device is described. The electronic device includes: a display; means for displaying a watch user interface on the display at a first time; the watch user interface at the first time includes: a first clock hand in a first position overlaid on a background, the background having a first graphical characteristic determined based on the first position of the first clock hand at the first time; and means for displaying the watch user interface on the display at a second time after the first time; the watch user interface at the second time includes: the first clock hand in a second position overlaid on the background, the background having a second graphical characteristic determined based on the second position of the first clock hand at the second time.

[0018] In some embodiments, a method is described. The method includes: at an electronic device having a display, displaying a watch user interface on the display; the watch user interface includes: a first complication block, the first complication block including at least a first metric related to data from a first application and a second metric related to data from the first application; a second complication block, the second complication block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complication block including at least a fifth metric related to data from a third application and a sixth metric related to data from the third application; detecting and adding the fourth complication block to the watch user interface a sequence of one or more inputs corresponding to a request for replacing a first complex function block, wherein the fourth complex function block includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and in response to detecting the sequence of the one or more inputs: replacing the first complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and replacing the third complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block.

[0019] In some embodiments, a transient computer-readable storage medium is described. The transient computer-readable medium stores one or more programs configured to be executed by one or more processors of an electronic device with a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first complex function block, the first complex function block including at least a first metric related to data from a first application and a second metric related to data from the first application; a second complex function block, the second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block, the third complex function block including at least a fifth metric related to data from a third application and a sixth metric related to data from a third application; detecting and adding the fourth complex function block to the watch user interface; a sequence of one or more inputs corresponding to a request for an interface, wherein the fourth complex function block includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and in response to detecting the sequence of the one or more inputs: replacing the first complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and replacing the third complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block.

[0020] In some embodiments, a non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device with a display. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first complex function block, the first complex function block including at least a first metric related to data from a first application and a second metric related to data from the first application; a second complex function block, the second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block, the third complex function block including at least a fifth metric related to data from a third application and a sixth metric related to data from a third application; detecting and adding the fourth complex function block to the watch user interface; a sequence of one or more inputs corresponding to a request for an interface, wherein the fourth complex function block includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and in response to detecting the sequence of the one or more inputs: replacing the first complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and replacing the third complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block.

[0021] In some embodiments, an electronic device is described. The electronic device includes: a display; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display; the watch user interface includes: a first complex function block, the first complex function block including at least a first metric related to data from a first application and a second metric related to data from the first application; a second complex function block, the second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block including at least a fifth metric related to data from a third application and a sixth metric related to data from the third application; detecting and adding the fourth complex function block to the watch user interface; a sequence of one or more inputs corresponding to a request for an interface, wherein the fourth complex function block includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and in response to detecting the sequence of the one or more inputs: replacing the first complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and replacing the third complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block.

[0022] In some embodiments, an electronic device is described. The electronic device includes: a display; a device for displaying a watch user interface on the display; the watch user interface includes: a first complex function block, the first complex function block including at least a first metric related to data from a first application and a second metric related to data from the first application; a second complex function block, the second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block, the third complex function block including at least a fifth metric related to data from a third application and a sixth metric related to data from the third application; for detecting one or more corresponding to a request to add a fourth complex function block to the watch user interface A device for a sequence of multiple inputs, wherein the fourth complex function block includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and in response to detecting the sequence of one or more inputs: a device for replacing the first complex function block with a fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; a device for replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and a device for replacing the third complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block.

[0023] In some embodiments, a method is described. The method includes: at an electronic device having a display and one or more input devices, displaying a watch user interface on the display, the watch user interface including: a clock face; and a user interface element, the user interface element at least partially surrounding the clock face. The method also includes: receiving a request to add a corresponding complex function block to a corresponding position on the clock face via the one or more input devices, and in response to receiving the request to add the corresponding complex function block to the corresponding position on the clock face: based on determining that the corresponding complex function block is a first complex function block, displaying the first complex function block in a corresponding position on the clock face on the display, and replacing at least part of the user interface element with content associated with the first complex function block; and based on determining that the corresponding complex function block is a second complex function block, displaying the second complex function block in a corresponding position on the clock face on the display without replacing the part of the user interface element with content associated with the second complex function block.

[0024] In some embodiments, a non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more input devices. The one or more programs include instructions for performing the following operations: displaying a watch user interface on a display, the watch user interface including: a clock face; and a user interface element, the user interface element at least partially surrounding the clock face. The one or more programs also include instructions for performing the following operations: receiving a request to add a corresponding complex function block to a corresponding position on the clock face via the one or more input devices, and in response to receiving a request to add a corresponding complex function block to a corresponding position on the clock face: based on determining that the corresponding complex function block is a first complex function block, displaying the first complex function block in a corresponding position on the clock face on the display, and replacing at least part of the user interface element with content associated with the first complex function block; and based on determining that the corresponding complex function block is a second complex function block, displaying the second complex function block in a corresponding position on the clock face on the display without replacing the part of the user interface element with content associated with the second complex function block.

[0025] In some embodiments, a transient computer-readable storage medium is described. The transient computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more input devices. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display, the watch user interface including: a clock face; and a user interface element, the user interface element at least partially surrounding the clock face. The one or more programs also include instructions for performing the following operations: receiving a request to add a corresponding complex function block to a corresponding position on the clock face via the one or more input devices, and in response to receiving a request to add a corresponding complex function block to a corresponding position on the clock face: based on determining that the corresponding complex function block is a first complex function block, displaying the first complex function block in a corresponding position on the clock face on the display, and replacing at least a portion of the user interface element with content associated with the first complex function block; and based on determining that the corresponding complex function block is a second complex function block, displaying the second complex function block in a corresponding position on the clock face on the display without replacing the portion of the user interface element with content associated with the second complex function block.

[0026] In some embodiments, an electronic device is described. The electronic device includes: a display; one or more input devices; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display, the watch user interface including: a clock face; and a user interface element, the user interface element at least partially surrounding the clock face. The one or more programs also include instructions for performing the following operations: receiving a request to add a corresponding complex function block to a corresponding position on the clock face via the one or more input devices, and in response to receiving a request to add a corresponding complex function block to a corresponding position on the clock face: based on determining that the corresponding complex function block is a first complex function block, displaying the first complex function block in a corresponding position on the clock face on the display, and replacing at least a portion of the user interface element with content associated with the first complex function block; and based on determining that the corresponding complex function block is a second complex function block, displaying the second complex function block in a corresponding position on the clock face on the display without replacing the portion of the user interface element with content associated with the second complex function block.

[0027] In some embodiments, an electronic device is described. The electronic device includes: a device for displaying a watch user interface on a display, the watch user interface including: a clock face; and a user interface element, the user interface element at least partially surrounding the clock face. The electronic device also includes a device for performing the following operations: receiving a request to add a corresponding complex function block to a corresponding position on the clock face via the one or more input devices, and responding to receiving a request to add the corresponding complex function block to the corresponding position on the clock face. The device also includes: a device for performing the following operations: based on determining that the corresponding complex function block is a first complex function block, displaying the first complex function block in a corresponding position on the clock face on the display, and replacing at least part of the user interface element with content associated with the first complex function block; and a device for performing the following operations: based on determining that the corresponding complex function block is a second complex function block, displaying the second complex function block in a corresponding position on the clock face on the display without replacing the part of the user interface element with content associated with the second complex function block.

[0028] In some embodiments, a method is described. The method includes: at an electronic device having a display and one or more input devices, displaying a watch user interface on the display, the watch user interface including: a clock face; a user interface element, the user interface element at least partially surrounding the clock face; and a complex function block. The method also includes: while displaying the watch user interface, detecting input directed to the user interface element via the one or more input devices; and in response to detecting the input directed to the user interface element, while maintaining display of the clock face and the complex function block on the display, updating the appearance of the user interface element on the display based on the input.

[0029] In some embodiments, a non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more input devices. The one or more programs include instructions for performing the following operations: displaying a watch user interface on a display, the watch user interface including: a clock face; a user interface element, the user interface element at least partially surrounding the clock face; and a complex function block. The one or more programs also include instructions for performing the following operations: while displaying the watch user interface, detecting input directed to the user interface element via the one or more input devices; and in response to detecting input directed to the user interface element, while maintaining display of the clock face and the complex function block on the display, updating the appearance of the user interface element on the display based on the input.

[0030] In some embodiments, a transient computer-readable storage medium is described. The transient computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more input devices. The one or more programs include instructions for performing the following operations: displaying a watch user interface on a display, the watch user interface including: a clock face; a user interface element, the user interface element at least partially surrounding the clock face; and a complex function block. The one or more programs also include instructions for performing the following operations: while displaying the watch user interface, detecting input directed to the user interface element via the one or more input devices; and in response to detecting input directed to the user interface element, while maintaining display of the clock face and the complex function block on the display, updating the appearance of the user interface element on the display based on the input.

[0031] In some embodiments, an electronic device is described. The electronic device includes: a display; one or more input devices; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors. The one or more programs include instructions for performing the following operations: displaying a watch user interface on the display, the watch user interface including: a clock face; a user interface element, the user interface element at least partially surrounding the clock face; and a complex function block. The one or more programs also include instructions for performing the following operations: while displaying the watch user interface, detecting input directed to the user interface element via the one or more input devices; and in response to detecting input directed to the user interface element, while maintaining display of the clock face and the complex function block on the display, updating the appearance of the user interface element on the display based on the input.

[0032] In some embodiments, an electronic device is described. The electronic device includes: a device for displaying a watch user interface on a display, the watch user interface including: a clock face; a user interface element, the user interface element at least partially surrounding the clock face; and a complex function block. The device also includes a device for performing the following operations: while displaying the watch user interface, detecting input directed to the user interface element via the one or more input devices. The device also includes a device for performing the following operations: in response to detecting the input directed to the user interface element, while maintaining the display of the clock face and the complex function block on the display, updating the appearance of the user interface element on the display based on the input.

[0033] Executable instructions for performing these functions are optionally included in a non-transitory computer-readable storage medium or other computer program product configured for execution by one or more processors. Executable instructions for performing these functions are optionally included in a transient computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0034] Thus, a faster, more efficient method and interface is provided for devices for providing context-specific user interfaces, thereby increasing the effectiveness, efficiency, and user satisfaction of such devices. Such methods and interfaces may supplement or replace other methods for providing context-specific user interfaces. BRIEF DESCRIPTION OF THE DRAWINGS

[0035] For a better understanding of the various described embodiments, reference should be made to the following detailed description taken in conjunction with the following drawings, wherein like reference numerals designate corresponding parts throughout the several views.

[0036] Figure 1Ais a block diagram illustrating a portable multifunction device with a touch-sensitive display in accordance with some embodiments.

[0037] Figure 1B is a block diagram illustrating exemplary components for event handling according to some embodiments.

[0038] Figure 2 A portable multifunction device with a touch screen is shown in accordance with some embodiments.

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

[0040] Figure 4A An exemplary user interface for a menu of applications on a portable multifunction device is shown in accordance with some embodiments.

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

[0042] Figure 5A A personal electronic device is shown in accordance with some embodiments.

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

[0044] FIG. 5C to FIG. 5D Illustrative components of a personal electronic device with a touch-sensitive display and an intensity sensor are shown in accordance with some embodiments.

[0045] FIG. 5E to FIG. 5H Exemplary components and user interfaces of a personal electronic device are shown in accordance with some embodiments.

[0046] FIG. 6A to FIG. 6M An exemplary context-specific user interface is shown.

[0047] FIG. 7A to FIG. 7B A flow chart depicting a method for providing a context-specific user interface in accordance with some embodiments is shown.

[0048] FIG. 8A to FIG. 8J An exemplary context-specific user interface is shown.

[0049] Fig. 9 A flow chart depicting a method for providing a context-specific user interface in accordance with some embodiments is shown.

[0050] FIG. 10A to FIG. 10T An exemplary context-specific user interface is shown.

[0051] FIG. 11A to FIG. 11D A flow chart depicting a method for providing a context-specific user interface in accordance with some embodiments is shown.

[0052] FIG. 12A to FIG. 12R An exemplary context-specific user interface is shown.

[0053] Fig.13 A flow chart depicting a method for providing a context-specific user interface in accordance with some embodiments is shown.

[0054] FIG. 14A to FIG. 14AE An exemplary context-specific user interface is shown.

[0055] FIG. 15A to FIG. 15C A flow chart depicting a method for providing a context-specific user interface in accordance with some embodiments is shown. DETAILED DESCRIPTION

[0056] The following description sets forth exemplary methods, parameters, etc. However, it should be appreciated that such description is not intended to limit the scope of the present disclosure, but is provided as a description of exemplary embodiments.

[0057] Electronic devices are required to provide efficient methods and interfaces for providing context-specific user interfaces, for example, the user interface displays the time together with additional information. This is particularly true for portable multifunction devices with reduced-size displays. Providing relevant information (e.g., information obtained from one or more applications) to users at a glance in a convenient, customizable interface reduces the number of inputs required to access this information and saves battery life. In addition, providing users with interfaces that can quickly adapt to display various content at different levels of detail as the context in which the user is using the interface changes (e.g., during the day) makes accessing such information through these interfaces even more efficient. Such interfaces provide a more efficient use of the "real space" of the screen, which in turn reduces the number of user interactions required to access relevant data at any time of the day. Such techniques can reduce the cognitive burden of users who use context-specific user interfaces to access information and / or keep up with time, thereby improving productivity. In addition, such techniques can reduce processor power and battery power that would otherwise be wasted on redundant user inputs.

[0058] under, Figure 1A to Figure 1B , Figure 2 , Figure 3 , FIG. 4A to FIG. 4B and FIG. 5A to FIG. 5B A description of an exemplary device for executing techniques for configuring a context-specific user interface is provided. FIG. 6A to FIG. 6M , FIG. 8A to FIG. 8J , FIG. 10A to FIG. 10T , FIG. 12A to FIG. 12R and FIG. 14A to FIG. 14AE An exemplary user interface for providing a context-specific user interface is shown. The user interfaces in these figures are also used to illustrate the processes described below, including FIG. 7A to FIG. 7B , Fig. 9 , FIG. 11A to FIG. 11D , Fig.13 and FIG. 15A to FIG. 15C The method in .

[0059] Although the following description uses the terms "first", "second", etc. to describe various elements, these elements should not be limited by the terms. These terms are only used to distinguish one element from another element. For example, a first touch can be named a second touch and similarly a second touch can be named a first touch without departing from the scope of the various described embodiments. Both the first touch and the second touch are touches, but they are not the same touch.

[0060] The terms used in the description of various described embodiments herein are only for the purpose of describing specific embodiments, and are not intended to be limiting. As used in the description of various described embodiments and in the appended claims, the singular forms "one" and "the" are intended to also include plural forms, unless the context clearly indicates otherwise. It will also be understood that the term "and / or" used herein refers to and encompasses any and all possible combinations of one or more items in the associated listed items. It will also be understood that the term "includes", "including", "comprises" and / or "comprising" when used in this specification specifies the presence of stated features, integers, steps, operations, elements and / or parts, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, parts and / or their grouping.

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

[0062] Embodiments of electronic devices, user interfaces for such devices, and processes associated with using such devices are described herein. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions, such as a PDA and / or a music player function. Exemplary embodiments of portable multifunction devices include, but are not limited to, the Apple Watch from Apple Inc. (Cupertino, California). Devices, iPod Equipment, and Device. Other portable electronic devices, such as laptops or tablets with touch-sensitive surfaces (e.g., touch screen displays and / or trackpads) are optionally used. It should also be understood that in some embodiments, the device is not a portable communication device, but a desktop computer with a touch-sensitive surface (e.g., touch screen displays and / or trackpads).

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

[0064] The device typically supports a variety of applications, such as one or more of the following: a drawing application, a presentation application, a word processing application, a website creation application, a disk editing application, a spreadsheet application, a gaming application, a telephony application, a video conferencing application, an email application, an instant messaging application, a fitness 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.

[0065] Various applications executed 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 varied for different applications, and / or adjusted and / or varied within the respective applications. In this way, the common physical architecture of the device (such as a touch-sensitive surface) optionally supports a variety of applications with a user interface that is intuitive and clear to the user.

[0066] Attention is now turned to embodiments of portable devices having touch-sensitive displays. Figure 1A1 is a block diagram illustrating a portable multifunction device 100 with a touch-sensitive display system 112 in accordance with some embodiments. Touch-sensitive display 112 is sometimes referred to as a "touch screen" for convenience, and is sometimes referred to as or referred to as a "touch-sensitive display system." Device 100 includes memory 102 (which optionally includes one or more computer-readable storage media), memory controller 122, one or more processing units (CPUs) 120, peripheral device 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 ports 124. Device 100 optionally includes one or more optical sensors 164. Device 100 optionally includes one or more contact intensity sensors 165 for detecting intensity of 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 tactile output on device 100 (e.g., generating tactile output on a touch-sensitive surface such as touch-sensitive display system 112 of device 100 or touch pad 355 of device 300). These components optionally communicate via one or more communication buses or signal lines 103.

[0067] As used in this specification and claims, the term "intensity" of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch-sensitive surface, or to a surrogate (surrogate) of the force or pressure of a contact on the touch-sensitive surface. The intensity of a contact has a range of values ​​that includes at least four different values ​​and more typically includes hundreds of different values ​​(e.g., at least 256). The intensity of a contact is optionally determined (or measured) using various methods and various sensors or combinations of sensors. For example, one or more force sensors below or adjacent to the touch-sensitive surface are optionally used to measure the force at different points on the touch-sensitive surface. In some embodiments, force measurements from multiple force sensors are combined (e.g., weighted averaged) to determine an estimated contact force. Similarly, the pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size of the contact area detected on the touch-sensitive surface and / or its change, the capacitance of the touch-sensitive surface near the contact and / or its change, and / or the resistance of the touch-sensitive surface near the contact and / or its change are optionally used as a substitute for the force or pressure of the contact on the touch-sensitive surface. In some embodiments, the substitute measurement of the contact force or pressure is used directly to determine whether the intensity threshold has been exceeded (e.g., the intensity threshold is described in units corresponding to the substitute measurement). In some embodiments, the substitute measurement of the contact force or pressure is converted into an estimated force or pressure, and the estimated force or pressure is used to determine whether the 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 the user input allows the user to access additional device functions that would otherwise be inaccessible to the user on a smaller device with limited real estate, which is used to display an enable indication (e.g., on a touch-sensitive display) and / or receive user input (e.g., via a touch-sensitive display, a touch-sensitive surface, or a physical control / mechanical control, such as a knob or button).

[0068] As used in this specification and claims, the term "tactile output" refers to a physical displacement of a device relative to a previous position of the device, a physical displacement of a component of the device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or a displacement of a component relative to the center of mass of the device, which will be detected by a user using the user's sense of touch. For example, in the case where a device or a component of the device is in contact with a user's touch-sensitive surface (e.g., a finger, palm, or other part of the user's hand), the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in a physical characteristic of the device or component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a "press click" or "release click" to a physical actuation button. In some cases, the user will feel a tactile sensation, such as a "press click" or "release click", even when the physical actuation button associated with the touch-sensitive surface that is physically pressed (e.g., displaced) by the user's movement does not move. As another example, even when there is no change in the smoothness of the touch-sensitive surface, movement of the touch-sensitive surface may optionally be interpreted or sensed by the user as "roughness" of the touch-sensitive surface. Although such a user's interpretation of touch will be limited by the user's individualized sensory perceptions, 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., "press click," "release click," "roughness"), unless otherwise stated, the generated tactile output corresponds to a physical displacement of the device or a component thereof that would generate that sensory perception for a typical (or average) user.

[0069] It should be understood that device 100 is only 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 the components. Figure 1A The various components shown in the EMBODIMENTS 2000 are implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits.

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

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

[0072] RF (radio frequency) circuit 108 receives and sends RF signals, also referred to as electromagnetic signals. RF circuit 108 converts electrical signals into / converts electromagnetic signals into electrical signals, and communicates with a communication network and other communication devices via electromagnetic signals. RF circuit 108 optionally includes well-known circuits for performing these functions, including but not limited to antenna systems, RF transceivers, one or more amplifiers, tuners, one or more oscillators, digital signal processors, codec chipsets, user identity modules (SIM) cards, memory, and the like. RF circuit 108 optionally communicates with networks and other devices via wireless communications, such as the Internet (also referred to 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)). RF circuit 108 optionally includes well-known circuits for detecting near field communication (NFC) fields, such as by detecting through a short-range communication radio component. Wireless communication optionally uses any of a variety of communication standards, protocols and technologies, including, but 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-HSPDA), Long Term Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE802.11n and / or IEEE 802.11ac), Voice over Internet Protocol (VoIP), Wi-MAX, email protocols (e.g., Internet Message Access Protocol (IMAP) and / or Post Office Protocol (POP)), instant messaging (e.g., Extensible Messaging and Presence Protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Utilizing Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and / or Short Message Service (SMS), or any other suitable communications protocol including communications protocols that have not been developed as of the filing date of this document.

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

[0074] The I / O subsystem 106 couples input / output peripherals on the device 100, such as the touch screen 112 and other input control devices 116, to a peripherals interface 118. The I / O subsystem 106 optionally includes a display controller 156, an optical sensor controller 158, a depth camera controller 169, an intensity sensor controller 159, a tactile feedback controller 161, and one or more input controllers 160 for other input or control devices. One or more input controllers 160 receive / send electrical signals from other input control devices 116. Other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slide switches, joysticks, click wheels, etc. In some alternative embodiments, the input controller 160 is optionally coupled to any (or none) of the following: a keyboard, an infrared port, a USB port, and a pointing device such as a mouse. One or more buttons (e.g., Figure 2 208) optionally includes an increase / decrease button for volume control of the speaker 111 and / or the microphone 113. One or more buttons optionally include a push button (e.g., Figure 2 206).

[0075] A quick press of the push button optionally disengages the lock of the touch screen 112 or optionally begins the process of unlocking the device using gestures on the touch screen, as described in U.S. Patent Application 11 / 322,549, filed on December 23, 2005, entitled "Unlocking a Device by Performing Gestures on an Unlock Image" (i.e., U.S. Patent No. 7,657,849), which is hereby incorporated by reference in its entirety. A long press of the push button (e.g., 206) optionally turns the device 100 on or off. The functions of one or more buttons are optionally user-customizable. The touch screen 112 is used to implement virtual buttons or soft buttons and one or more soft keyboards.

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

[0077] The touch screen 112 has a touch-sensitive surface, sensor, or sensor group that accepts input from a user based on tactile and / or haptic contact. The touch screen 112 and display controller 156 (together with any associated modules and / or instruction sets in memory 102) detect contact (and any movement or interruption of the contact) on the touch screen 112 and convert the detected contact into interaction with a user interface object (e.g., one or more soft keys, icons, web pages, or images) displayed on the touch screen 112. In an exemplary embodiment, the point of contact between the touch screen 112 and the user corresponds to a finger of the user.

[0078] The touch screen 112 optionally uses LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, although other display technologies are used in other embodiments. The touch screen 112 and display controller 156 optionally use any of a variety of touch sensing technologies now known or later developed, 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 the touch screen 112 to detect contact and any movement or interruption thereof. In an exemplary embodiment, projected mutual capacitance sensing technology is used, such as in the Apple ® from Apple Inc. (Cupertino, California). and iPod The technology used in.

[0079] The touch-sensitive display in some embodiments of touch screen 112 is optionally similar to the multi-touch-sensitive trackpad described in the following U.S. Patents: 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and / or 6,677,932 (Westerman et al.), and / or U.S. Patent Publication 2002 / 0015024A1, each of which is hereby incorporated by reference in its entirety. However, touch screen 112 displays visual output from device 100, while a touch-sensitive trackpad does not provide visual output.

[0080] In some embodiments, the touch-sensitive display of touch screen 112 is as described in the following patent applications: (1) U.S. patent application No. 11 / 381,313, filed on May 2, 2006, entitled “Multipoint Touch Surface Controller”; (2) U.S. patent application No. 10 / 840,862, filed on May 6, 2004, entitled “Multipoint Touchscreen”; (3) U.S. patent application No. 10 / 903,964, filed on July 30, 2004, entitled “Gestures For Touch Sensitive Input Devices”; (4) U.S. patent application No. 11 / 048,264, filed on January 31, 2005, entitled “Gestures For Touch Sensitive Input Devices”; (5) U.S. patent application No. 11 / 086,694, filed on January 18, 2005, entitled “Mode-Based Graphical User Interfaces For Touch Sensitive and (9) U.S. patent application No. 11 / 367,749, filed on March 3, 2006, entitled “Multi-Functional Hand-Held Device.” All of these applications are hereby incorporated by reference in their entirety.

[0081] The touch screen 112 optionally has a video resolution of more than 100 dpi. In some embodiments, the touch screen has a video resolution of about 160 dpi. The user optionally uses any suitable object or attachment such as a stylus, finger, etc. to contact the touch screen 112. In some embodiments, the user interface is designed to work primarily through finger-based contacts and gestures, which may not be as precise as stylus-based input due to the larger contact area of ​​the finger on the touch screen. In some embodiments, the device converts rough finger-based input into precise pointer / cursor positions or commands for performing the actions desired by the user.

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

[0083] The device 100 also includes a power system 162 for powering the various components. The power system 162 optionally includes a power management system, one or more power sources (e.g., batteries, alternating current (AC)), a recharging system, a power fault detection circuit, a power converter or inverter, a power status indicator (e.g., a light emitting diode (LED)), and any other components associated with the generation, management, and distribution of power in a portable device.

[0084] Device 100 optionally also includes one or more optical sensors 164 . Figure 1AAn optical sensor coupled to an optical sensor controller 158 in the I / O subsystem 106 is shown. The optical sensor 164 optionally includes a charge coupled device (CCD) or a complementary metal oxide semiconductor (CMOS) phototransistor. The optical sensor 164 receives light projected through one or more lenses from the environment and converts the light into data representing an image. In conjunction with the imaging module 143 (also called a camera module), the optical sensor 164 optionally captures a static image or a video. In some embodiments, the optical sensor is located on the rear of the device 100, opposite to the touch screen display 112 on the front of the device, so that the touch screen display can be used as a viewfinder for static images and / or video image acquisition. In some embodiments, the optical sensor is located on the front of the device so that the user's image is optionally acquired for video conferencing while the user is viewing other video conference participants on the touch screen display. In some embodiments, the position of the optical sensor 164 can be changed by the user (e.g., by rotating the lens and sensor in the device housing) so that a single optical sensor 164 is used with the touch screen display for both video conferencing and static image and / or video image acquisition.

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

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

[0087] Device 100 optionally also includes one or more proximity sensors 166 . Figure 1A A proximity sensor 166 is shown coupled to the peripherals interface 118. Alternatively, the proximity sensor 166 is optionally coupled to the input controller 160 in the I / O subsystem 106. The proximity sensor 166 is optionally implemented as described in the following U.S. patent applications: No. 11 / 241,839, entitled "Proximity Detector In Handheld Device"; No. 11 / 240,788, entitled "Proximity Detector In Handheld Device"; No. 11 / 620,702, entitled "Using Ambient Light Sensor To Augment Proximity Sensor Output"; No. 11 / 586,862, entitled "Automated Response To And Sensing Of User Activity In Portable Devices"; and No. 11 / 638,251, entitled "Methods And Systems For Automatic Configuration Of Peripherals", which are hereby incorporated by reference in their entirety. In some embodiments, when the multifunction device is placed near the user's ear (eg, when the user is on a phone call), the proximity sensor turns off and the touch screen 112 is disabled.

[0088] Device 100 optionally also includes one or more tactile output generators 167 . Figure 1AA tactile output generator is shown coupled to a tactile feedback controller 161 in the I / O subsystem 106. The tactile output generator 167 optionally includes one or more electroacoustic devices, such as a speaker or other audio component; and / or an electromechanical device that converts energy into linear motion, such as a motor, solenoid, electroactive polymer, piezoelectric actuator, electrostatic actuator, or other tactile output generating component (e.g., a component that converts an electrical signal into a tactile output on the device). The contact intensity sensor 165 receives tactile feedback generation instructions from the tactile feedback module 133 and generates a tactile output on the device 100 that can be felt by a user of the device 100. In some embodiments, at least one tactile output generator is arranged in juxtaposition or proximity to a touch-sensitive surface (e.g., touch-sensitive display system 112) and optionally generates tactile output by moving the touch-sensitive surface vertically (e.g., inward / outward of the surface of the device 100) or laterally (e.g., backward and forward in the same plane as the surface of the device 100). In some embodiments, at least one tactile output generator sensor is located on the back of device 100 , opposite touch screen display 112 located on the front of device 100 .

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

[0090] In some embodiments, the software components stored in memory 102 include an operating system 126, a communication module (or instruction set) 128, a contact / motion module (or instruction set) 130, a graphics module (or instruction set) 132, a text input module (or instruction set) 134, a global positioning system (GPS) module (or instruction set) 135, and an application (or instruction set) 136. In addition, in some embodiments, memory 102 ( Figure 1A ) or 370( Figure 3 ) storage device / global internal state 157, such as Figure 1A and Figure 3 . The device / global internal state 157 includes one or more of the following: an active application state, which indicates which applications (if any) are currently active; a display state, which indicates what applications, views, or other information occupy various areas of the touch screen display 112; a sensor state, including information obtained from the device's various sensors and input control devices 116; and position information about the device's position and / or posture.

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

[0092] The communication module 128 facilitates communication with other devices through one or more external ports 124, and also includes various software components for processing data received by the RF circuit 108 and / or the external port 124. The external port 124 (e.g., a universal serial bus (USB), FireWire, etc.) is suitable for coupling directly to other devices, or indirectly through a network (e.g., the Internet, a wireless LAN, etc.). In some embodiments, the external port is connected to (trademark of Apple Inc.) devices.

[0093] The contact / motion module 130 optionally detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). The contact / motion module 130 includes various software components for performing various operations related to contact detection, such as determining whether contact has occurred (e.g., detecting a finger press event), determining the contact strength (e.g., the force or pressure of the contact, or a substitute for the force or pressure of the contact), determining whether there is movement of the contact and tracking the movement on the touch-sensitive surface (e.g., detecting one or more finger drag events), and determining whether the contact has stopped (e.g., detecting a finger lift event or contact disconnection). The contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of a contact point optionally includes determining a rate (magnitude), velocity (magnitude and direction), and / or acceleration (change in magnitude and / or direction) of the contact point, the movement of which is represented by a series of contact data. These operations are optionally applied to a single point of contact (e.g., a single finger contact) or multiple points of simultaneous contact (e.g., "multi-touch" / multiple finger contacts). In some embodiments, contact / motion module 130 and display controller 156 detect contact on a trackpad.

[0094] 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 a user (e.g., to determine whether a user has "clicked" an icon). In some embodiments, at least a subset of the intensity thresholds are determined based on software parameters (e.g., the intensity thresholds are not determined by the activation thresholds of specific physical actuators and can be adjusted without changing the physical hardware of device 100). For example, a mouse "click" threshold for a touchpad or touch screen can be set to any one of a large range of predefined thresholds without changing the touchpad or touch screen display hardware. In addition, in some embodiments, a software setting is provided to a user of the device for adjusting one or more intensity thresholds in a set of intensity thresholds (e.g., by adjusting individual intensity thresholds and / or by utilizing a system-level click on an "intensity" parameter to adjust multiple intensity thresholds at once).

[0095] The contact / motion module 130 optionally detects gesture input by the user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motions, timings, and / or intensities of the detected contacts). Therefore, gestures are optionally detected by detecting specific contact patterns. For example, detecting a finger tap gesture includes detecting a finger press event, and then detecting a finger lift (lift-off) event at the same location (or substantially the same location) as the finger press 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 press event, then detecting one or more finger drag events, and then detecting a finger lift (lift-off) event.

[0096] The graphics module 132 includes various known software components for rendering and displaying graphics on the touch screen 112 or other display, including components for changing 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 soft keys), digital images, videos, animations, etc.

[0097] In some embodiments, the graphics module 132 stores data representing graphics to be used. Each graphic is optionally assigned a corresponding code. The graphics module 132 receives one or more codes for specifying the graphics to be displayed from an application program, etc., and also receives coordinate data and other graphics attribute data together if necessary, and then generates screen image data to be output to the display controller 156.

[0098] Haptic feedback module 133 includes various software components for generating instructions used by tactile output generator 167 to produce tactile output at one or more locations on device 100 in response to user interaction with device 100 .

[0099] Text input module 134, which is optionally a component of graphics module 132, 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).

[0100] 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 the Weather widget, the Local Pages widget, and the Maps / Navigation widget).

[0101] The application 136 optionally includes the following modules (or instruction sets) or a subset or superset thereof:

[0102] Contacts module 137 (sometimes called address book or contact list);

[0103] Telephone module 138;

[0104] Video conferencing module 139;

[0105] Email client module 140;

[0106] Instant messaging (IM) module 141;

[0107] Fitness support module 142;

[0108] A camera module 143 for still images and / or video images;

[0109] Image management module 144;

[0110] Video player module;

[0111] Music player module;

[0112] Browser module 147;

[0113] Calendar module 148;

[0114] A widget module 149, which optionally includes one or more of the following: a weather widget 149-1, a stock widget 149-2, a calculator widget 149-3, an alarm widget 149-4, a dictionary widget 149-5, and other widgets acquired by the user, and a user-created widget 149-6;

[0115] A widget creator module 150 for forming a user-created widget 149-6;

[0116] Search module 151;

[0117] Video and music player module 152, which merges the video player module and the music player module;

[0118] Notepad module 153;

[0119] Map module 154; and / or

[0120] Online video module 155.

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

[0122] In conjunction with the touch screen 112, display controller 156, touch / motion module 130, graphics module 132, and text input module 134, the contact module 137 is optionally used to manage an address book or contact list (e.g., stored in the application internal state 192 of the contact module 137 in memory 102 or memory 370), including: adding one or more names to the address book; deleting names from the address book; associating phone numbers, email addresses, physical addresses, or other information with names; associating images with names; categorizing and classifying names; providing phone numbers or email addresses to initiate and / or facilitate communications via telephone 138, video conferencing module 139, email 140, or IM 141; and the like.

[0123] In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, phone module 138 is optionally used to enter a sequence of characters corresponding to a phone number, access one or more phone numbers in contact module 137, modify an entered phone number, dial a corresponding phone number, conduct a conversation, and disconnect or hang up when the conversation is complete. As described above, wireless communication optionally uses any of a variety of communication standards, protocols, and technologies.

[0124] In combination with the RF circuit 108, the audio circuit 110, the speaker 111, the microphone 113, the touch screen 112, the display controller 156, the optical sensor 164, the optical sensor controller 158, the contact / motion module 130, the graphics module 132, the text input module 134, the contact module 137 and the telephone module 138, the video conferencing module 139 includes executable instructions for initiating, conducting and terminating a video conference between a user and one or more other participants in accordance with user instructions.

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

[0126] In conjunction with RF circuit 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, instant messaging module 141 includes executable instructions for the following operations: inputting a character sequence corresponding to an instant message, modifying previously input characters, transmitting a corresponding instant message (e.g., using a short message service (SMS) or multimedia message service (MMS) protocol for phone-based instant messaging or using XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receiving an instant message, and viewing the received instant message. In some embodiments, the transmitted and / or received instant message optionally includes graphics, photos, audio files, video files, and / or other attachments supported in MMS and / or enhanced messaging service (EMS). As used herein, "instant messaging" refers to both phone-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).

[0127] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the contact / motion module 130, the graphics module 132, the text input module 134, the GPS module 135, the map module 154 and the music player module, the fitness support module 142 includes executable instructions for creating a fitness (e.g., with time, distance and / or calorie burn goals); communicating with fitness sensors (sports equipment); receiving fitness sensor data; calibrating sensors for monitoring fitness; selecting and playing music for fitness; and displaying, storing and transmitting fitness data.

[0128] In conjunction with the touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact / motion module 130, graphics module 132 and image management module 144, the camera module 143 includes executable instructions for the following operations: capturing still images or videos (including video streams) and storing them in the memory 102, modifying the characteristics of the still images or videos, or deleting the still images or videos from the memory 102.

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

[0130] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the touch / motion module 130, the graphics module 132 and the text input module 134, the browser module 147 includes executable instructions for browsing the Internet in accordance with user instructions, including searching, linking to, receiving and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0131] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the touch / motion module 130, the graphics module 132, the text input module 134, the email client module 140 and the browser module 147, the calendar module 148 includes executable instructions for creating, displaying, modifying and storing calendars and data associated with the calendar (e.g., calendar entries, to-do items, etc.) in accordance with user instructions.

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

[0133] In combination with the RF circuit 108, touch screen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134 and browser module 147, the desktop widget creator module 150 is optionally used by a user to create a desktop widget (e.g., converting a user-specified portion of a web page into a desktop widget).

[0134] In combination with the touch screen 112, display controller 156, contact / motion module 130, graphics module 132 and text input module 134, the search module 151 includes executable instructions for searching the memory 102 for text, music, sound, images, videos and / or other files that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with user instructions.

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

[0136] In conjunction with the touch screen 112, display controller 156, contact / motion module 130, graphics module 132 and text input module 134, the notepad module 153 includes executable instructions for creating and managing notes, to-do lists, etc. according to user instructions.

[0137] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the touch / motion module 130, the graphics module 132, the text input module 134, the GPS module 135 and the browser module 147, the map module 154 is optionally used to receive, display, modify and store maps and data associated with the maps (e.g., driving directions, data relating to stores and other points of interest at or near a particular location, and other location-based data) in accordance with user instructions.

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

[0139] Each of the modules and applications described above corresponds to an executable instruction set for performing one or more of the functions described above and the methods described in this patent application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., instruction sets) do not have to be implemented as independent software programs, processes, or modules, so various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. For example, a video player module is optionally combined with a music player module into a single module (e.g., Figure 1A In some embodiments, the memory 102 optionally stores a subset of the above modules and data structures. In addition, the memory 102 optionally stores other modules and data structures not described above.

[0140] In some embodiments, device 100 is a device where operation of a predefined set of functions on the device is performed exclusively through a touch screen and / or a trackpad. By using a touch screen and / or a trackpad as the primary input control device for operating device 100, the number of physical input control devices (e.g., push buttons, dials, etc.) on device 100 is optionally reduced.

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

[0142] Figure 1B 1 is a block diagram illustrating exemplary components for event processing according to some embodiments. In some embodiments, memory 102 ( Figure 1A ) or memory 370( Figure 3 ) includes an event classifier 170 (e.g., in the operating system 126) and a corresponding application 136-1 (e.g., any one of the aforementioned applications 137 to 151, 155, 380 to 390).

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

[0144] In some embodiments, the application internal state 192 includes additional information, such as one or more of the following: resumption information to be used when the application 136-1 resumes execution, user interface state information indicating that information is being displayed or is ready to be displayed by the application 136-1, a state queue for enabling a user to return to a previous state or view of the application 136-1, and a repeat / undo queue of previous actions taken by the user.

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

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

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

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

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

[0150] Hit view determination module 172 receives information related to sub-events of touch-based gestures. When an application has multiple views organized in a hierarchy, hit view determination module 172 identifies the hit view as the lowest view in the hierarchy where the sub-events should be processed. In most cases, the hit view is the lowest level view in which the initiating sub-event (e.g., the first sub-event in a sequence of sub-events that form an event or potential event) occurs. Once a hit view is identified by hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source for which it was identified as the hit view.

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

[0152] Event distributor module 174 distributes the event information to event recognizers (e.g., event recognizers 180). In embodiments including active event recognizer determination module 173, event distributor module 174 delivers the event information to the event recognizers determined by active event recognizer determination module 173. In some embodiments, event distributor module 174 stores the event information in an event queue, which is retrieved by corresponding event receivers 182.

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

[0154] In some embodiments, application 136-1 includes multiple event handlers 190 and one or more application views 191, each of which includes instructions for handling touch events occurring within a corresponding view of the user interface of the application. Each application view 191 of application 136-1 includes one or more event recognizers 180. Typically, the corresponding application view 191 includes multiple event recognizers 180. In other embodiments, one or more of the event recognizers 180 are part of an independent module, which is a higher-level object such as a user interface toolkit or application 136-1 from which methods and other properties are inherited. In some embodiments, the corresponding event handler 190 includes one or more of the following: data updater 176, object updater 177, GUI updater 178, and / or event data 179 received from event classifier 170. Event handler 190 optionally utilizes or calls 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 corresponding event handlers 190. Additionally, in some embodiments, one or more of the data updater 176, the object updater 177, and the GUI updater 178 are included in the corresponding application view 191.

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

[0156] Event receiver 182 receives event information from event classifier 170. Event information includes information about sub-events such as touches or touch movements. Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When the sub-event involves the movement of a touch, the event information optionally also includes the rate and direction of the sub-event. In some embodiments, the event includes a rotation of the device from one orientation to another orientation (e.g., from a portrait orientation to a landscape orientation, or vice versa), and the event information includes corresponding information about the current orientation of the device (also referred to as the device posture).

[0157] Event comparator 184 compares event information with predefined event or sub-event definitions, and determines an event or sub-event based on the comparison, or determines or updates the state of an event or sub-event. In some embodiments, event comparator 184 includes event definition 186. Event definition 186 includes definitions of events (e.g., predefined sub-event sequences), such as event 1 (187-1), event 2 (187-2), and others. In some embodiments, sub-events in event (187) include, for example, touch start, touch end, touch move, touch cancel, and multi-touch. In one example, the definition of event 1 (187-1) is a double-click on a displayed object. For example, a double-click includes a first touch (touch start) of a predetermined duration on a displayed object, a first lift-off (touch end) of a predetermined duration, a second touch (touch start) of a predetermined duration on a displayed object, and a second lift-off (touch end) of a predetermined duration. In another example, the definition of event 2 (187-2) is a drag on a displayed object. For example, dragging includes a touch (or contact) of a predetermined duration on a displayed object, movement of the touch on touch-sensitive display 112, and lift-off of the touch (touch end). In some embodiments, the event also includes information for one or more associated event handlers 190.

[0158] In some embodiments, event definition 187 includes definitions of events for corresponding user interface objects. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view displaying three user interface objects 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 corresponding event handler 190, the event comparator uses the result of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects an event handler associated with the sub-event and the object that triggered the hit test.

[0159] In some embodiments, the definition of the corresponding event (187) also includes a delay action that delays delivery of the event information until it has been determined that the sequence of sub-events does or does not correspond to the event type of the event identifier.

[0160] When a corresponding event recognizer 180 determines that a sequence of sub-events does not match any event in event definition 186, the corresponding event recognizer 180 enters an event impossible, event failed, or event ended state, after which subsequent sub-events of the touch-based gesture are ignored. In this case, 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.

[0161] In some embodiments, corresponding event recognizers 180 include 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 or can interact with each other. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate whether sub-events are delivered to different levels in a view or programmatic hierarchy.

[0162] In some embodiments, when one or more specific sub-events of an event are identified, the corresponding event recognizer 180 activates an event handler 190 associated with the event. In some embodiments, the corresponding event recognizer 180 delivers event information associated with the event to the event handler 190. Activating the event handler 190 is different from sending (and deferred sending) the sub-events to the corresponding hit view. In some embodiments, the event recognizer 180 throws a tag associated with the identified event, and the event handler 190 associated with the tag obtains the tag and performs a predefined process.

[0163] In some embodiments, 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 sub-event sequence or to an actively participating view. An event handler associated with a sub-event sequence or with an actively participating view receives the event information and performs a predetermined process.

[0164] 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 contact module 137 or stores video files used in 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 position 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 a touch-sensitive display.

[0165] 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 included in a single module of the corresponding application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0166] It should be understood that the above discussion of event processing of user touches on a touch-sensitive display also applies to other forms of user input that utilize input devices to operate the multifunction device 100, and not all user input is initiated on the touch screen. For example, mouse movement and mouse button presses, optionally in conjunction with single or multiple keyboard presses or hold; contact movement on a touch pad, such as tapping, dragging, scrolling, etc.; stylus input; movement of the device; verbal commands; detected eye movement; biometric input; and / or any combination thereof are optionally used as input corresponding to sub-events defining the event to be recognized.

[0167] Figure 2 A portable multifunction device 100 with a touch screen 112 is shown according to some embodiments. The touch screen optionally displays one or more graphics within a user interface (UI) 200. In this embodiment and other embodiments described below, a user can select one or more of the graphics by, for example, making gestures on the graphics using one or more fingers 202 (not drawn to scale in the figure) or one or more styluses 203 (not drawn to scale in the figure). In some embodiments, selection of one or more graphics will occur when the user breaks contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, from right to left, up and / or down), and / or rolling of a finger that has made contact with the device 100 (from right to left, from left to right, up and / or down). In some embodiments or in some cases, inadvertent contact with a graphic does not select the graphic. For example, when the gesture corresponding to the selection is a tap, a swipe gesture that sweeps over an application icon optionally does not select the corresponding application.

[0168] The device 100 optionally also includes one or more physical buttons, such as a "home" or menu button 204. As previously described, the menu button 204 is optionally used to navigate to any application 136 in a set of applications that are optionally executed on the device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on the touch screen 112.

[0169] In some embodiments, the device 100 includes a touch screen 112, a menu button 204, a push button 206 for turning the device on / off and for locking the device, one or more volume adjustment buttons 208, a subscriber identity module (SIM) card slot 210, a headset jack 212, and a docking / charging external port 124. The push button 206 is optionally used to turn the device on / off by pressing the button and keeping the button in a depressed state for a predefined time interval; lock the device by pressing the button and releasing the button before the predefined time interval has passed; and / or unlock the device or initiate an unlocking process. In an alternative embodiment, the device 100 also accepts voice input for activating or deactivating certain functions through the microphone 113. The device 100 also optionally includes one or more contact strength sensors 165 for detecting the strength of contact on the touch screen 112, and / or one or more tactile output generators 167 for generating tactile output for a user of the device 100.

[0170] Figure 3 300 is a block diagram of an exemplary multifunction device with 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, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a children's learning toy), a gaming system, or a control device (e.g., a home controller or an industrial controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, a memory 370, and one or more communication buses 320 for interconnecting these components. Communication bus 320 optionally includes circuits (sometimes referred to as chipsets) that interconnect system components and control communications between system components. Device 300 includes an input / output (I / O) interface 330 with a display 340, which is typically a touch screen 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 for generating tactile output on device 300 (e.g., similar to the above reference). Figure 1A The one or more tactile output generators 167 described above), sensors 359 (e.g., optical sensors, acceleration sensors, proximity sensors, touch sensors, and / or contact intensity sensors (similar to the above referenced Figure 1AThe memory 370 may include one or more storage devices located away from the CPU 310. In some embodiments, the memory 370 stores information related to the portable multifunction device 100 ( Figure 1A ) or a subset thereof. In addition, 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 a drawing module 380, a presentation module 382, ​​a word processing module 384, a website creation module 386, a disk editing module 388, and / or a spreadsheet module 390, while portable multifunction device 100 ( Figure 1A )'s memory 102 optionally does not store these modules.

[0171] Figure 3 Each element in the above-mentioned elements in is optionally stored in one or more memory devices of the previously mentioned memory device. Each module in the above-mentioned modules corresponds to an instruction set for performing the above-mentioned functions. The above-mentioned modules or programs (e.g., instruction sets) do not have to be implemented as separate software programs, processes or modules, and therefore the various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In certain embodiments, memory 370 optionally stores a subset of the above-mentioned modules and data structures. In addition, memory 370 optionally stores additional modules and data structures not described above.

[0172] Attention is now turned to an embodiment of a user interface that is optionally implemented on, for example, portable multifunction device 100.

[0173] Figure 4A An exemplary user interface of an application menu on portable multifunction device 100 is shown in accordance with 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:

[0174] One or more signal strength indicators 402 of one or more wireless communications such as cellular signals and Wi-Fi signals;

[0175] Time 404;

[0176] Bluetooth indicator 405;

[0177] Battery status indicator 406;

[0178] A tray 408 with icons for commonly used applications, such as:

[0179] o an icon 416 of the phone module 138 labeled “Phone”, the icon 416 optionally including an indicator 414 of the number of missed calls or voice messages;

[0180] o an icon 418 of the email client module 140 labeled “Mail,” which optionally includes an indicator 410 of the number of unread emails;

[0181] o An icon 420 labeled “Browser” of the browser module 147; and

[0182] o an icon 422 labeled “iPod” of a video and music player module 152 (also referred to as an iPod (trademark of Apple Inc.) module 152); and

[0183] Icons for other apps, such as:

[0184] o Icon 424 of IM module 141 labeled “Message”;

[0185] o Icon 426 labeled “Calendar” of calendar module 148;

[0186] o Icon 428 labeled “Photos” of the image management module 144;

[0187] o An icon 430 labeled “Camera” of the camera module 143;

[0188] o Icon 432 labeled “Online Video” of the online video module 155;

[0189] o Icon 434 labeled "Stocks" of the Stocks widget 149-2;

[0190] o an icon 436 labeled “MAP” of the map module 154;

[0191] o Icon 438 labeled "Weather" of the Weather widget 149-1;

[0192] o Icon 440 labeled as “Clock” of the alarm clock widget 149-4;

[0193] o an icon 442 labeled “Fitness Support” of the fitness support module 142;

[0194] o An icon 444 labeled "Notepad" of the notepad module 153; and

[0195] o An icon 446 labeled “Settings” of a settings application or module that provides access to settings for the device 100 and its various applications 136.

[0196] It should be noted that Figure 4A The icon labels shown in are exemplary only. For example, icon 422 of video and music player module 152 is labeled "Music" or "Music Player". Other labels are optionally used for various application icons. In some embodiments, the label of a respective application icon includes the name of the application corresponding to the respective application icon. In some embodiments, the label of a particular application icon is different from the name of the application corresponding to the particular application icon.

[0197] Figure 4B A touch-sensitive surface 451 (eg, touch screen display 112) is shown having a touch-sensitive surface 451 (eg, Figure 3 A device (e.g., a tablet or touchpad 355) Figure 3 Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) for detecting intensity of contacts on touch-sensitive surface 451 and / or one or more tactile output generators 357 for generating tactile output for a user of device 300.

[0198] Although some of the examples below will be given with reference to input on a touch screen display 112 (where a touch-sensitive surface and a display are combined), in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, such as Figure 4B In some embodiments, the touch-sensitive surface (e.g., Figure 4B 451) has a main axis (e.g., Figure 4B 453) corresponding to the principal axis (for example, Figure 4B According to these embodiments, the device detects a position corresponding to a corresponding position on the display (e.g., Figure 4B 460 corresponds to 468 and 462 corresponds to 470) in contact with touch-sensitive surface 451 (e.g., Figure 4B 460 and 462 in FIG. 4 ). Thus, on a touch-sensitive surface (eg, Figure 4B 451) and the display of a multi-function device ( Figure 4BWhen the user input detected by the device on the touch-sensitive surface (e.g., contacts 460 and 462 and their movement) is separated, the device is used to manipulate the user interface on the display. It should be understood that similar methods are optionally used for other user interfaces described herein.

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

[0200] Figure 5A An exemplary personal electronic device 500 is shown. Device 500 includes a body 502. In some embodiments, device 500 may include a body 502 relative to devices 100 and 300 (e.g., Figures 1A to 4B ) and some or all of the features described in the foregoing. In some embodiments, device 500 has a touch-sensitive display screen 504, hereinafter referred to as touch screen 504. As an alternative or in addition to touch screen 504, device 500 has a display and a touch-sensitive surface. As with devices 100 and 300, in some embodiments, touch screen 504 (or 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 of touch screen 504 (or touch-sensitive surface) can provide output data representing the intensity of the touch. The user interface of device 500 can respond to the touch based on the intensity of the touch, which means that touches of different intensities can invoke different user interface operations on device 500.

[0201] Exemplary techniques for detecting and processing touch intensity are found, for example, in the following related patent applications: International Patent Application Serial No. PCT / US2013 / 040061, filed on May 8, 2013, entitled “Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application,” published as WIPO Patent Publication No. WO / 2013 / 169849; and International Patent Application Serial No. PCT / US2013 / 069483, filed on November 11, 2013, entitled “Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships,” published as WIPO Patent Publication No. WO / 2014 / 105276, each of which is hereby incorporated by reference in its entirety.

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

[0203] Figure 5B An exemplary personal electronic device 500 is shown. In some embodiments, the device 500 may include a reference Figure 1A , Figure 1B and Figure 3Some or all of the components described. Device 500 has a bus 512 that operatively couples an I / O portion 514 to one or more computer processors 516 and a memory 518. I / O portion 514 may be connected to a display 504, which may have a touch-sensitive component 522 and optionally a strength sensor 524 (e.g., a contact strength sensor). In addition, I / O portion 514 may 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 technologies. Device 500 may include input mechanisms 506 and / or 508. For example, input mechanism 506 is optionally a rotatable input device or a depressible input device and a rotatable input device. In some examples, input mechanism 508 is optionally a button.

[0204] In some examples, input mechanism 508 is optionally a microphone. Personal electronic device 500 optionally includes various sensors, such as GPS sensor 532, accelerometer 534, orientation sensor 540 (e.g., compass), gyroscope 536, motion sensor 538, and / or combinations thereof, all of which are operably connected to I / O portion 514.

[0205] 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, may cause the computer processors to perform the techniques described below, including methods 700, 900, and 1100 ( FIG. 7A to FIG. 7B , Fig. 9 , FIG. 11A to FIG. 11D , Fig.13 and FIG. 15A to FIG. 15C ). Computer-readable storage media can be any medium that can tangibly contain or store computer-executable instructions for use by or in conjunction with instruction execution systems, devices, and apparatuses. In some examples, the storage medium is a transient computer-readable storage medium. In some examples, the storage medium is a non-transitory computer-readable storage medium. Non-transitory computer-readable storage media may include, but are not limited to, magnetic storage devices, optical storage devices, 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 memories such as flash memory, solid-state drives, and the like. Personal electronic device 500 is not limited to Figure 5B components and configurations, but may include other components or additional components in a variety of configurations.

[0206] As used herein, the term "indicative representation" refers to an optional feature of the apparatus 100, 300, and / or 500 ( Figure 1A , Figure 3 and FIG. 5A to FIG. 5B ) is a user-interactive graphical user interface object displayed on a display screen of a computer. For example, an image (e.g., an icon), a button, and text (e.g., a hyperlink) optionally each constitute an affordance.

[0207] As used herein, the term "focus selector" refers to an input element used to indicate the current portion of a user interface that a user is interacting with. In some embodiments that include a cursor or other position marker, the cursor acts as a "focus selector" such that when the cursor is over a particular user interface element (e.g., a button, window, slider, or other user interface element), a focus selector is displayed on a touch-sensitive surface (e.g., Figure 3 Touchpad 355 or Figure 4B In the event that an input (e.g., a press input) is detected on the touch-sensitive surface 451 in the display, the particular user interface element is adjusted according to the detected input. In the case that a touch-screen display (e.g., Figure 1A A touch-sensitive display system 112 or Figure 4A In some embodiments (such as the touch screen 112 in FIG. 1 ), a contact detected on the touch screen acts as a "focus selector" such that when an input (such as a press input by the contact) is detected at the location of a particular user interface element (such as a button, window, slider, or other user interface element) on the touch screen display, the particular user interface element is adjusted according to the detected input. In some embodiments, the focus moves from one area of ​​the user interface to another area of ​​the user interface without a corresponding movement of a cursor or movement of a contact on the touch screen display (such as by using a tab key or arrow keys to move the focus from one button to another); in these embodiments, the focus selector moves according to the movement of the focus between different areas of the user interface. Regardless of the specific form taken by the focus selector, the focus selector is generally a user interface element (or contact on the touch screen display) that is controlled by the user to deliver the user's intended interaction with the user interface (such as by indicating to the device the element of the user interface with which the user desires to interact). For example, when a press input is detected on a touch-sensitive surface (such as a trackpad or touch screen), the position of a focus selector (such as a cursor, contact, or selection box) over a corresponding button will indicate that the user desires to activate the corresponding button (rather than other user interface elements shown on the device display).

[0208] As used in the specification and claims, the term "characteristic intensity" of a contact refers to a characteristic of a contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on multiple intensity samples. The characteristic intensity is optionally based on a predefined number of intensity samples or a set of intensity samples collected during a predetermined time period (e.g., 0.05 seconds, 0.1 seconds, 0.2 seconds, 0.5 seconds, 1 second, 2 seconds, 5 seconds, 10 seconds) relative to a predefined event (e.g., after contact is detected, before contact is detected to be lifted off, before or after contact begins to move, before contact ends, before or after contact is detected to increase in intensity, and / or before or after contact is detected to decrease in intensity). The characteristic intensity of a contact is optionally based on one or more of the following: the maximum value of the intensity of the contact, the mean value of the intensity of the contact, the average value of the intensity of the contact, the value at the top 10% of the intensity of the contact, the half-maximum value of the intensity of the contact, the 90% maximum value of the intensity of the contact, etc. In some embodiments, the duration of the contact is used when determining the characteristic intensity (e.g., when the characteristic intensity is the average value of the intensity of the contact over time). In some embodiments, the feature strength is compared to a set of one or more strength thresholds to determine whether the user has performed an operation. For example, the set of one or more strength thresholds optionally includes a first strength threshold and a second strength threshold. In this example, a contact whose feature strength does not exceed the first threshold results in a first operation, a contact whose feature strength exceeds the first strength threshold but does not exceed the second strength threshold results in a second operation, and a contact whose feature strength exceeds the second threshold results in a third operation. In some embodiments, a comparison between the feature strength and one or more thresholds is used to determine whether to perform one or more operations (e.g., whether to perform the corresponding operation or to abandon the corresponding operation) rather than to determine whether to perform the first operation or the second operation.

[0209] Figure 5C Detecting multiple contacts 552A-552E on touch-sensitive display screen 504 using multiple intensity sensors 524A-524D is shown. Figure 5C Also included is an intensity graph that shows the current intensity measurements of intensity sensors 524A-524D relative to intensity units. In this embodiment, the intensity measurements of intensity sensors 524A and 524D are each 9 intensity units, and the intensity measurements of intensity sensors 524B and 524C are each 7 intensity units. In some embodiments, the cumulative intensity is the sum of the intensity measurements of multiple intensity sensors 524A-524D, which is 32 intensity units in this embodiment. In some embodiments, each contact is assigned a corresponding intensity, which is a portion of the cumulative intensity. Figure 5DThe cumulative strength assigned to contacts 552A-552E based on their distance from the center of force 554 is shown. In this embodiment, each of contacts 552A, 552B, and 552E is assigned a contact strength of 8 strength units of the cumulative strength, and each of contacts 552C and 552D is assigned a contact strength of 4 strength units of the cumulative strength. More generally, in some embodiments, each contact j is assigned a corresponding strength Ij, which is a portion of the cumulative strength A, according to a predefined mathematical function Ij=A·(Dj / ΣDi), where Dj is the distance of the corresponding contact j from the center of force, and ΣDi is the sum of the distances of all corresponding contacts (e.g., i=1 to the last) from the center of force. The reference may be performed using an electronic device similar to or equivalent to device 100, 300, or 500. Figure 5C-5D In some embodiments, the characteristic intensity of the contact is based on one or more intensities of the contact. In some embodiments, the intensity sensor is used to determine a single characteristic intensity (e.g., a single characteristic intensity of a single contact). It should be noted that the intensity map is not part of the displayed user interface, but is included in the Figure 5C-5D To assist the readers.

[0210] In some embodiments, a portion of a gesture is identified for determining characteristic strength. For example, the touch-sensitive surface optionally receives a continuous swipe contact that transitions from a starting position and reaches an end position, where the contact strength increases. In this example, the characteristic strength of the contact at the end position is optionally based only on a portion of the continuous swipe contact, rather than the entire swipe contact (e.g., only the portion of the swipe contact at the end position). In some embodiments, a smoothing algorithm is optionally applied to the intensity of the swipe contact before determining the characteristic strength of the contact. For example, a smoothing algorithm optionally includes one or more of the following: an unweighted sliding average smoothing algorithm, a triangular smoothing algorithm, a median filter smoothing algorithm, and / or an exponential smoothing algorithm. In some cases, these smoothing algorithms eliminate narrow peaks or depressions in the intensity of the swipe contact to achieve the purpose of determining the characteristic strength.

[0211] The intensity of a contact on the touch-sensitive surface is optionally characterized relative to one or more intensity thresholds, such as a contact detection intensity threshold, a light press intensity threshold, a deep press intensity threshold, and / or one or more other intensity thresholds. In some embodiments, the light press intensity threshold corresponds to an intensity at which the device will perform an operation typically associated with clicking a button of a physical mouse or trackpad. In some embodiments, the deep press intensity threshold corresponds to an intensity at which the device will perform an operation different from the operation typically associated with clicking a button of a physical mouse or trackpad. In some embodiments, when a contact having a characteristic intensity below the light press intensity threshold (e.g., and above a nominal contact detection intensity threshold, contacts below the nominal contact detection intensity threshold are no longer detected) is detected, the device will move the focus selector in accordance with the movement of the contact on the touch-sensitive surface without performing an operation associated with the light press intensity threshold or the deep press intensity threshold. Generally speaking, unless otherwise stated, these intensity thresholds are consistent between different groups of user interface illustrations.

[0212] An increase in contact feature intensity from an intensity below a light press intensity threshold to an intensity between the light press intensity threshold and the deep press intensity threshold is sometimes referred to as a "light press" input. An increase in contact feature intensity from an intensity below a deep press intensity threshold to an intensity above the deep press intensity threshold is sometimes referred to as a "deep press" input. An increase in contact feature intensity from an intensity below a contact detection intensity threshold to an intensity between the contact detection intensity threshold and the light press intensity threshold is sometimes referred to as detecting contact on the touch surface. A decrease in contact feature intensity from an intensity above the contact detection intensity threshold to an intensity below the contact detection intensity threshold is sometimes referred to as detecting contact lifted from the touch surface. In some embodiments, the contact detection intensity threshold is zero. In some embodiments, the contact detection intensity threshold is greater than zero.

[0213] In some embodiments described herein, one or more operations are performed in response to detecting a gesture that includes a corresponding press input or in response to detecting a corresponding press input performed with a corresponding contact (or contacts), wherein the corresponding press input is detected based at least in part on detecting an increase in intensity of the contact (or contacts) above a press input intensity threshold. In some embodiments, the corresponding operation is performed in response to detecting an increase in intensity of the corresponding contact above the press input intensity threshold (e.g., a "down stroke" of the corresponding press input). In some embodiments, the press input includes an increase in intensity of the corresponding contact above the press input intensity threshold and a subsequent decrease in intensity of the contact below the press input intensity threshold, and the corresponding operation is performed in response to detecting a subsequent decrease in intensity of the corresponding contact below the press input threshold (e.g., an "up stroke" of the corresponding press input).

[0214] Figure 5E-Figure 5HDetection of a gesture is shown, the gesture comprising contact 562 with an intensity from below Figure 5E The light press intensity threshold in L ”) increases to a strength higher than Figure 5H The deep compression intensity threshold in D ”). On the displayed user interface 570 including application icons 572A-572D displayed in the predefined area 574, when the cursor 576 is displayed above the application icon 572B corresponding to application 2, a gesture performed using contact 562 is detected on the touch-sensitive surface 560. In some embodiments, the gesture is detected on the touch-sensitive display 504. The intensity sensor detects the intensity of the contact on the touch-sensitive surface 560. The device determines that the intensity of the contact 562 is within the deep press intensity threshold (for example, “IT D ”) reaches a peak above. Contact 562 is maintained on touch-sensitive surface 560. In response to detecting the gesture, and according to the intensity increasing to a deep press intensity threshold (e.g., “IT D ”) above contact 562, displays scaled representations 578A-578C (e.g., thumbnails) of documents recently opened for application 2, such as Figure 5F-5H In some embodiments, the intensity is a characteristic intensity of the contact compared to one or more intensity thresholds. It should be noted that the intensity map for contact 562 is not part of the displayed user interface, but is included in the Figure 5E-Figure 5H To assist the readers.

[0215] In some embodiments, the display of representations 578A-578C includes animation. For example, representation 578A is initially displayed near application icon 572B, such as Fig. 5F As the animation progresses, representation 578A moves upward and representation 578B is displayed near application icon 572B, as shown. Figure 5G Then, representation 578A moves upward, 578B moves upward toward representation 578A, and representation 578C is displayed near application icon 572B, as shown in FIG. Figure 5H 578A-578C are shown in an array above icon 572B. In some embodiments, the animation progresses according to the intensity of contact 562, such as Figure 5F-5G , where representations 578A-578C appear and increase as the strength of contact 562 approaches a deep press strength threshold (eg, “IT D ”) increases and moves upward. In some embodiments, the intensity according to which the animation progresses is the characteristic intensity of the contact. The reference may be performed using an electronic device similar to or equivalent to device 100, 300, or 500. Figure 5E-Figure 5H The operation described.

[0216] In some embodiments, the device employs intensity hysteresis to avoid unexpected inputs, sometimes referred to as "jitter," where the device defines or selects a hysteresis intensity threshold that has a predefined relationship to a press input intensity threshold (e.g., the hysteresis intensity threshold is X intensity units lower than the press input intensity threshold, or the hysteresis intensity threshold is 75%, 90%, or some reasonable proportion of the press input intensity threshold). Thus, in some embodiments, a press input includes an increase in the intensity of the corresponding contact to above the press input intensity threshold and a subsequent decrease in the intensity of the contact to below a hysteresis intensity threshold corresponding to the press input intensity threshold, and a corresponding operation is performed in response to detecting a subsequent decrease in the intensity of the corresponding contact to below the hysteresis intensity threshold (e.g., an "upstroke" of the corresponding press input). Similarly, in some embodiments, a press input is detected only when the device detects an increase in contact intensity from an intensity equal to or below the hysteresis intensity threshold to an intensity equal to or above the press input intensity threshold and, optionally, a subsequent decrease in contact intensity to an intensity equal to or below the hysteresis intensity, and a corresponding operation is performed in response to detecting the press input (e.g., an increase in contact intensity or a decrease in contact intensity, depending on the circumstances).

[0217] For ease of explanation, optionally, a description of an operation performed in response to a press input associated with a press input intensity threshold or in response to a gesture including a press input is triggered in response to detecting any of the following: contact intensity increasing to above the press input intensity threshold, contact intensity increasing from an intensity below a hysteresis intensity threshold to an intensity above the press input intensity threshold, contact intensity decreasing to below the press input intensity threshold, and / or contact intensity decreasing to below a hysteresis intensity threshold corresponding to the press input intensity threshold. Additionally, in examples where an operation is described as being performed in response to detecting that the intensity of the contact decreases below the press input intensity threshold, the operation is optionally performed in response to detecting that the intensity of the contact decreases below a hysteresis intensity threshold that corresponds to and is less than the press input intensity threshold.

[0218] As used herein, an "installed application" refers to a software application that has been downloaded to an electronic device (e.g., device 100, 300, and / or 500) and is ready to be launched (e.g., become open) on the device. In some embodiments, a downloaded application becomes an installed application using an installer that extracts program portions from a downloaded software package and integrates the extracted portions with the operating system of a computer system.

[0219] As used herein, the term "open application" or "executing application" refers to a software application that has retained state information (e.g., as part of device / global internal state 157 and / or application internal state 192). An open or executing application is optionally any of the following types of applications:

[0220] The active application currently displayed on the display of the device on which the application is being used;

[0221] Background applications (or background processes) that are not currently displayed but whose processes are being processed by one or more processors; and

[0222] - A suspended or dormant application that is not running but has state information stored in memory (volatile and non-volatile, respectively) and can be used to resume execution of the application.

[0223] As used herein, the term "closed application" refers to a software application that does not have retained state information (e.g., the state information of a closed application is not stored in the memory of the device). Therefore, closing an application includes stopping and / or removing the application process of the application and removing the state information of the application from the memory of the device. Generally speaking, when in a first application, opening a second application does not close the first application. When the second application is displayed and the first application stops being displayed, the first application becomes a background application.

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

[0225] FIG. 6A to FIG. 6M An exemplary context-specific user interface that can be used to control the display of graphical elements using user input according to some embodiments is shown. The user interfaces in these figures are used to illustrate the processes described below, including FIG. 7A to FIG. 7B The method in .

[0226] Fig. 6A Device 600 is shown having a display 602 and a rotatable input mechanism 604 (e.g., rotatable relative to a housing or frame of the device). In some embodiments, device 600 is a wearable electronic device such as a smartwatch. In some embodiments, device 600 includes one or more features of device 100, 300, or 500. Fig. 6A As shown, device 600 displays watch user interface 601 on display 602. Watch user interface 601 includes graphical objects 606, 608-1, 608-2, and 608-3. Fig. 6A In FIG. 6 , the graphic object 606 includes a time indication. Fig. 6AAs shown, the time indication includes a representation of an analog clock face having an hour hand 616-1, a minute hand 616-2, and a second hand 616-3. As used herein, the second hand 616-3 refers to a representation of a clock hand that indicates the second component of time, rather than the second hand of two or more hands (e.g., a first hand, a second hand, a third hand, etc.). In some embodiments, the time indication is a representation of a digital clock that includes a digital indication of hours and a digital indication of minutes.

[0227] exist Fig. 6A In the embodiment of the present invention, graphic objects 608-1, 608-2, and 608-3 are complex function blocks corresponding to corresponding applications (collectively referred to as "complex function blocks 608"). In some embodiments, one or more of complex function blocks 608 display data from their corresponding applications. In some embodiments, one or more of graphic objects 608-1, 608-2, or 608-3 are not complex function blocks.

[0228] A complication refers to any clock face feature other than the hours and minutes used to indicate the time (e.g., clock hands or hour / minute indications). In some embodiments, a complication provides data obtained from an application. In some embodiments, a complication includes an affordance that launches a corresponding application when selected. In some embodiments, a complication is displayed at a fixed, predefined location on the display.

[0229] exist Fig. 6A , complex function blocks 608-1, 608-2, and 608-3 occupy the corresponding positions of the lower right, lower left, and upper left on the watch user interface 601, while the clock face 606 occupies the upper right position on the watch user interface 601. Fig. 6A , each position is offset from the center of the watch user interface 601. The lower right position, the lower left position, and the upper left position constitute a position sequence on the display 602, where the lower right is the first position in the position sequence, the lower left is the second position in the position sequence, and the upper left is the third (and last) position in the position sequence. Fig. 6A As shown, these positions are associated with respective sizes that determine the size of the graphical object displayed at the particular position. Of the three positions in the position sequence, the third (last) position (upper left) has the smallest size; the second position (lower left) has the largest size; and the first position (lower right) has a size between the size of the second position and the size of the third position.

[0230] In some embodiments, the positions on the watch user interface 601 are in a different order in the sequence than described above (e.g., top left, bottom right, bottom left; top left, bottom left, bottom right; bottom left, bottom right, top left; etc.). In some embodiments, the position sequence includes only two positions (e.g., bottom left and bottom right). In some embodiments, the position sequence includes more than three positions. In some embodiments, positions that are adjacent in the position sequence are not adjacent on the display 602. In some embodiments, the areas associated with the positions are shapes other than circular (e.g., rectangular).

[0231] exist Fig. 6A , device 600 receives (eg, detects) user input 690-1, the user input comprising rotation of rotatable input mechanism 604 in an upward (clockwise) direction (eg, as determined by comparing Fig. 6A and Figure 6B The position of the finger shown is visible).

[0232] like Figure 6B As shown, in response to receiving (e.g., detecting) user input 690-1, device 600 changes the position (e.g., based on the position sequence) at which complex function blocks 608-1, 608-2, and 608-3 are displayed. Each complex function block moves to the next position in the sequence, except for complex function block 608-3, which moves from the third (last) position to the first position. Complex function block 608-1 stops being displayed in the first position (lower right) and is displayed in the second position (lower left); complex function block 608-2 stops being displayed in the second position (lower left) and is displayed in the third (last) position (upper left); and complex function block 608-3 stops being displayed in the third (last) position (upper left) and is displayed in the first position (lower right).

[0233] When moving from one location to another, complex function block 608-1, 608-2, or 608-3 is modified. Due to the different sizes associated with the locations, complex function block 608-1 increases in size, complex function block 608-2 decreases in size, and complex function block 608-3 increases in size.

[0234] In some embodiments, the information included in one or more of the complex function blocks changes when moving from one location to another. Fig. 6A , complex function block 608-1 includes a current temperature 610 and a partial ring with an indicator 612 showing the current temperature relative to a (eg, forecasted) temperature range 614 of high (86 degrees) and low (52 degrees). Figure 6BAs shown, when displayed in the second (lower left) position, the complication 608-1 additionally includes a weather condition indicator 618 (e.g., indicating that the current weather condition is sunny). As another example, the complication 608-3 includes a heart icon at the third position (upper left) and includes an indication 620 of heart beats per minute (70 BPM) at the larger first position (lower right).

[0235] In some embodiments, the information included in the complication does not change when moving from one location to another (e.g., the information included in the complication does not depend on the location). For example, complication 608-2 is an astronomy complication that includes a representation of the Earth currently illuminated by the sun (e.g., showing daytime and nighttime regions). In some embodiments, astronomy complication 608-2 includes an indication (e.g., a dot) showing the location of device 600 on the Earth. Fig. 6A and Figure 6B As shown, the complex function block 608-2 appears identical (except for the size) in both the second (lower left) position and the third (last; upper left) position.

[0236] like Figure 6B As shown, device 600 receives (e.g., detects) user input 690-2, which includes further rotation of rotatable input mechanism 604 in the same direction as the rotation of user input 690-1. In some embodiments, user input 690-2 is a continuation of user input 690-1. In some embodiments, user input 690-2 is separate from user input 690-1.

[0237] like Figure 6CAs shown, in response to receiving user input 690-2, device 600 further changes the positions of complex function blocks 608-1, 608-2, and 608-3 (e.g., based on the position sequence). Complex function block 608-1 stops being displayed in the second position (lower left) and is displayed in the third position (upper left); complex function block 608-2 stops being displayed in the third position (upper left) and is displayed in the first position (lower right); and complex function block 608-3 stops being displayed in the first position (lower right) and is displayed in the second position (lower left). The size of complex function block 608-1 decreases and includes less information. At the third position, complex function block 608-1 is displayed with a current temperature 610 and a temperature range ring with an indicator 612, but without the temperature range 614 showing high and low temperatures and the weather condition indicator 618 (e.g., without at least some of the information displayed at the second position). Complex function block 608-2 increases in size and continues to include a representation of the earth currently illuminated by the sun. In addition to the current heart rate 620 provided in the first position, the complication 608-3 increases in size and also includes additional information: low heart rate 622 and high heart rate 624. The addition of information as the complication 608-3 moves to progressively larger positions (e.g., from third to first to second) illustrates an embodiment of how a complication may provide progressively more information as it moves to progressively larger positions. Similarly, when the complication 608-1 moves from a first position to a larger second position, the complication includes more information, but when it moves from a second position (e.g., a maximum position) to a third position (e.g., a minimum position), the complication includes less information.

[0238] like Figure 6C As shown, device 600 receives (e.g., detects) user input 690-3, which includes further rotation of rotatable input mechanism 604 in the same direction as rotation of user input 690-1 and user input 690-2. In some embodiments, user input 690-3 is a continuation of user input 690-2. In some embodiments, user input 690-2 is separate from user input 690-2.

[0239] like Fig.6DAs shown, in response to receiving user input 690-3, device 600 further changes the positions of complex function blocks 608-1, 608-2, and 608-3 (e.g., based on the position sequence). Complex function block 608-1 stops being displayed in the third (last) position (upper left) and is displayed in the first position (lower right); complex function block 608-2 stops being displayed in the first position (lower right) and is displayed in the second position (lower left); and complex function block 608-3 stops being displayed in the second position (lower left) and is displayed in the third (last) position (upper left). In response to user input 690-1 to 690-3, complex function block 608 cycles through the position sequence in sequence and returns to the position originally in Fig. 6A The position occupied by .

[0240] like FIG. 6A to FIG. 6D As shown, complex function block 608 moves forward in the sequence of positions until the last position is reached, at which point complex function block 608 moves to the first position in the sequence. Due to the relative positions of the positions on display 602, this causes complex function block 608 to move in a clockwise direction. In some embodiments, the direction (logical sequence of positions on display 602 or physical direction) depends on the user input (e.g., the direction of the user input). For example, based on the direction of user input 690-1 to 690-3 (e.g., an upward or clockwise rotation of rotatable input mechanism 604), complex function block 608 moves in a clockwise direction. FIG. 6A to FIG. 6D Cycle in the direction shown.

[0241] FIG. 6E to FIG. 6H The movement of the complex function block 608 in response to the user input 692-1 to 692-3 having a direction opposite to the direction of the user input 690-1 to 690-3 (e.g., downward or counterclockwise rotation of the rotatable input mechanism 604) is shown. FIG. 6E to FIG. 6H As shown, in response to user inputs 692-1 to 692-3, complex function block 608 moves backward in the position sequence (e.g., moves counterclockwise on display 602). For example, complex function block 608-1 moves from the first position to the last position, then moves to the second position, and then returns to the first position. In some embodiments, complex function block 608 moves forward in the position sequence in response to a swipe gesture on display 602 having a first direction (e.g., up or right), and moves backward in the position sequence in response to a swipe gesture having an opposite direction (e.g., down or left).

[0242] like 6A to 6HAs shown, clock face 606 remains in the upper right position of watch user interface 601 during user inputs 690 and 692, even though complication 608 is moved (e.g., the upper right position is not included in the sequence of positions between which graphical objects are moved in response to user input). In some embodiments, the upper right position on watch user interface 601 is included in the sequence of positions (e.g., as the fourth (last) position), and clock face 606 moves along with complication 608 to a different position in the sequence.

[0243] FIG. 6I to FIG. 6M An embodiment with such a sequence of positions is shown, wherein the lower right position is the first position, the lower left position is the second position, the upper left position is the third position, and the upper right position is the fourth (last) position. FIG. 6I to FIG. 6M As shown, in response to user inputs 693-1 through 693-4, graphical objects 606, 608-1, 608-2, and 608-3 move forward in the sequence of positions (eg, clockwise on display 602).

[0244] like FIG. 6I to FIG. 6M As shown, the fourth position has a size greater than the second position (e.g., the position that previously had the largest size), which allows additional information to be displayed compared to the first position, the second position, and the third position. Figure 6M ) is compared with the information included in the complex function block 608-3, when the complex function block 608-3 is located at the fourth position ( Figure 6K ), which includes additional information 628 indicating when the currently displayed heart rate 620 was last updated. Figure 6K ) compared to the complex function block 608-1 in the fourth position ( Figure 6M ) also includes additional position information 630. As the size of the position increases beyond a certain size, the clock face 606 includes progressively more details. At the three smallest positions (the first position, the second position, and the third position), the clock face 606 includes the same amount of details (e.g., tick marks 636 corresponding to hour markers), while at the largest position (the fourth position), the clock face 606 includes numerals 626 corresponding to hour markers.

[0245] like 6A to 6H As shown, these locations are fixed in that the positions of these locations do not change or move when different graphical objects are displayed at these locations in response to user input (eg, a graphical object displayed at a particular location always occupies the same area of ​​display 602).

[0246] In some embodiments, ceasing to display a complex function block at one location and displaying the complex function block at another location includes an animation when the complex function block is ceasing to be displayed, an animation when the complex function block is displayed, or an animation when the complex function block is ceasing to be displayed and when the complex function block is displayed (for example, the complex function block gradually fades out or gradually appears, or the complex function block translates out of one location and translates into another location).

[0247] like Figure 6J As shown, in some embodiments, watch user interface 601 displays an animation of complication tiles 608-1, 608-2, and 608-3 and clock face 606 moving in a clockwise direction as each element translates out of one position and into the next position in a sequence of positions on the display. Fig.6I The configuration shown is converted to Figure 6K When configured as shown, watch user interface 601 displays complications 608-1, 608-2, and 608-3 and clock face 606 in intermediate positions (e.g., complication 608-1 is between the first position and the second position, complication 608-2 is between the second position and the third position, complication 608-3 is between the third position and the fourth (last) position, and clock face 606 is between the fourth (last) position and the first position). In some embodiments, the direction of the animated movement of each graphical element corresponds to the direction of user input 693-2 (e.g., complication 608 translates in a clockwise direction in response to clockwise input 693-2 at the rotatable input mechanism).

[0248] FIG. 7A to FIG. 7B 700 is a flowchart illustrating a method for providing a context-specific user interface using an electronic device according to some embodiments. The method 700 is performed at a device (e.g., 100, 300, 500, 600) having a display. Some operations in the method 700 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0249] At block 702, the device displays a watch user interface (e.g., 601) on a display (e.g., 602). The watch user interface includes a first position (e.g., Fig. 6A 608-1) and the last position in the sequence of positions on the display (e.g., Fig. 6AIn some embodiments, the first graphical object includes a second graphical object at 608-3 of the watch user interface. In some embodiments, at least one of the first graphical object and the second graphical object displays data from an application (e.g., the first graphical object and / or the second graphical object is a complication associated with a watch face of a watch user interface). In some embodiments, the first graphical object includes a time indication (606). In some embodiments, the time indication is a representation of an analog clock including an hour hand and a minute hand. In some embodiments, the time indication is a representation of a digital clock including a digital indication of the hour and a digital indication of the minute. In some embodiments, the time indication is offset from the center of the display.

[0250] Displaying multiple graphical elements as members of a sequence of positions on a display (which can be reconfigured in a sequential manner) provides feedback to the user regarding the current position of each graphical element relative to other graphical elements and provides the user with visual feedback indicating how subsequent inputs will change the display. Providing improved visual feedback to the user enhances the operability 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), which in turn reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0251] At block 704, the device detects user input. In some embodiments, the device has a rotatable input mechanism (e.g., 604), and the user input includes a rotation of the rotatable input mechanism (e.g., 690). In some embodiments, the rotatable input mechanism is a physical mechanism that is attached to a fixed location of the electronic device (e.g., a side of frame 603) and rotates relative to the electronic device. In some embodiments, movement of the complex function block between positions on the display is based on the direction of rotation (e.g., rotation in one direction results in forward movement in the sequence of positions, and rotation in the opposite direction results in backward movement in the sequence of positions).

[0252] In some embodiments, the user input is a swipe gesture detected on the display (eg, in a first direction).

[0253] In response to detecting the user input, the device performs the operations of blocks 706, 708, 710, and 712. At block 706, the device stops displaying the first graphical object at a first position in the sequence of defined positions on the display (e.g., Fig. 6A At block 708, the device stops displaying the second graphical object at the last position in the sequence of defined positions on the display (e.g., Fig. 6AAt block 710, the device displays a second graphical object at a first position in the sequence of positions on the display (e.g., Figure 6B At block 712, the device displays the first graphical object at a second position in the sequence of positions on the display (eg, Figure 6B 608-1 is displayed at the lower left of the display. In some embodiments, there are only 2 positions, and the second position is the last position. In some embodiments, there are more than 2 positions, and the second position is the next position in the sequence (e.g., FIG. 6A to FIG. 6M In some embodiments, the first graphical object includes first information when displayed at the first position, and includes second information different from the first information (e.g., does not include the first information) when displayed at the second position (e.g., Fig. 6A 608-1 and Figure 6B 608-1).

[0254] Automatically updating visual characteristics (such as the type and amount of information displayed on multiple graphical elements) in response to positional changes on the interface caused by input provides the user with more control over the device by helping the user quickly configure multiple display elements into various configurations without requiring individual interaction with each element (e.g., first selecting the element, then repositioning the element to another location on the display, individually adjusting the nature of the displayed information and repeating these steps for other elements, this series of operations being condensed into fewer operations requiring user input). Reducing the number of inputs required to perform equivalent operations enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0255] In some embodiments, the first graphical object has a first size when displayed at the first location, and wherein the first graphical object has a second size when displayed at the second location, the first size being different from the second size. (e.g., Figure 6B 608-1 and Figure 6C 608-1).

[0256] Automatically updating visual characteristics (such as the size of multiple graphical elements) in response to positional changes on the interface caused by input provides the user with more control over the device by helping the user quickly configure multiple display elements into various configurations without requiring individual interaction with each element (e.g., the series of operations of first selecting an element, then repositioning the element to another location on the display, then resizing the element and repeating these steps for other elements is condensed into fewer operations requiring user input). Reducing the number of inputs required to perform equivalent operations enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0257] In some embodiments, the watch user interface also includes a time indication (e.g., 6A to 6H In some embodiments, the time indication is a representation of an analog clock (e.g., 606) that includes an hour hand and a minute hand. In some embodiments, the time indication is a representation of a digital clock that includes a digital indication of the hour and a digital indication of the minute.

[0258] Responding to inputs, ceasing to display the first graphical element and the second graphical element at the first position and the last position, respectively, and then redisplaying the second graphical element at the first position and redisplaying the first graphical element at the second position provides the user with more control over the device by helping the user quickly configure multiple display elements into various configurations without requiring individual interaction with each element. Reducing the number of inputs required to perform equivalent operations enhances the operability 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), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0259] In some embodiments, stopping displaying the first graphical object at a first position in the sequence of defined positions on the display and displaying the first graphical object at a second position in the sequence of positions on the display includes displaying an animation of the first graphical object moving from the first position toward the second position, and stopping displaying the second graphical object at a last position in the sequence of defined positions on the display and displaying the second graphical object at the first position in the sequence of positions on the display includes displaying an animation of the second graphical object moving from the last position toward the first position (e.g., in response to the input (e.g., 693), the device (e.g., 600) displays an image of the first graphical object being displayed by the user. FIG. 6I to FIG. 6K animation shown).

[0260] Displaying the animation of an object as it is reallocated to a different location on the user interface provides visual feedback to the user about how a subsequent interaction with the device will specifically change the configuration of the user interface, which enables the user to more efficiently select their next input. Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more effective (e.g., by helping the user provide appropriate inputs and reducing user errors when operating / interacting with the device), which in turn reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0261] In some embodiments, the first position and the second position are fixed on the display relative to a physical frame of the device (e.g., the positions of the first position and the second position do not change in response to detecting the first input). In some embodiments, in response to the first input, the second graphical object stops being displayed at the last position and is displayed at the first position without animating the movement of the second graphical object from the last position to the first position.

[0262] In some embodiments, at block 714, the device detects a second user input (e.g., 692) having a second direction opposite to the direction of the first input. In response to detecting the second user input (e.g., 692-3), the device performs the operations of blocks 716, 718, 720, and 722 (e.g., 608-1, from FIG. 6G to FIG. 6H At block 716, the device stops displaying the first graphical object (e.g., 608-1) at the second position in the sequence of defined positions on the display. At block 718, the device stops displaying the second graphical object (e.g., 608-2) at the first position in the sequence of defined positions on the display. At block 720, the device stops displaying the second graphical object (e.g., 608-3) at the last position in the sequence of positions on the display. Figure 6H At block 722, the device displays a first graphical object at a first position in a sequence of positions on the display (eg, Figure 6H 608-1).

[0263] Updating the positioning of multiple graphical elements on the display consistent with the direction of the user input provides feedback to the user about how subsequent interactions with the device will change the configuration of the user interface, which enables the user to more efficiently select their next input. Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more effective (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), which in turn reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0264] As described below, method 700 provides an intuitive way to configure a context-specific user interface. The method reduces the cognitive burden on the user, thereby creating a more efficient human-computer interface. For battery-powered computing devices, enabling users to configure context-specific user interfaces more quickly and more efficiently saves power and increases the time between battery charges.

[0265] Note that the process described above with respect to method 700 (eg, FIG. 7A to FIG. 7B ) also applies in a similar manner to the methods described below (e.g., method 900 and method 1100). For example, method 1100 optionally includes one or more features of the various methods described above with reference to method 700. For example, Fig. 10A The position of medium complication block 1008 on watch user interface 1000 may be reconfigured (e.g., cycled in a clockwise direction) in response to user input at rotatable input device 604 in a manner similar to the various techniques described with reference to method 700. For the sake of brevity, these details are not repeated below.

[0266] FIG. 8A to FIG. 8J An exemplary user interface for displaying a background of a watch user interface according to some embodiments is shown. The user interfaces in these figures are used to illustrate the process described below, including Fig. 9 The method in .

[0267] Fig. 8A The apparatus 600 described above is shown. Fig. 8A In FIG. 8 , device 600 displays watch user interface 801 on display 602 at a first time (10:15:35). Fig. 8A As shown, the watch user interface 801 includes an hour hand 806-1, a minute hand 806-2, and a second hand 806-3. As used herein, the second hand 806-3 refers to a representation of a clock hand indicating the second component of time, rather than the second hand of two or more hands (e.g., a first hand, a second hand, a third hand, etc.). In some embodiments, the watch user interface includes only the hour hand 806-1 and the minute hand 806-2 (e.g., excluding the second hand 806-3) or includes only the hour hand 806-1 (e.g., excluding the minute hand 806-2 and the second hand 806-3).

[0268] The hour hand 806-1, the minute hand 806-2, and the second hand 806-3 are overlaid on a background 810 that includes a first portion 810-1 and a second portion 810-2 separated by a straight linear border 812. In some embodiments, the background 810 includes a non-linear border. Fig. 8A As indicated by the stippling on the first portion 810-1 in FIG. 8 , the first portion 810-1 has a different color or visual pattern than the second portion 810-2. Fig. 8A , background 810 occupies the entire background of display 602 (eg, background 810 extends to the edges and (rounded) corners of display 602).

[0269] Background 810 includes one or more graphical features based on the position of hour hand 806-1. Fig. 8A As shown, linear boundary 812 is aligned along hour hand 806-1, which defines the orientation of background 810 relative to the physical features of device 600 (e.g., display 602, frame 603, rotatable input mechanism 604, and button 605). Fig. 8A oriented in FIG. 6 , the first portion 810-1 is located approximately above and to the right of the second portion 810-2 and occupies approximately the upper right half of the display 602. The hour hand 806-1 extends from a point in the center of the display 602. Thus, the linear border 812 extends from one edge of the display 602 (e.g., as shown in FIG. 6 ). Fig. 8A The first portion 810 - 1 and the second portion 810 - 2 each occupy half of the area of ​​the display 602 .

[0270] Now go to Figure 8B , device 600 displays watch user interface 801 at a second time (12:00:58) (e.g., after the first time), wherein a second graphical characteristic (e.g., a reoriented position) of background 810 is based on the updated position of hour hand 806-1. Figure 8B As shown, the linear border 812 remains aligned along the hour hand 806 - 1 and is oriented vertically such that the first portion 810 - 1 occupies the right half of the display 602 and the second portion 810 - 2 occupies the left half of the display 602 .

[0271] Figure 8C and Fig.8D It shows that when the time and hour hand 806-1 move to 3:00 ( Figure 8C ) and 4:30( Fig.8D ) while the linear boundary 812 remains aligned along the hour hand 806-1, wherein the background 810 rotates with the hour hand 806-1. FIG. 8A to FIG. 8D As shown, the background 810 rotates about the same point (eg, a common starting point) as the hour hand 806 - 1 .

[0272] like FIG. 8A to FIG. 8DAs shown, the watch user interface 801 also includes graphical elements (e.g., hour numerals (1-12) and a date object (808) (e.g., a calendar complication block)) that are overlaid on the background and remain fixed (e.g., remain in the same position relative to the display 602) as the hour hand 806-1, minute hand 806-2, second hand 806-3, and background 810 change positions on the display 602.

[0273] like FIG. 8A to FIG. 8D As shown, the shapes of the first portion 810-1 and the second portion 810-2 change as the background 810 rotates. Figure 8B and Figure 8C , portions 810-1 and 810-2 are generally rectangular (except for rounded corners due to the shape of display 602), while in Fig.8D 6. In FIG. 6, portions 810-1 and 810-2 are generally triangular in shape (except for rounded corners due to the shape of display 602).

[0274] like FIG. 8A to FIG. 8D As shown, the background 810 remains fixed relative to the hour hand 806-1 (e.g., the first portion 810-1 remains on the clockwise side of the hour hand 806-1). In some embodiments, the first portion 810-1 is on the counterclockwise side of the hour hand 806-1. FIG. 8A to FIG. 8D In the illustrated embodiment, the graphical features of the background 810 repeat every twelve hours (e.g., the background 810 completes a full rotation every twelve hours). At each time (e.g., 6:00), the first portion 810-1 occupies an area of ​​the display 602 that was occupied by the second portion 810-2 at a different time (e.g., 12:00), and vice versa (e.g., the first portion 810-1 and the second portion 810-2 switch positions every six hours).

[0275] Now go to FIG. 8E to FIG. 8H , shows an embodiment in which the graphical characteristics of the background 810 are based on the position of the minute hand 806-2. FIG. 8E to FIG. 8H As shown, when the minute hand 806-2 rotates on the display 602, the linear border 812 remains aligned along the minute hand 806-2. The background 810 rotates with the minute hand 806-2 around a point in the center of the display 602, similar to the example shown in FIG. Fig.8D The background 810 is shown rotating with the hour hand 806-1. The first portion 810-1 and the second portion 810-2 each occupy a respective half of the display 602 and change shape as the position of the minute hand 806-2 changes over time. FIG. 8E to FIG. 8H In the illustrated embodiment, the graphical features of the background 810 repeat every hour (e.g., the background 810 completes a full rotation every hour). The first portion 810-1 and the second portion 810-2 switch positions every thirty minutes. FIG. 8A to FIG. 8D In contrast, the first portion 810-1 remains on the counterclockwise side of the minute hand 806-2. In some embodiments, the first portion 810-1 is on the clockwise side of the minute hand 806-2. In some embodiments, the graphical characteristics are based on the position of the second hand 806-3 in a manner similar to that described above for the hour hand 806-1 and the minute hand 806-2.

[0276] Now go to Figure 8I and Figure 8J , describes embodiments with different backgrounds. Figure 8I and Figure 8J As shown, the watch user interface 801 includes a background 818 that includes a spotlight effect 814. The graphical characteristics of the background 818 (e.g., the position of the spotlight effect 814) are based on the position of the hour hand 806-1. Figure 8I and Figure 8J As shown, the spotlight effect 814 is displayed behind the hour marker 816 corresponding to the position of the hour hand 806-1. In some embodiments, the spotlight 814 remains constantly aligned along the hour hand 806-1 (e.g., the spotlight effect 814 is displayed between hour markers 11 and 12 at 11:30). In some embodiments, the spotlight 814 remains behind the hour marker corresponding to the current hour (e.g., the spotlight effect 814 remains behind hour marker 11 from 11:00 to 11:59).

[0277] In some embodiments, the pointer on which the graphical characteristics of background 810 are based is determined (e.g., selected) based on the user input. In some embodiments, in response to receiving a sequence of one or more user inputs, device 602 operates in a mode in which the graphical characteristics of background 810 are based on hour hand 806-1, minute hand 806-2, or second hand 806-3 (e.g., at least in part in response to selecting one or more affordances for accessing and selecting a menu option corresponding to one of pointers 806). In some embodiments, selecting the pointer on which the graphical characteristics of background 810 are based includes entering a watch face editing mode or a watch face settings editing mode (e.g., in response to determining that the received contact has a characteristic intensity greater than or equal to a threshold intensity).

[0278] In some embodiments, in response to receiving a sequence of one or more user inputs, device 602 switches from a mode in which the graphical characteristics of background 810 are based on one pointer (e.g., hour hand 806-1) to a mode in which the graphical characteristics of background 810 are based on a different pointer (e.g., minute hand 806-2). In this way, the user can select the rate at which the graphical characteristics (e.g., orientation) of the background change (e.g., rotate).

[0279] In some embodiments, a background and / or graphical characteristics of the background are determined (e.g., selected) based on user input. In some embodiments, in response to receiving a sequence of one or more user inputs, device 602 sets the background and / or graphical characteristics to the selected background and / or graphical characteristics (e.g., in response to selecting one or more affordances for accessing and selecting a menu option corresponding to the background and / or graphical characteristics). In some embodiments, in response to receiving a sequence of one or more user inputs, device 602 switches from one background and / or graphical characteristics (e.g., background 810) to a different background and / or graphical characteristics (e.g., background 818).

[0280] Fig. 9 900 is a flow chart showing a method for providing a context-specific user interface using an electronic device according to some embodiments. Method 900 is performed at a device (e.g., 100, 300, 500, 600) having a display. Some operations in method 900 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0281] As described below, method 900 provides an intuitive way to configure a context-specific user interface. The method reduces the cognitive burden on the user, thereby creating a more efficient human-computer interface. For battery-powered computing devices, enabling users to configure context-specific user interfaces more quickly and more efficiently saves power and increases the time interval between battery charges.

[0282] At block 902, the device displays a watch user interface (e.g., 801) on a display (e.g., 602) at a first time. The watch user interface at the first time includes: a first clock hand (e.g., 801) in a first position overlaid on a background (e.g., 810); Fig. 8A , 806-1), the background having a first graphical characteristic determined based on a first position of a first clock hand at a first time (e.g., the appearance of 810 is based on position 806-1).

[0283] In some embodiments, the first clock hand is one of an hour hand, a minute hand, or a second hand (eg, 806 - 1 , 806 - 2 , and 806 - 3 ).

[0284] In some embodiments, the background extends to the edge of the display (eg, 810).

[0285] In some embodiments, the background includes a first portion that occupies a first half of the display and a second portion that occupies a second half of the display (eg, 810 - 1 and 810 - 2 ).

[0286] In some embodiments, the boundary between the first portion and the second portion is a straight line (eg, 812).

[0287] In some embodiments, the boundary is along the first clock pointer (e.g., FIG. 8A to FIG. 8D 806-1).

[0288] In some embodiments, the first portion includes a first color or visual pattern and the second portion includes a second color or visual pattern that is different than the first color or visual pattern (eg, 810 - 1 and 810 - 2 ).

[0289] At block 904, the device performs a second time (eg, Figure 8B , the second time is about 12:00:57), the watch user interface (e.g., 801) is displayed on the display (e.g., 602). The watch user interface at the second time includes: a first clock hand (e.g., 810) in a second position overlaid on the background (e.g., 810); Figure 8B , 806-1), the background at a second time having a second graphic characteristic determined based on a second position of the first clock hand (e.g., Fig. 8A 810 and Figure 8B 810).

[0290] The feature of dynamically modifying the background of the watch user interface based on the position of the clock hands provides the user with an easily decipherable visual indication of the current time measured by the watch. Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user to quickly parse the displayed information, the user does not need to spend as much time interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0291] In some embodiments, displaying the watch user interface on the display at the first time also includes displaying the graphical element at a fifth position, and displaying the watch user interface on the display at the second time also includes displaying the graphical element at the fifth position (e.g., 808).

[0292] In some embodiments, the difference between the first graphical characteristic at the first time and the second graphical characteristic at the second time corresponds to a rotation of the background relative to the physical frame of the device (e.g., Figure 8B 810 and Fig. 8A In some embodiments, the physical frame (e.g., 603) includes a rotatable input mechanism (e.g., 604) and / or a button (e.g., 605).

[0293] In some embodiments, the first clock hand and the background rotate around a common origin (e.g., FIG. 8A to FIG. 8H 806-1 and 810).

[0294] In some embodiments, the shape of the first portion at the first time is different from the shape of the first portion at the second time (e.g., Fig. 8A 810-1 and Figure 8B 810-1) (e.g., when the border is along corner to corner, the shape is a "triangle", and when the border is vertical or horizontal, the shape is a "rectangle" (the corners of the display are rounded, so the shapes are not true triangles and rectangles).

[0295] Dynamically modifying the shapes of those portions of the background that make up the watch user interface based on the position of the clock hands provides the user with an easily decipherable visual indication of the current time measured by the watch (e.g., a bold, dynamically changing shape). Providing the user with improved visual feedback enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user to quickly parse the displayed information, the user does not need to spend as much time interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0296] In some embodiments, the first graphical characteristic at the first time includes a visual indication of the hour of the first time (e.g., Figure 8J , 814 indicates the hour 10 in the time 10:15:35), and wherein the second graphical characteristic at the second time includes a visual indication of the hour of the second time (e.g., Figure 8I 814 indicates the hour 12 of the time 12:00:57. In some embodiments, the graphical feature includes a spotlight effect following the hour hand (eg, the end of the hour hand).

[0297] Dynamically modifying the background of the watch user interface to include a spotlight on the current hour indicator based on the position of the clock hands provides the user with an easily decipherable visual indication that quickly draws the user's attention to relevant information (e.g., the current hour measured by the watch). Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user quickly interpret the displayed information, the user does not need to spend as much time interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0298] In some embodiments, the watch user interface is configured at the first time and the second time to display one or more characteristics of the background based on the position of the first clock hand. Optionally, at block 906, the device receives a second clock hand (e.g., FIG. 8E to FIG. 8HIn some embodiments, the sequence of one or more user inputs includes a contact with the display (e.g., 602) having a characteristic intensity higher than a threshold intensity, which causes the electronic device (e.g., 600) to enter a watch face editing mode or a watch face setting editing mode.

[0299] Enabling the user to change the way that the characteristic time of the background that determines the watch user interface changes provides feedback to the user via an easily decipherable visual indication to indicate to the user how the watch is measuring a particular unit of time. Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user to quickly parse the displayed information, the user does not need to spend as much time interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0300] In some embodiments, the second clock hand (e.g., 806-2) has a movement rate that is different from the movement rate of the first clock hand (e.g., the first clock hand is the hour hand and the second clock hand is the minute hand, and the minute hand has a greater movement rate than the hour hand).

[0301] In some embodiments, the second clock hand is one of an hour hand (eg, 806-1), a minute hand (eg, 806-2), or a second hand (eg, 806-3).

[0302] After receiving the sequence of one or more user inputs at block 906, optionally at block 908, the device at a third time (eg, Fig. 8E ) displays a watch user interface (e.g., 810) on the display. The watch user interface (801) at the third time includes: a second clock hand ( Fig. 8E 806-2), the background at a third time has a third graphic characteristic determined based on a third position of the second clock hand (e.g., Fig. 8E 810).

[0303] Optionally, at block 910, the device at a third time (eg, Fig. 8E ) at a fourth time after (for example, Figure 8F ) displays a watch user interface (eg, 801) on a display (eg, 801). The watch user interface at the fourth time includes: a second clock hand (eg, Figure 8F806-2), and the background has a fourth graphic characteristic determined based on a fourth position of the second clock hand at a fourth time (e.g., Figure 8F 810).

[0304] Note that the process described above with respect to method 900 (eg, Fig. 9 ) also apply in a similar manner to the methods described above (e.g., 700) and the methods described below (e.g., 1100). 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, Fig. 6A The background of the central clock face 606 may be divided into two parts and dynamically changed based on the position of the hour hand 616-1 in a manner similar to the technique described with reference to the method 900. For the sake of brevity, these details are not repeated below.

[0305] FIG. 10A to FIG. 10T illustrative watch user interfaces according to some embodiments are shown. The user interfaces in these figures are used to illustrate the processes described below, including FIG. 11A to FIG. 11D The method in .

[0306] Fig. 10A 2 shows an apparatus 600 as described above. Fig. 10A As shown, the device 600 displays a watch user interface 1000 on the display 602. The watch user interface 1000 includes a time indication with an hour hand 1006-1, a minute hand 1006-2, and a second hand 1006-3. The watch user interface 1000 also includes a weather complication 1008-1, a heart rate complication 1008-2, and a date complication 1008-3. The weather complication 1008-1 displays data from a weather application, including a single metric, namely the current temperature 1010. The heart rate complication 1008-2 is associated with the heart rate application, as indicated by the heart-shaped icon included in the complication. The heart rate complication 1008-2 does not include metrics related to the data from the heart rate application. The date complication 1008-3 provides date information, including the day of the week 1012 and the day of the month 1014.

[0307] Fig. 10B An enhanced watch user interface 1002 is shown displayed on the display 602. The enhanced watch user interface 1002 includes an enhanced version of a weather complication block 1008-1', an enhanced version of a heart rate complication block 1008-2', and a date complication block 1008-3. Fig. 10BAs shown, the weather complication tile 1008-1′, the heart rate complication tile 1008-2′, and the date complication tile 1008-3 have the same size as the weather complication tile 1008-1, the heart rate complication tile 1008-2, and the date complication tile 1008-3 on the watch user interface 1000. The weather complication tile 1008-1′ and the heart rate complication tile 1008-2′ are enhanced in that they include additional information or metrics related to data from their corresponding applications as compared to the weather complication tile 1008-1 and the heart rate complication tile 1008-2 displayed on the watch user interface 1000. The weather complication 1008-1' and the heart rate complication 1008-2' also have a higher resolution (e.g., smaller text size, smaller feature size (e.g., degree symbol), and / or a larger range of colors or grayscale) than the weather complication 1008-1 and the heart rate complication 1008-2 displayed on the watch user interface 1000.

[0308] In some embodiments, enhanced weather complication 1008-1′ and enhanced heart rate complication 1008-2′ are displayed according to the watch user interface being enhanced watch user interface 1002 (e.g., instead of “regular” watch user interface 1000). For example, in response to a selection (e.g., by a user or based on a default setting) to display complications associated with a weather application on display 602, device 600 displays weather complication 1008-1 according to the watch user interface being watch user interface 1000, and device 600 displays enhanced weather complication 1008-1′ according to the watch user interface being enhanced watch user interface 1002. Similarly, a request to display a heart rate complication causes display of enhanced heart rate complication 1008-2′ on enhanced watch user interface 1002 and display of heart rate complication 1008-2 on watch user interface 1000.

[0309] like Fig. 10B As shown, the enhanced weather complication 1008-1', the enhanced heart rate complication 1008-2', and the date complication 1008-3 each include two or more metrics related to data from the corresponding application. The enhanced weather complication 1008-1' includes the current temperature 1010, the temperature range 1026, and the relative current temperature indicator 1028, which indicates the relative position of the current temperature 1010 within the temperature range 1026. The enhanced heart rate complication 1008-2' includes the current (or most recently measured) heart beats per minute 1020, the lowest heart beats per minute for the day 1022, and the highest heart beats per minute for the day 1024. The date complication 1008-3 includes the day of the week 1012 and the day of the month 1014.

[0310] like Fig. 10C As shown, the device 600 receives (e.g., detects) a user input 1081 (e.g., a tap) corresponding to a request to edit the enhanced watch user interface 1002. Fig. 10D As shown, in response to user input 1081, device 600 enters an editing mode (e.g., a watch face editing mode or a complication editing mode) and visually distinguishes date complication 1008-3 for editing (e.g., by displaying a box 1036 around date complication 1008-3 and a label 1038 identifying an associated application). In some embodiments, device 600 visually distinguishes the complication selected for editing (e.g., date complication 1008-3) by changing one or more visual attributes (e.g., brightness, opacity, color, contrast, hue, saturation, etc.) of watch user interface 1002 or a portion thereof. In some embodiments, while in edit mode, the complex function block selected for editing is displayed with a first visual attribute (e.g., in one or more colors other than grayscale), and one or more other complex function blocks (e.g., all other complex function blocks) are displayed with a second visual attribute (e.g., in grayscale or in a single color different from the multiple colors that the complex function block would otherwise be displayed when the device is not in edit mode), although in some embodiments, when the watch face is displayed when the device is not in edit mode, some or all of these other complex function blocks are displayed in the watch face in one or more colors. For example, complex function block 1008-3 is displayed in color, and complex function blocks 1008-2 and 1008-1 are displayed in grayscale. In some embodiments, instead of or in addition to changing the visual attribute of one or more selected complex function blocks, when in edit mode, the visual attribute of one or more of the unselected complex function blocks is changed (e.g., the brightness or opacity of one or more of the unselected complex function blocks is reduced to distinguish the unselected complex function blocks from the selected complex function blocks). In some embodiments, the visual distinction of the selected complex function block is an alternative or supplement to an alternative selection indicator such as a selection ring surrounding at least a portion of the selected complex function block. When in edit mode, the device 600 also displays a complex function block menu bar 1032 with a complex function block position indicator 1034, which indicates the position of the currently displayed complex function block within the menu of complex function blocks available for selection. In some embodiments, the user input 1081 includes a contact having a characteristic intensity, and the device 600 enters the edit mode based on determining that the characteristic intensity exceeds a predetermined threshold intensity.

[0311] like Fig.10E As shown, device 600 receives (e.g., detects) user input 1083, which includes rotation of rotatable input mechanism 604. In some embodiments, user input 1083 is received at a device other than device 600 through an application in communication with device 600. Fig.10F As shown, in response to receiving (e.g., detecting) user input 1083, device 600 displays a representation of wind complication 1008-4 added to enhanced watch user interface 1002 in place of date complication 1008-3. Device 600 updates complication position indicator 1034 to indicate that wind complication 1008-4 is located near the bottom of the complication menu (e.g., because the complications are sorted alphabetically and "w" (wind) is near the end of the alphabet). Wind complication 1008-4 includes metric wind speed 1040 (22 mph) and wind direction 1042 (northeast). In some embodiments, wind complication 1008-4 is not selectable on other watch user interfaces (e.g., watch user interface 1000).

[0312] like Figure 10G As shown, the device 600 receives (e.g., detects) a user input 1085 (e.g., a tap) corresponding to selecting the enhanced heart rate complex function block 1008-2'. Fig. 10H As shown, in response to receiving (e.g., detecting) user input 1085, device 600 visually distinguishes enhanced heart rate complication 1008-2' for editing. In some embodiments, in response to receiving user input 1085, device 600 implements a transition from visually distinguishing a first complication for editing (e.g., wind complication 1008-4) to visually distinguishing a second complication for editing (e.g., heart rate complication 1008-2) by changing one or more visual attributes (e.g., brightness, color, contrast, hue, saturation, etc.) of watch user interface 1002 or a portion thereof. For example, in response to receiving user input 1085, device 600 transitions from displaying complication 1008-4 in color and displaying complication 1008-2 and 1008-1 in grayscale to displaying complication 1008-2 in color and displaying complication 1008-4 and 1008-1 in grayscale. In some embodiments, while in edit mode, a visual attribute of one or more of the unselected complex function blocks is changed (e.g., the brightness or opacity of one or more of the unselected complex function blocks is reduced to distinguish the unselected complex function blocks from the selected complex function blocks). In some embodiments, the visual distinction of the second complex function block is an alternative or supplement to an alternative selection indicator such as a selection ring surrounding at least a portion of the second complex function block. Fig.10IAs shown, device 600 receives (e.g., detects) user input 1087, which includes rotation of rotatable input mechanism 604. Fig.10J As shown, in response to receiving (e.g., detecting) user input 1087, device 600 displays a representation of humidity complication 1008-5 in place of enhanced heart rate complication 1008-2' added to enhanced watch user interface 1002. Humidity complication 1008-5 includes metric current humidity 1054, humidity range 1050, and relative current humidity indicator 1052. In some embodiments, humidity complication 1008-5 is not available in other watch user interfaces (e.g., watch user interface 1000).

[0313] The user may similarly request to add a new complication in place of enhanced weather complication 1008 - 1 ′ by selecting enhanced weather complication 1008 - 1 ′ in edit mode (eg, with a tap) and moving rotatable input mechanism 604 to select a new complication.

[0314] like Figure 10K As shown, device 600 receives (e.g., detects) user input 1089. Fig.10L As shown, in response to receiving (e.g., detecting) user input 1089, device 600 exits edit mode and displays enhanced watch user interface 1002 with selected complications—wind complication 1008-4 and humidity complication 1008-5, and previously displayed enhanced weather complication 1008-1′. In some embodiments, enhanced weather complication 1008-1′, wind complication 1008-4, and humidity complication 1008-5 all display data from the same weather application, thereby providing three complications related to the same application, wherein each complication includes at least two metrics not provided by either of the other two complications. Fig.10L Also shown is an embodiment of a watch user interface having three instrument complication blocks, each of which provides a parameter value and a high and / or low value or direction (e.g., wind direction).

[0315] In some embodiments, date complication block 1008-3 is Fig. 10D and Fig. 10E The enhanced watch user interface is replaced with the humidity complex function block 1008-5, so that the enhanced watch user interface includes three complex function blocks, each complex function block has three measurements (for example, the humidity complex function block 1008-5 (current humidity, low humidity, and high humidity), the enhanced heart rate complex function block 1008-2' (current heart rate, low heart rate, and high heart rate), and the enhanced weather complex function block 1008-1' (current temperature, low temperature, and high temperature)).

[0316] In some embodiments, instead of replacing the date complication 1008-3 and the enhanced heart rate complication 1008-2′, the user may replace a single complication (e.g., by Fig. 10E 1008-1), in which case the device 600 maintains display of the other complications (e.g., enhanced heart rate complication 1008-2' and enhanced weather complication 1008-1'). Similarly, enhanced heart rate complication 1008-2' may be replaced while maintaining display of (e.g., not replacing) the date complication 1008-3 and enhanced weather complication 1008-1; and enhanced weather complication 1008-1 may be replaced while maintaining display of (e.g., not replacing) the enhanced heart rate complication 1008-2' and the date complication 1008-3.

[0317] In some embodiments, when a selected complication is replaced, elements of enhanced watch user interface 1002 such as hands 1006 and unselected complication tiles are not modified (eg, remain unchanged).

[0318] Now go to Figure 10M , watch user interface 1091 includes complications 1060-1, 1060-2, and 1060-3, each of which includes metrics related to data from a world clock application for a corresponding location (e.g., Moscow, Beijing, and London)—a time associated with that location (e.g., an analog clock face with hour and minute hands), and an indication of day, night, sunset, or sunrise (e.g., complication 1060-1 indicates that it is now night in Moscow, and complication 1060-2 indicates that it is now day in Beijing). In some embodiments, one or more of complication 1060-1, 1060-2, or 1060-3 includes an offset to the local time. Figure 10M As shown, the position of the position indicator (e.g., BEI 1056) within the complex function block is based on the position of the pointer 1058. In some embodiments, the position indicator is positioned so as not to overlap or interfere with the clock pointer. For example, the position indicators LON and BEI are positioned at the center top of complex function blocks 1060-3 and 1060-2, respectively, and do not interfere with their corresponding clock pointers. In complex function block 1060-1, the position indicator MOS is positioned at the center bottom of the complex function block because if it is positioned at the center top position of LON and BEI, it will overlap with the hour hand. In some embodiments, the position of the position indicator changes over time to avoid interfering with the clock pointer as the clock pointer moves.

[0319] Fig.10NAn embodiment of a watch user interface with three complications related to a calendar application is shown. Complication 1070-1 includes an affordance that can be selected to initiate a process for creating a new event in the calendar application. Complication 1070-2 includes metrics related to data from the calendar application, including the time of the event (6PM), the subject or event name (dinner), and the location (SF). Complication 1070-3 is a date complication that includes the day of the week and the day of the month.

[0320] Fig.10N Also shown is an embodiment of a complication having visual features at or around an annular area ("number ring") on the watch user interface 1093. The watch user interface 1093 has an annular area on the clock face that includes hour numerals (1-12), wherein the annular area has a curved outer edge. In some embodiments, the annular area includes tick marks or numeric minute marks indicating hours and / or minutes. Depending on whether the application corresponds to a particular application (e.g., calendar, weather, exercise, heart rate, breathing, stocks), the device 600 displays visual features at or around the annular area. For example, depending on whether the complication is associated with a calendar application, the device 600 displays a complication having an event name 1064 and an event location 1066 around the annular area of ​​the watch user interface 1093 (e.g., event name 1064 and event location 1066 are along the outer edge of the clock face). Alternatively, depending on whether the complication is associated with another application (e.g., battery, digital time, date, or stopwatch), the device 600 forgoes displaying visual features at or around the annular area.

[0321] Fig.10O An embodiment of a watch user interface with three complications is shown, wherein the three complications have data from a stock application. The stock complications 1078-1, 1078-2, and 1078-3 include metrics related to the data from the stock application, including a stock symbol 1076 (e.g., a stock name), a price 1074, and a moving direction 1075.

[0322] Figure 10P An embodiment of a corner complication displayed in the lower right corner of the watch user interface 1097 between the edge of the digital ring and the lower and right edges and lower right corner of the display 602 is shown. The corner complication is a temperature complication that includes a status bar 1082 (representing a temperature range), a status indicator 1084 (representing the relative position of the current temperature within the temperature range), and a current state 1086 (representing the current temperature). The status bar 1082 tracks the outer edge of the digital ring, and the current state 1086 is located between the status bar 1082 and the lower right corner of the display 602.

[0323] Figure 10Q A goal complication 1088-3 is shown that displays a metric related to data from a health application. The goal complication 1088-3 includes a current value 1098 of a metric (e.g., floors climbed) and a progress indicator 1090 that indicates the amount of progress made toward a goal value or indicator. The progress indicator 1090 includes a ring around slightly more than half of the outer edge of the complication 1088-3, indicating that the current value 67 represents slightly more than 50% progress toward the goal value or indicator. Other exemplary goal complication blocks include: a battery complication that includes the total battery capacity and the current state of charge; a health complication that includes a current value for steps, stand time, or calories burned or consumed, and progress toward a goal or indicator for steps, stand time, or calories burned or consumed, respectively.

[0324] Figure 10Q Also shown is an air quality index (AQI) complex function block 1088-1, which includes a current AQI value 1094 and a relative status indicator 1096 representing the position of the current AQI value 1094 relative to a range (e.g., good to hazardous). In some embodiments, the AQI complex function block 1088-1 may be represented as a target complex function block, where a low AQI value is a target or target.

[0325] FIG. 10R to FIG. 10T A watch user interface is shown that includes a digital indication of time 1006-4 (eg, 10:09), a compact date indicator 1009 (eg, WED 29), and three or more complications displaying metrics related to data from a single application.

[0326] like Figure 10R As shown, the watch user interface 1003-1 includes five complex function blocks with data from the weather application. As described above, the air quality index (AQI) complex function block 1004-1 includes the current air quality value and the relative status indicator, and the wind complex function block 1004-2 includes the wind speed and wind direction. The UV complex function block 1004-3 includes the current UV index value 1007-1, the relative status indicator 1007-2 indicating the position of the current UV index value 1007-1 relative to the range (e.g., good to hazardous), and the visual indication of UV conditions 1007-3 (e.g., a sun graphic indicating a medium current UV index value to a high current UV index value).

[0327] like Figure 10RAs shown, the weather chart complex function block 1004-4 includes a text weather label 1005-1 and a temperature chart 1005-2, the text weather label displays a corresponding location (e.g., Cupertino) and the current temperature at the corresponding location (e.g., 72). The temperature chart 1005-2 includes a first axis (e.g., hours) and a second axis (e.g., temperature), bar chart data 1005-3 representing the predicted temperature at the corresponding location (e.g., Cupertino) for a fixed time period, and a current temperature indicator 1005-5 (e.g., a visually distinguished bar in the bar chart data corresponding to the current time of the day). The bar chart data 1005-3 includes vertical bars at fixed intervals, which represent the actual or predicted temperature at the corresponding time on the first axis (e.g., time axis). In some embodiments, the scale of the first axis or the second axis is adjusted to reflect the expected temperature value range or the expected time scale for displaying the temperature (e.g., the first axis reflects a time period of 1 hour, 12 hours, 1 day, etc.). The weather icon complication 1004 - 5 includes a weather condition icon that visually represents current or forecasted weather conditions (eg, a graphic showing partly cloudy weather).

[0328] Now go to Fig. 10S , watch user interface 1003-2 includes complications 1016-1, 1016-2, 1016-3, and 1016-4. Complications 1016-1, 1016-2, and 1016-3 each include a metric related to data from a world clock application for a corresponding location (e.g., New York, London, and Hong Kong)—a time associated with that location (e.g., an analog clock face with hour and minute hands), and an indication of day, night, sunset, or sunrise (e.g., complication 1016-1 indicates that it is now daytime in New York, and complication 1016-2 indicates that it is now nighttime in London). In some embodiments, one or more of complications 1016-1, 1016-2, or 1016-3 include an offset to a local time. As described above with reference to Figure 10M As described, the position of the position indicator (e.g., NYC) within the corresponding complex function block is based on the position of the pointer (e.g., the position indicator is positioned so as not to overlap or interfere with the clock pointer, and changes over time to avoid interfering with the clock pointer as the clock pointer moves).

[0329] like Fig. 10SAs shown, the stock complex function block 1016-4 includes metrics related to data from the stock application, including a stock label 1017-1 indicating the corresponding stock (e.g., APPL), a price indicator 1017-2 showing the current price of the corresponding stock and the direction of price movement (e.g., APPL is at 178.14 and is rising), and a stock chart 1017-3. The stock chart 1017-3 includes a first axis (e.g., relative price), a second axis (e.g., time), a price line 1017 indicating the price of the corresponding stock (e.g., APPL) over time, and a current price indicator 1017-5 (e.g., a vertical bar intersecting the price line 1017-4 at a time on the second axis corresponding to the current time). In some embodiments, the scale of the first axis or the second axis is adjusted to reflect the desired time scale or value range for displaying the price of the corresponding stock (e.g., the first axis reflects the time period of 1 day, 1 week, 1 month, 3 months, 6 months, 1 year, to date and the second axis reflects the percentage change, absolute change, or measured price in various fiat currencies or cryptocurrency currencies).

[0330] Now go to Figure 10T , the watch user interface 1003-3 includes two complex function blocks with data from the activity application. The activity chart complex function block 1018-1 includes a text activity label 1019-1 and an activity chart 1019-2, the text activity label showing calories burned (e.g., 350), minutes exercised (e.g., 11), and standing time (e.g., 06). The activity chart includes a timeline 1019-3 (e.g., hours), an activity minute scale 1019-4, a calorie scale 1019-5, and a cumulative chart data 1019-6 representing the activity metrics over discrete time periods displayed on the timeline 1019-3 (e.g., the amount of active minutes and the amount of calories burned in a given time period are represented as vertical bars with proportional heights on their respective scales, and standing time is represented by a circular indicator). The compact activity complex function block 1018-2 includes a graphical element that shows progress toward multiple activity-related health goals (e.g., icons showing progress toward calorie burn, active time, and standing time indicators in concentric circular bands).

[0331] like Figure 10TAs shown, watch user interface 1003-3 also includes three complications associated with three different applications in addition to the activity application. Breathing complication 1018-3 is associated with a breathing application (e.g., a meditation or mindfulness application), as indicated by the breathing icon included in the complication. Heart rate complication 1018-4 is associated with a heart rate application, as indicated by the heart icon included in the complication. Fitness complication 1018-5 is associated with a fitness application, as indicated by the fitness icon included in the complication. Complications 1018-3, 1018-4, and 1018-5 do not include metrics related to data from the corresponding applications.

[0332] In some embodiments, device 600 allows the user to select from two or more watch user interfaces, each watch user interface having three complications (e.g., a "set" of complications) with data from the same application. For example, in some embodiments, device 600 provides the user with the option to select from watch user interface 1091 ( Figure 10M )、1093( Fig.10N )、1095( Fig.10O )、1097( Figure 10P )、1099( Figure 10Q )、1003-1( Figure 10R )、1003-2( Fig. 10S ) and 1003-3( Figure 10T ) in two or more watch user interfaces. In some embodiments, when displaying the watch user interface 1091 ( Figure 10M )、1093( Fig.10N )、1095( Fig.10O )、1097( Figure 10P )、1099( Figure 10Q )、1003-1( Figure 10R )、1003-2( Fig. 10S ) and 1003-3( Figure 10T ), the device 600 detects the watch user interface 1091 ( Figure 10M )、1093( Fig.10N )、1095( Fig.10O )、1097( Figure 10P )、1099( Figure 10Q )、1003-1( Figure 10R )、1003-2( Fig. 10S ) and 1003-3( Figure 10T) in another watch user interface. In response to detecting the sequence of one or more inputs, device 600 displays the selected watch user interface.

[0333] FIG. 11A to FIG. 11D 1 is a flow chart showing a method for providing a context-specific user interface using an electronic device according to some embodiments. The method 1100 is performed at a device (e.g., 100, 300, 500, or 600) having a display. Some operations in the method 1100 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0334] As described below, method 1100 provides an intuitive way to configure a context-specific user interface. The method reduces the cognitive burden on the user, thereby creating a more efficient human-computer interface. For battery-powered computing devices, enabling users to configure context-specific user interfaces more quickly and more efficiently saves power and increases the time between battery charges.

[0335] At block 1102, the device displays a watch user interface (e.g., Fig. 10A The watch user interface includes: a first complication block (e.g., 1008-1), the first complication block including at least a first metric related to data from a first application (e.g., FIG. 10A to FIG. 10C 1010) and a second metric associated with data from the first application (e.g., FIG. 10A to FIG. 10C In some embodiments, a complication is any clock face feature other than the hours and minutes used to indicate the time (e.g., clock hands or hour / minute indications). In some embodiments, a complication provides data obtained from an application. In some embodiments, a complication includes an affordance that launches a corresponding application when selected (e.g., Fig. 8A In some embodiments, the complex function block is displayed at a fixed predefined position on the display.

[0336] In some embodiments, the first complication includes an analog clock face (e.g., 1060) having one or more hands indicating the time at the geographic location and text indicating the geographic location, wherein the text indicating the geographic location is positioned on the complication based on the position of the one or more hands (e.g., 1058). In some embodiments, the complication is positioned to avoid overlapping with the one or more hands of the clock face (e.g., Figure 10M ).

[0337] Automatically moving the text description on the clock face to avoid being blocked by the clock hands as the clock hands move around the dial throughout the day provides the user with more reliable visual feedback about the time the clock is displaying and the location that the time represents. Providing improved visual feedback to the user enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user to quickly and accurately interpret the displayed information, the user does not need to spend as much time interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0338] In addition, at block 1102, the device displays a second complex function block (e.g., 1008-2), and a third complex function block (e.g., 1008-3), the second complex function block including at least a third metric (e.g., 1020) related to data from the second application and a fourth metric (e.g., 1022) related to data from the second application, and the third complex function block including at least a fifth metric (e.g., 1012) related to data from the third application and a sixth metric (e.g., 1014) related to data from the third application. In some embodiments, the second application is different from the first application (e.g., FIG. 10A to FIG. 10I In some embodiments, the second application is the same as the first application, but the third metric and the fourth metric are different from the first metric and the second metric (e.g., FIG. 10J to FIG. 10Q In some embodiments, the third application is different from the first application and / or the second application (e.g., FIG. 10A to FIG. 10E In some embodiments, the third application is the same as the first application and the second application, but the fifth metric and the sixth metric are different from the first metric, the second metric, the third metric, and the fourth metric (e.g., Figures 10K to 10L ).

[0339] Automatically grouping the display of related metrics at multiple locations on the interface provides an efficient way for the user to locate relevant information and decipher data from multiple applications provided by the device. The added context provided by the visual grouping provides feedback to the user on how the displayed data should be interpreted, thereby enhancing the operability of the device and making the user-device interface more efficient (e.g., increasing the speed at which the user can interpret data by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more efficiently.

[0340] In some embodiments, the first complex function block further includes a ninth metric (e.g., 1088-1) associated with data from the first application, and the second complex function block further includes a tenth metric (e.g., FIG. 10B to FIG. 10I In some embodiments, the first complex function block, the second complex function block, or the third complex function block is a humidity complex function block (e.g., 1008-5, including current humidity, low humidity, and high humidity), a heart rate complex function block (e.g., 1008-2, including current heart rate, low heart rate, and high heart rate), or a weather complex function block (e.g., 1008-1, including current temperature, low temperature, and high temperature).

[0341] In some embodiments, the first application, the second application, and the third application are the same application (e.g., FIG. 10J to FIG. 10T ).

[0342] In some embodiments, the first application is different from the second application, and the third application is different from the first application and the second application (e.g., FIG. 10A to FIG. 10E ).

[0343] In some embodiments, the watch user interface (e.g., 1093) also includes a clock face having a curved outer edge and a curved complication having a visual feature along the outer edge of the clock face (e.g., Fig.10N ).

[0344] Automatically presenting information in a manner that conforms to the outer edge of the clock face provides enhanced visual feedback to the user by making the user interface less cluttered. This enables the user to focus their attention on fewer visual elements and, therefore, locate relevant information more quickly throughout the interface and interact more accurately with intended control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0345] In some embodiments, the watch user interface (e.g., 1097) further includes an annular area with a curved outer edge and a corner complication, a status bar (e.g., 1082) that tracks the outer edge of the annular area, and a value (e.g., 1086) located between the status bar and the corner of the display (e.g., Figure 10P ).

[0346] In some embodiments, the first metric and the second metric are related to data from a clock application, the first metric representing a geographic location, and the second metric representing a time associated with the geographic location (e.g., 1060). In some embodiments, the first metric and the second metric represent other clock data (e.g., an offset to a local time, or an indication of sunset and sunrise times).

[0347] In some embodiments, the first metric and the second metric are related to data from a calendar or date application (e.g., Fig.10N ), the first metric represents an event, and the second metric represents a time associated with the event (e.g., 1070-2). In some embodiments, the first metric and the second metric represent other data (e.g., the location of the event).

[0348] In some embodiments, the first metric and the second metric are correlated with data from a stock application (e.g., Fig.10O In some embodiments, the first metric and the second metric represent other data (e.g., price movement direction, percentage change of price, etc.).

[0349] In some embodiments, the first metric and the second metric are related to data from a weather application (e.g., 1008-1), the first metric represents the current temperature (e.g., 1010), and the second metric represents the forecasted high and low temperatures (e.g., 1026). In some embodiments, the first metric and the second metric represent other data, such as humidity, wind speed and direction, visual depictions of weather conditions, and the like, and their forecast values ​​(e.g., FIG. 10J to FIG. 10L ).

[0350] In some embodiments, the first complication includes a visual representation of one or more metrics, the visual representation including an indication of a value relative to a range of values ​​(e.g., 1088-1 and 1088-3). In some embodiments, the complication displays a target value and progress toward that value (e.g., 1090) (e.g., total battery capacity and current state of charge, air quality, and various health or fitness metrics (including progress toward walking, floors climbed, standing time, and calorie metrics). In some embodiments, the complication displays one or more metrics (e.g., current value of a parameter and high and low values) on a meter that represents data from an application (e.g., a weather application including temperature, humidity, wind speed, etc.).

[0351] In some embodiments, the first complication includes a visual representation of one or more metrics, the visual representation including a first affordance representing a simulation of a first region of the Earth illuminated by the sun at a current time, the method further comprising: detecting a sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time; and in response to detecting the sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time, rotating the simulation of the Earth to display a second region of the Earth illuminated by the sun at the non-current time. In some embodiments, the sequence of one or more inputs includes an input corresponding to selecting the first complication, which causes the device 600 to launch an astronomy application that displays an interactive simulation of the Earth illuminated by the sun at the current time. In response to an input (e.g., a swipe) on the simulation of the Earth within the astronomy application, the device rotates the simulation of the Earth to display the region of the Earth illuminated by the sun at the current time (e.g., 608-2).

[0352] The visual representation of the earth illuminated by the sun provides a user with a quick way to determine a large amount of information (e.g., time of day, geographic location, season, relative daytime and nighttime, etc.) without cluttering the interface with excessive text elements. This enables the user to locate relevant information more quickly throughout the interface and access intended controls more quickly and accurately. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating the device / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0353] At block 1104, the device detects and adds a fourth complication (e.g., 1008-4) to the watch user interface (e.g., FIG. 10C to FIG. 10E The fourth complex function block includes at least a seventh metric (e.g., 1040) related to data from the fourth application and an eighth metric (e.g., 1042) related to data from the fourth application.

[0354] At block 1106, in response to detecting the sequence of the one or more inputs, the device performs operations of block 1108, block 1110, or block 1112. At block 1108, in accordance with determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block, the device replaces the first complex function block with a fourth complex function block (e.g., Fig.10FAt block 1110, based on determining that the sequence of the one or more inputs (e.g., 1082) corresponds to a request to replace the second complex function block, the device replaces the second complex function block with a fourth complex function block (e.g., Fig. 10H ). At block 1112, based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the device replaces the third complex function block with a fourth complex function block.

[0355] Optionally, at block 1114, based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block, the device maintains the second complex function block and the third complex function block (eg, Fig.10F Optionally, at block 1116, based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block, the device maintains the first complex function block and the third complex function block (eg, Fig. 10H ). Optionally, at block 1118, based on determining that the sequence of the one or more inputs corresponds to a request to replace a third complication, the device maintains the first complication and the second complication. In some embodiments, the watch user interface includes additional elements such as hands and additional complication that are not modified when the selected complication is replaced.

[0356] In some embodiments, the watch user interface (e.g., 1093) further includes an annular area having a curved outer edge. In some embodiments, the clock face is an analog clock face (e.g., 1072) having tick marks, hour marks (e.g., numbers), and / or minute marks (e.g., numbers). Optionally, at block 1120, based on the first application corresponding to the fifth application, the device displays a visual feature (e.g., Fig.10N Optionally, at block 1122, based on the first application corresponding to a sixth application different from the fifth application, the device forgoes displaying the visual characteristic at or around the annular area (eg, Figure 10M ).

[0357] Optionally, at block 1124, the device displays a second watch user interface. In some embodiments, the second watch user interface includes a fifth complication that includes less than two metrics related to the data from the first application and is the same size as the first complication (e.g., Fig. 10A 1008-2).

[0358] Collectively reconfiguring a group of elements on a dial in response to input to provide a simplified interface provides the user with more control over the device by helping the user quickly configure multiple display elements into various configurations without requiring individual interactions with each element. Reducing the number of inputs required to perform equivalent operations enhances the operability 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), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0359] In some embodiments, the fifth complex function block does not include a metric related to data from the first application (e.g., Fig. 10A 1008-2).

[0360] In some embodiments, the fifth complication has a greater degree of functionality than the first complication on the watch user interface (e.g., Fig. 10A 1008-1 and 1008-1) lower resolution.

[0361] In some embodiments, the watch user interface (e.g., 1091, 1093, 1095, 1097, and 1099) is a first watch user interface, wherein the first application, the second application, and the third application are the same application (e.g., Figures 10M to 10Q ). Optionally, while displaying the first watch user interface, at block 1126, the device detects a sequence of one or more inputs corresponding to selection of the second watch user interface (eg, FIG. 10A to FIG. 10B ).

[0362] Collectively reconfiguring a set of elements on a dial to provide a themed interface designed to provide relevant information to a user provides the user with more control over the device by helping the user quickly configure multiple display elements to a configuration that includes various relevant information without having to interact with each element individually. Reducing the number of inputs required to perform equivalent operations enhances the operability 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). In addition, grouping relevant information for display makes it easier for the user and therefore more efficient to interpret the displayed data. Each of these advantages further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0363] In response to detecting the sequence of the one or more inputs corresponding to selecting a second watch user interface, the device optionally performs the operations of box 1128. At box 1128, the device displays a second watch user interface, wherein the second watch user interface (e.g., 1091, 1093, 1095, 1097, and 1099) includes an eighth complication corresponding to a seventh application, a ninth complication corresponding to the seventh application, and a tenth complication corresponding to the seventh application, wherein the seventh application is different from the first application.

[0364] In some embodiments, the first complication includes a visual representation of one or more metrics, the visual representation including a first affordance representation representing a simulation of a first region of the Earth illuminated by the sun at a current time (e.g., 608-2). Optionally, at box 1130, the device detects a sequence of one or more user inputs corresponding to a request to view a simulation of the Earth at a non-current time. Optionally, at box 1132, in response to detecting the sequence of one or more user inputs corresponding to a request to view a simulation of the Earth at a non-current time, the device rotates the simulation of the Earth to display a second region of the Earth illuminated by the sun at a non-current time. In some embodiments, the sequence of one or more inputs includes an input corresponding to selecting the first complication, which causes the device 600 to launch an astronomy application that displays an interactive simulation of the Earth illuminated by the sun at a current time. In response to an input (e.g., a swipe) on the simulation of the Earth within the astronomy application, the device rotates the simulation of the Earth to display the region of the Earth illuminated by the sun at the current time.

[0365] Note that the process described above with respect to method 1100 (eg, FIG. 11A to FIG. 11D ) also applies in a similar manner to the methods described above (e.g., 700 and 900). For example, method 900 optionally includes one or more of the characteristics of the various methods described above with reference to method 1100. For example, Fig. 8A The watch user interface 801 may be configured to additionally display three complex function blocks (including at least two metrics) on the background 810 in a manner similar to the techniques described with reference to method 1100 (e.g., Fig. 10A For the sake of brevity, these details are not repeated below.

[0366] FIG. 12A to FIG. 12R illustrative watch user interfaces according to some embodiments are shown. The user interfaces in these figures are used to illustrate the processes described below, including Fig.13 The method in .

[0367] Fig. 12A2 shows an apparatus 600 as described above. Fig. 12A As shown, the device 600 displays a watch user interface 1200 on the display 602. The watch user interface 1200 includes a clock face 1202 surrounded by a bezel 1204. Fig. 12A , clock face 1202 includes a time indication with an hour hand 1206-1, a minute hand 1206-2, and a second hand 1206-3. Watch user interface 1200 also includes a fitness complication tile 1208-1, a music complication tile 1208-2, a timer complication tile 1208-3, and a world clock complication tile 1208-4 (collectively, "complication tiles 1208"). Fitness complication tile 1208-1 is associated with a fitness application, as indicated by a person icon included in the complication tile. Fitness complication tile 1208-1 does not include metrics related to data from the fitness application (e.g., fitness complication tile 1208-1 includes only a single icon). Music complication tile 1208-2 is associated with a music application (as indicated by a musical note icon included in the complication tile) and displays data from the music application (e.g., the time remaining in a music file currently playing). The timer complication 1208-3 displays data from a timer application, including elapsed time and / or time remaining (e.g., the timer data is displayed numerically and / or graphically as a ring that moves radially along an inner edge of the complication at a rate proportional to the passage of time). The world clock complication 1208-4 includes metrics related to data from a world clock application, including a corresponding location (e.g., London) and a time associated with that location (e.g., an analog clock face with hour and minute hands). Fig. 12A , complex function blocks 1208 - 1 , 1208 - 2 , 1208 - 3 , and 1208 - 4 occupy corresponding positions in the upper, right, lower, and left regions of the clock face 1202 .

[0368] exist Fig. 12A , watch user interface 1200 also includes corner complications 1212-1, 1212-2, 1212-3, and 1212-4 (collectively, "corner complications 1212") that occupy the top right, bottom right, bottom left, and top left corners of watch user interface 1200 (e.g., corner complication 1212-1 resides in the area of ​​watch user interface 1200 between the outer edge of bezel 1204 and the corner formed by the intersection of the top and right edges of display 602). As described above with reference to Figure 10PAs described, corner complication blocks 1212-1, 1212-2, and 1212-4 each display data related to a range of values ​​associated with a metric from a corresponding application (e.g., temperature, humidity, air quality index (AQI), or UV index from a weather application). Corner complication block 1212-3 includes only a single graphical element showing data from a weather application (e.g., sunny conditions).

[0369] like Fig. 12A As shown, device 600 receives (e.g., detects) user input 1290 (e.g., a long press on display 602) corresponding to a request to edit watch user interface 1200. In response to user input 1290, device 600 enters an editing mode (e.g., a watch face editing mode or a complication block editing mode). Fig. 12BIn some embodiments, the device 600 indicates an edit mode by visually distinguishing the fitness complication tile 1208-1 for editing (e.g., by displaying a box 1214 around the fitness complication tile 1208-1 and displaying a label 1216 identifying the associated application). In some embodiments, the device 600 visually distinguishes the complication tile selected for editing (e.g., the fitness complication tile 1208-1) by changing one or more visual attributes (e.g., brightness, opacity, color, contrast, hue, saturation, etc.) of the watch user interface 1200 or a portion thereof. In some embodiments, when in edit mode, the complication tile selected for editing is displayed with a first visual attribute (e.g., in one or more colors other than grayscale), and one or more other complication tiles (e.g., all other complication tiles) are displayed with a second visual attribute (e.g., in grayscale or in a single color different from the multiple colors that the complication tile would otherwise be displayed when the device is not in edit mode), although in some embodiments, when the watch face is displayed when the device is not in edit mode, some or all of these other complication tiles are displayed in the watch face in one or more colors. For example, complex function block 1208-1 is displayed in color, and complex function blocks 1208-2, 1208-3, and 1208-4 are displayed in grayscale. In some embodiments, as an alternative to changing the visual attributes of one or more selected complex function blocks or as a supplement to changing the visual attributes of one or more selected complex function blocks, when in edit mode, the visual attributes of one or more complex function blocks in the unselected complex function blocks are changed (e.g., the brightness or opacity of one or more complex function blocks in the unselected complex function blocks is reduced to distinguish the unselected complex function blocks from the selected complex function blocks). In some embodiments, the visual distinction of the selected complex function block is an alternative or supplement to an alternative selection indicator such as a selection ring surrounding at least a portion of the selected complex function block. When in edit mode, the device 600 also displays a complex function block menu bar 1218 with a complex function block position indicator 1220, which indicates the position of the currently displayed complex function block within the menu of complex function blocks available for selection. In some embodiments, user input 1290 includes a contact having a characteristic intensity, and device 600 enters the edit mode based on determining that the characteristic intensity exceeds a predetermined threshold intensity.

[0370] like Fig. 12CAs shown, device 600 receives (e.g., detects) user input 1292 that includes rotation of rotatable input mechanism 604. In some embodiments, user input 1292 is received at another device in communication with device 600 (e.g., via a companion application associated with device 600 running on the other device). In response to receiving user input 1292, device 600 displays a representation of calendar complication tile 1208-5 to be added to watch user interface 1200 in place of fitness complication tile 1208-1. Fig.12D , device 600 updates complication tile position indicator 1220 to indicate that calendar complication tile 1208-5 is located near the top of the complication tile menu (e.g., because the complication tiles are alphabetical and "c" (calendar) is near the beginning of the alphabet). Fig.12D As shown, the representation of calendar complication tile 1208-5 includes an indication of the type of information that calendar complication tile 1208-5 will display on watch user interface 1200 when editing mode is exited (e.g., the day of the week (WED), the day of the month (23), and text describing "Next Appointment").

[0371] In some embodiments, while in the editing mode, the device receives (e.g., detects) one or more inputs corresponding to a request to exit the editing mode (e.g., a tap on display 602 or a press of rotatable input mechanism 604). In response to exiting the editing mode, device 600 adds calendar complication tile 1208-5 to watch user interface 1200, replacing fitness complication tile 1208-1 in the upper region of clock face 1202 and a portion of bezel 1204. Fig.12E As shown, calendar complication 1208-5 includes two components—a graphical element 1209 (e.g., showing the day of the week and the date of the month) and a text element 1210 (e.g., a text description of an upcoming calendar event). Fig.12E As shown, graphical element 1209 is positioned on clock face 1202 closer to the center of display 602 than the inner edge of bezel 1204 without overlapping the area previously occupied by bezel 1204 (e.g., in a position previously occupied by complication 1208-1 in the upper area of ​​clock face 1202), and text element 1210 is positioned in the curved area along the edge of clock face 1202 (e.g., in a position previously occupied by the top portion of bezel 1204).

[0372] Automatically presenting content in a manner that utilizes different areas of the display based on the content provides enhanced visual feedback to the user by making the user interface less cluttered. This enables the user to focus on fewer visual elements and therefore locate relevant information more quickly throughout the interface and interact more accurately with the intended control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0373] like Fig.12F As shown, as time passes, the device 600 updates the watch user interface 1200. Fig.12F In the example, the time displayed by the hour hand 1206-1 and the minute hand 1206-2 shows the current time 01:42:30 (previously Fig.12E In response to the passage of time, the text element 1210 is updated to reflect the next event relative to the current time (e.g., a meeting at the office at 3 p.m.), and the time displayed on the world clock complication 1208-4 is updated to reflect the local time at the corresponding location (e.g., 09:42:30 in London). Fig.12F As shown, the size of the text element 1210 is based on the length of the associated content (eg, the fewer characters in the next appointment, the shorter the text element and the fewer inlays 1204 are replaced).

[0374] Automatically adjusting the size of interface elements based on content provides enhanced visual feedback to users by making the user interface less cluttered. This enables users to focus their attention on fewer visual elements, and therefore locate relevant information more quickly throughout the interface, and interact more accurately with expected control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping users locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling users to use the device more quickly and efficiently.

[0375] like Figure 12GAs shown, device 600 receives (e.g., detects) user input 1294 (e.g., a tap) on calendar complication tile 1208-5 (e.g., a graphical element portion of complication tile 1208-5 or a text element portion occupying the area in watch user interface 1200 previously occupied by bezel 1202). In response to receiving user input 1294, device 600 launches an application (e.g., a calendar application) corresponding to calendar complication tile 1208-5. Fig.12H As shown, upon launching the calendar application, watch user interface 1200 is updated to display data from the calendar application, including date element 1230, appointment time element 1232, appointment description element 1234, and a numerical indication of the time 1236. In some embodiments, device 600 receives (e.g., detects) user input 1294 (e.g., a tap) at a location other than calendar complication tile 1208-5, and the device abandons launching the calendar application.

[0376] Now go to FIG. 12I to FIG. 12L , which shows an embodiment of a watch user interface including a heart rate complication block. Fig.12I Watch user interface 1200-2 is shown at a first time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 10:42:30). Watch user interface 1200-2 includes a heart rate complication 1208-6 that includes a graphical element 1209 (e.g., a heart icon) and a text element 1210 (e.g., containing a heart rate value of 64 BPM and a last reading value of "3 minutes ago"). Graphic element 1209 is positioned closer to the center of display 602 than the inner edge of bezel 1204.

[0377] Fig.12J The watch user interface 1200-2 is shown at a later time (e.g., the hour hand 1206-1 and the minute hand 1206-2 indicate 01:42:30). The watch user interface 1200-2 includes a heart rate complication block 1208-6 that displays an updated text element 1210 (e.g., including a heart rate value of 72 BPM and a last reading value of "2 minutes ago"). The watch user interface 1200-2 also includes a world clock complication block 1208-4 that has a text element 1210 corresponding to the heart rate value 72 BPM and the last reading value "2 minutes ago"). Fig.12I and Fig.12J The time indication is updated as the time changes between

[0378] Alternatively, if Figures 12K to 12L As shown, the device 600 displays the heart complication 1208-6 in a compact form (e.g., the heart rate complication 1208-6 consists of a single graphical icon positioned on the clock face 1202 closer to the center of the display 602 than the inner edge of the bezel 1204).

[0379] Figures 12K to 12N An embodiment of a watch user interface including an active complication block is shown. Figure 12K Watch user interface 1200-3 is shown at a first time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 10:42:30). Watch user interface 1200-3 includes activity complication 1208-7, which includes graphical element 1209 and text element 1201, the text element including a calorie value (e.g., 350 calories), an active time value (e.g., 26 minutes), and a stand time value (e.g., 4 hours). Graphic element 1209 includes an icon representing progress toward multiple activity-related health goals (e.g., a circular icon showing progress toward calorie burn, active time, and stand time indicators as three corresponding concentric bands that move radially within the icon in proportion to progress toward the corresponding indicators).

[0380] Figure 12L Watch user interface 1200-3 is shown at a later time (e.g., hour hand 1206-1 and minute hand 1206-3 indicate 01:42:30). Watch user interface 1200-3 includes activity complication tile 1208-7 that displays updated text element 1210 (e.g., containing a calorie value of 601 minutes, an active time value of 92 minutes, and a stand time value of 9 hours) and updated graphical element 1209 (representing the progress toward the calorie burn, active time, and stand time metrics). Watch user interface 1200-3 also includes world clock complication tile 1208-4 having a time stamp corresponding to the time of day. Figure 12K and Figure 12L The time indication is updated as the time changes between

[0381] Alternatively, if Figures 12M to 12N As shown, device 600 displays active complication 1208-7 in a compact form (eg, active complication 1208-7 consists of a single graphical icon positioned on clock face 1202 closer to the center of display 602 than to the inner edge of bezel 1204).

[0382] Figures 12M to 12P An embodiment of a watch user interface including a breathing complication block is shown. Figure 12MWatch user interface 1200-4 is shown at a first time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 10:42:30). Watch user interface 1200-4 includes a breathing complication tile 1208-8 that displays a graphical element 1209 (e.g., an icon representing a corresponding meditation or mindfulness application) and a text element 1210 (including the number of sessions performed) (e.g., 2 breathing sessions performed today).

[0383] Fig.12N Watch user interface 1200-4 is shown at a later time (e.g., hour hand 1206-1 and minute hand 1206-3 indicate 01:42:30). Watch user interface 1200-4 includes breathing complication tile 1208-8 that displays graphical element 1209 (e.g., an icon representing a corresponding meditation or mindfulness application) and updated text element 1210 (e.g., 4 breathing sessions were performed today). Watch user interface 1200-4 also includes world clock complication tile 1208-4 having a time corresponding to Figure 12M and Fig.12N The time indication is updated as the time changes between

[0384] Alternatively, if Figure 12O to Figure 12P As shown, the device 600 may display the breathing complication 1208-8 in a compact form (eg, the breathing complication 1208-8 consists of a single graphical icon positioned on the clock face 1202 closer to the center of the display 602 than to the inner edge of the bezel 1204).

[0385] Fig.12O and Figure 12P An embodiment of a watch user interface including a world time complication is shown. Fig.12OWatch user interface 1200-5 is shown at a first time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 10:42:30). Watch user interface 1200-5 includes a world clock complication 1208-9, which includes a graphical element 1209 (e.g., an analog clock face with hour and minute hands) and a text element 1210, which includes a corresponding location (e.g., New York), a time associated with the corresponding location (e.g., an analog clock face with hour and minute hands), and an offset (e.g., a +3 hour offset from the local time). In some embodiments, the offset is used to indicate an offset to another time zone (e.g., GMT). Watch user interface 1200-5 also includes a world clock complication 1208-4 as described above (e.g., a compact representation consisting of a graphical icon showing a corresponding location (e.g., London) and a time associated with the corresponding location positioned on clock face 1202 closer to the center of display 602 than the inner edge of bezel 1204).

[0386] Figure 12P Watch user interface 1200-5 is shown at a later time (e.g., hour hand 1206-1 and minute hand 1206-3 indicate 01:42:30). Watch user interface 1200-5 includes a world clock complication 1208-9 that displays an updated graphical element 1209 (e.g., an icon showing an analog clock face with hour and minute hands showing 10:20) and an updated text element 1210 (including a location (e.g., New York), an updated time associated with the corresponding location (e.g., a text indication showing a time of 10:20 PM), and an offset (e.g., a +3 hour offset from the local time)). Watch user interface 1200-5 also includes a world clock complication 1208-4 that has been updated to reflect the updated graphical element 1209. Fig.12O and Figure 12P The time indication between the time changes.

[0387] Figure 12Q and Figure 12R An embodiment of a watch user interface including a weather complication tile is shown. Figure 12QWatch user interface 1200-6 is shown at a first time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 10:42:30). Watch user interface 1200-6 includes weather complication 1208-10 that displays graphical element 1209 (e.g., an icon showing sunny weather) and text element 1210 (containing a description of the current or forecasted weather) (e.g., currently 79 degrees and sunny, with a forecast high temperature of 81 and a low temperature of 62). Watch user interface 1200-6 also includes complications 1212-1 (e.g., an icon showing sunny conditions from a weather application) and 1212-3 (e.g., a gauge indicating the current temperature 79 relative to a range) as described above.

[0388] Figure 12R Watch user interface 1200-6 is shown at a later time (e.g., hour hand 1206-1 and minute hand 1206-2 indicate 01:42:30). Watch user interface 1200-6 includes weather complication 1208-10 displaying updated graphical element 1209 (e.g., icon showing partly sunny weather at the second time), updated text element 1210 (containing a description of the current and forecasted weather) (e.g., currently 64 degrees and partly sunny, with a forecast high temperature of 81 and a forecast low temperature of 62), and updated weather complication 1212-1 (e.g., icon reflecting partly sunny weather at the second time) and 1212-3 (e.g., representing the current temperature 64 relative to the range). Watch user interface 1200-6 also includes world clock complication 1208-4 having a text element 1212-3 updated to reflect the current temperature 64 relative to the range. Figure 12Q and Figure 12R The time indication between the time changes.

[0389] Fig.13 1 is a flow chart showing a method for providing a context-specific user interface using an electronic device according to some embodiments. Method 1300 is performed at a device (e.g., 100, 300, 500, or 600) having a display and one or more input devices. Some operations in method 1300 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0390] At block 1302, a device (e.g., 600) displays a watch user interface (e.g., 1200) on a display (e.g., 602) that includes a clock face (e.g., 1202) and a user interface element (e.g., 1204) that at least partially surrounds the clock face. In some embodiments, the clock face is a circular analog clock face (e.g., 1202). In some embodiments, the user interface element is a portion of an area on the display that surrounds the clock face (e.g., a watch face bezel). In some embodiments, the user interface element is a segment of an annular area that surrounds the clock face (e.g., from approximately 10 o'clock clockwise to 2 o'clock). In some embodiments, the user interface element is completely outside the clock face (e.g., FIG. 12A to FIG. 12B In some embodiments, the size of the user interface element (e.g., the angular extent of the annular area surrounding the clock face) depends on the content associated with the first complication (e.g., FIG. 12E to FIG. 12F As used herein, a bezel is a virtual edge that at least partially surrounds an area of ​​a display that functions as a clock face. In some embodiments, the bezel has indicia associated with a particular measurement (e.g., units per hour) and is optionally rotatable. In some embodiments, the bezel is completely outside (e.g., does not overlap) the clock face (e.g., FIG. 12A to FIG. 12B However, unlike static beading, in some embodiments, virtual beading can be changed, as described in some embodiments described below.

[0391] At block 1304, the device (eg, 600) receives, via the one or more input devices (eg, 604), an instruction to add a corresponding complex function block to a corresponding position on the clock face (eg, FIG. 12A to FIG. 12C In some embodiments, the corresponding position is completely contained within the clock face (e.g., Fig. 12A 1208-1).

[0392] In response to receiving a request to add a corresponding complex function block to a corresponding position on the clock face, the device performs the operations of block 1306 and / or block 1308 .

[0393] At block 1306, based on determining that the corresponding complex function block is the first complex function block (e.g., 1208-5), the device (e.g., 600) displays the first complex function block in the corresponding position on the clock face on the display (e.g., 602), and uses the first complex function block (e.g., Fig.12EIn some embodiments, the first complication is associated with content related to a calendar application (e.g., event or appointment description, date, time, location, etc.), a weather application (e.g., clear or cloudy conditions, wind speed, wind direction, temperature range, humidity, etc.), a workout application (e.g., stand time, active minutes, calories, floors climbed, etc.), a heart rate application (e.g., current heart rate, resting heart rate, active heart rate, average heart rate, time since last heart rate reading, etc.), a breathing application (e.g., breath count, time, etc.), or a clock application (e.g., time indication, location, GMT offset, etc.) (e.g., FIG. 12E to FIG. 12G and FIG. 12I to FIG. 12R ).

[0394] Automatically presenting content in a manner that utilizes different areas of the display based on complex functional block types provides enhanced visual feedback to the user by making the user interface less cluttered. This enables the user to focus their attention on fewer visual elements, and therefore locate relevant information more quickly throughout the interface, and interact more accurately with the expected control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating the device / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0395] In some embodiments, content associated with a first complication includes first content (e.g., text; data from an application of the device) (e.g., 1210), and the first complication includes second content (e.g., visual label 1209) displayed in a corresponding position on the clock face, wherein the second content is associated with the first complication (e.g., FIG. 12A to FIG. 12G 1208-5, FIG. 12I to FIG. 12J 1208-6, Figures 12K to 12L 1208-7, Figures 12M to 12N 1208-8 Figure 12O to Figure 12P 1208-9 and Figures 12Q to 12R 1208-10).

[0396] In some embodiments, the first content represents data from an application, and the second content represents data from the application that is different from the first content (e.g., the first content represents date data from a calendar application, and the second content represents meeting information data from the same calendar application) (e.g., 1208-5, Figure 12O to Figure 12P 1208-9, Figures 12Q to 12R1208-10).

[0397] In some embodiments, the first content includes text information associated with the first complex function block (eg, text that curves around an outer edge of the simulated face) (eg, 1210).

[0398] In some embodiments, the size of the portion of the user interface element is based on the content associated with the first complication (e.g., based on the content being the first content, the portion of the user interface element has a first size; and based on the content being the second content, the user interface element has a second size). In some embodiments, the amount by which the user interface element is displaced depends on the content (e.g., the length of the calendar event title, etc.) (e.g., FIG. 12E to FIG. 12F In some embodiments, the amount by which the user interface element is replaced is proportional to the amount of content (e.g., length, number of characters, etc.) (e.g., FIG. 12E to FIG. 12F 1210).

[0399] Automatically adjusting the size of elements on the user interface based on the associated content provides enhanced visual feedback to the user by enabling the user to focus their attention on fewer visual elements and thus locate relevant information more quickly throughout the interface and interact more accurately with intended control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0400] At block 1308, according to determining that the corresponding complex function block is a second complex function block (eg, 1208-1, 1208-2, 1208-3, 1208-4, Figures 12K to 12L 1208-6, Figures 12M to 12N 1208-7 and Figure 12O to Figure 12P 1208-8), the device (e.g., 600) displays a corresponding position (e.g., Fig. 12A 1208-1) in the second complication without replacing the portion of the user interface element with content associated with the second complication (e.g., Fig. 12A In some embodiments, the second complication does not include information from an associated application, such as an email, message, or fitness complication (e.g., 1208-1, Figures 12K to 12L 1208-6 and Figure 12O to Figure 12P In some embodiments, the second complex function block includes content that is not related to the application (e.g., battery power).

[0401] In some embodiments, the second complex function block is composed of a single graphical element (eg, a visual label) (eg, 1208-1, 1208-2, 1208-3, 1208-4, Figures 12K to 12L 1208-6, Figures 12M to 12N 1208-7 and Figure 12O to Figure 12P 1208-8).

[0402] Optionally, at block 1310, when displaying content associated with the first complication block in the portion of the user interface element (eg, Figure 12G ), the device receives input (e.g., a tap input) corresponding to a location on the display (e.g., 1294).

[0403] In response to receiving an input corresponding to a location on the display (e.g., 1294), the device optionally performs the operations of blocks 1312 and / or 1314. At block 1312, based on the input corresponding to the location of the portion of the user interface element (e.g., the portion occupied by the content associated with the first complication), the device launches an application associated with the first complication (e.g., FIG. 12G to FIG. 12H At box 1314, based on the input corresponding to a location on the user interface element other than the portion of the user interface element, the device abandons launching the application associated with the first complex function block.

[0404] Selectively launching applications in an automatic manner based on the location of an input provides the user with more control over the device by helping the user quickly execute multiple commands without navigating through a complex menu structure. This enables the user to more accurately interact with the intended control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0405] In some embodiments, the first complex function block (eg, 1208-5) includes a corresponding position (eg, FIG. 12E to FIG. 12G Date information at position 1208-5) in FIG. 12E to FIG. 12G 1209 ) (e.g., a visual label indicating a day of the month or day of the week), and the content associated with the first complication displayed at that portion of the user interface element includes information from the appointment (e.g., FIG. 12E to FIG. 12GIn some embodiments, the first complication (e.g., 1208-5) is associated with a calendar application from which date or appointment information is obtained. In some embodiments, user input (e.g., 1294) directed to calendar information displayed in a corresponding position on the clock face launches the associated calendar application (e.g., Fig.12H ).

[0406] In some embodiments, the first complex function block (eg, Figures 12Q to 12R 1208-10) includes a corresponding position displayed on the clock face (e.g., Figures 12Q to 12R The first weather information at the location 1208-10 in FIG. 1208 (eg, Figures 12Q to 12R 1209 ) (e.g., visual labels representing the sun, clouds, rainfall, etc.), and the content associated with the first complication displayed at the portion of the user interface element includes second weather information that is different from the first weather information (e.g., Figures 12Q to 12R In some embodiments, the first complication is associated with a weather application from which the first weather information or the second weather information is obtained. In some embodiments, user input directed to the first weather information displayed in a corresponding position on the clock face launches the associated weather application.

[0407] In some embodiments, the first complex function block (eg, Figures 12K to 12L 1208-7) includes a corresponding position displayed on the clock face (e.g., Figures 12K to 12L The first exercise information at position 1208-10 in FIG. 1208 (eg, Figures 12K to 12L 1209), and the content associated with the first complication displayed at the portion of the user interface element includes second exercise information different from the first exercise information (e.g., Figures 12Q to 12R In some embodiments, the first workout information includes visual labels (e.g., text labels indicating steps walked, floors climbed, hours standing, calories burned, and / or active time, etc.) indicating one or more fitness indicators and progress toward these fitness indicators (e.g., steps walked, floors climbed, hours standing, calories burned, active time, etc.). Figures 12Q to 12R In some embodiments, the first complication is associated with an exercise application from which the first exercise information or the second exercise information is obtained. In some embodiments, user input pointing to the first exercise information displayed in a corresponding position on the clock face launches the associated exercise application.

[0408] In some embodiments, the first complex function block (eg, FIG. 12I to FIG. 12J 1208-6) includes a corresponding position displayed on the clock face (e.g., FIG. 12I to FIG. 12J 1208-6) in the portion of the user interface element, and the content associated with the first complication displayed at that portion of the user interface element includes heart rate information (e.g., FIG. 12I to FIG. 12J In some embodiments, the first complication is associated with a heart rate application from which the heart rate information is obtained. In some embodiments, user input directed to an affordance displayed in a corresponding location on the clock face launches the associated heart rate application.

[0409] In some embodiments, the first complex function block (eg, Figures 12M to 12N 1208-7) includes a corresponding position displayed on the clock face (e.g., Figures 12M to 12N 1208-7), and the content associated with the first complication displayed at that portion of the user interface element includes meditation or mindfulness information (e.g., Figures 12M to 12N In some embodiments, the affordance is a visual label (e.g., Figures 12M to 12N In some embodiments, the meditation or mindfulness information includes a text label indicating a breath count, session count, time, etc. (e.g., Figures 12M to 12N In some embodiments, the first complication is associated with a meditation or mindfulness application from which meditation or mindfulness information is obtained. In some embodiments, user input directed to an affordance displayed in a corresponding location on the clock face initiates the associated meditation or mindfulness application.

[0410] In some embodiments, the first complex function block (eg, Figure 12O to Figure 12P 1208-9) includes a corresponding position displayed on the clock face (e.g., Figure 12O to Figure 12P The first time information at the position 1208-9 in Figure 12O to Figure 12P 1209 ) (e.g., an analog clock including an hour hand and a minute hand), and the content associated with the first complication displayed at the portion of the user interface element includes second time information different from the first time information (e.g., Figure 12O to Figure 12PIn some embodiments, the first complication is associated with a clock application from which the first time information and the second time information are obtained. In some embodiments, user input directed to the first time information displayed in a corresponding position on the clock face initiates an associated meditation clock or mindfulness application.

[0411] Note that the process described above with respect to method 1300 (eg, Fig.13 ) also apply in a similar manner to the methods described above. For example, method 1300 optionally includes one or more of the characteristics of the various methods described above with reference to method 1100. For example, Fig. 12A The watch user interface 1200 may be configured to display three complex function blocks (including at least two metrics) in a manner similar to the techniques described with reference to method 1100 (e.g., Fig. 10A For the sake of brevity, these details are not repeated below.

[0412] FIG. 14A to FIG. 14AE illustrative watch user interfaces according to some embodiments are shown. The user interfaces in these figures are used to illustrate the processes described below, including FIG. 15A to FIG. 15C The method in .

[0413] Fig.14A 2 shows an apparatus 600 as described above. Fig.14A As shown, the device 600 displays a watch user interface 1400 on the display 602. The watch user interface 1400 includes a clock face 1402 surrounded by a bezel 1404. The clock face 1402 includes a time indication with an hour hand 1406-1, a minute hand 1406-2, and a second hand 1406-3. The bezel 1404 includes hour markings 1405 (e.g., evenly spaced graphical markings that provide a visual reference to help a user of the device 600 quickly determine the time displayed on the clock face 1402). The watch user interface 1400 also includes a date complication block 1408-1, a music complication block 1208-2, a timer complication block 1208-3, and a world clock complication block 1208-4. The date complication block 1408-1 displays data from an associated date or calendar application (e.g., the day of the week and the day of the month). As described above, the music complication 1208-2, the timer complication 1208-3, and the world clock complication 1208-4 include metrics related to data from the corresponding applications. Fig.14A, complications 1208-1, 1208-2, 1208-3, and 1208-4 occupy corresponding positions in the upper, right, lower, and left regions of clock face 1402. Watch user interface 1500 also includes corner complications 1212-1, 1212-2, 1212-3, and 1212-4 as described above.

[0414] like Fig.14A As shown, device 600 receives (e.g., detects) user input 1490 (e.g., a long press on display 602) corresponding to a request to edit watch user interface 1400. In response to user input 1490, device 600 enters an editing mode (e.g., a watch face editing mode or a complication block editing mode). Fig. 14BIn some embodiments, device 600 indicates an edit mode by visually distinguishing a date complication 1408-1 for editing (e.g., by displaying a box 1414 around date complication 1408-1 and displaying a label 1416 identifying an associated application). In some embodiments, device 600 visually distinguishes a complication selected for editing (e.g., date complication 1408-1) by changing one or more visual attributes (e.g., brightness, opacity, color, contrast, hue, saturation, etc.) of watch user interface 1400 or a portion thereof. In some embodiments, when in edit mode, the complication selected for editing is displayed with a first visual attribute (e.g., in one or more colors other than grayscale), and one or more other complication blocks (e.g., all other complication blocks) are displayed with a second visual attribute (e.g., in grayscale or in a single color different from the multiple colors that the complication block would otherwise be displayed when the device is not in edit mode), although in some embodiments, when the watch face is displayed when the device is not in edit mode, some or all of these other complication blocks are displayed in the watch face in one or more colors. For example, complex function block 1408-1 is displayed in color, and complex function blocks 1208-2, 1208-3, and 1208-4 are displayed in grayscale. In some embodiments, as an alternative to changing the visual attributes of one or more selected complex function blocks or as a supplement to changing the visual attributes of one or more selected complex function blocks, when in edit mode, the visual attributes of one or more complex function blocks in the unselected complex function blocks are changed (e.g., the brightness or opacity of one or more complex function blocks in the unselected complex function blocks is reduced to distinguish the unselected complex function blocks from the selected complex function blocks). In some embodiments, the visual distinction of the selected complex function block is an alternative or supplement to an alternative selection indicator such as a selection ring surrounding at least a portion of the selected complex function block. When in edit mode, the device 600 also displays a complex function block menu bar 1418 with a complex function block position indicator 1420, which indicates the position of the currently displayed complex function block within the menu of complex function blocks available for selection. In some embodiments, user input 1490 includes a contact having a characteristic intensity, and device 600 enters the edit mode based on determining that the characteristic intensity exceeds a predetermined threshold intensity.

[0415] like Fig. 14CAs shown, device 600 receives (e.g., detects) user input 1492 that includes rotation of rotatable input mechanism 604. In some embodiments, user input 1492 is received at another device in communication with device 600 (e.g., via a companion application associated with device 600 running on the other device). In response to receiving user input 1492, device 600 displays a representation of tachymeter complication tile 1408-2 added to watch user interface 1400 in place of date complication tile 1408-1. Fig.14D , device 600 updates complication function block position indicator 1420 to indicate that tachymeter complication function block 1408-2 is located near the bottom of the complication function block menu (e.g., because complication function blocks are alphabetical and “t” (tachymeter) is near the end of the alphabet). Fig.14D As shown, the representation of the tachymeter complication 1408-5 includes an indication of the type of information that the tachymeter complication 1408-5 will display on the watch user interface 1400 upon exiting the edit mode (e.g., common units).

[0416] In some embodiments, while in the editing mode, device 600 receives (e.g., detects) one or more inputs corresponding to a request to exit the editing mode (e.g., a tap on display 602 or a press of rotatable input mechanism 604). In response to exiting the editing mode, device 600 adds tachymeter complication tile 1408-2 to watch user interface 1400, replacing date complication tile 1408-1 in the upper area of ​​clock face 1402. Fig.14E As shown, tachymeter complication 1408 - 2 displays a unit display 1412 positioned on clock face 1402 closer to the center of display 602 than the inner edge of bezel 1404 without overlapping the area occupied by bezel 1204 .

[0417] like Fig.14F As shown, device 600 receives (e.g., detects) user input 1494 (e.g., a tap on display 602 in an area occupied by unit display 1412). In some embodiments, user input 1494 is detected by device 600 at a location on display 1402 corresponding to bezel 1404. In response to user input 1494, device 600 updates watch user interface 1400. Figure 14G, the watch user interface 1400 includes a bezel 1404 in which the hour markers 1405 have been replaced by unit scales 1422 (e.g., 60 unit per hour scale) and a tachymeter hand 1424 has been added. In some embodiments, in response to user input 1492 (selecting to rotate), the hour markers 1405 are replaced by unit scales 1422, and in response to user input 1494, only the tachymeter hand 1424 is added to the watch user interface 1400. In some embodiments, in response to user input 1492 (selecting to rotate), the hour markers 1405 are replaced by unit scales 1422, and the tachymeter hand 1424 is added to the watch user interface 1400.

[0418] Automatically updating the interface in response to specific user interactions (e.g., after exiting edit mode) provides enhanced visual feedback to the user by making the user interface less cluttered during selection. This enables the user to focus their attention on fewer visual elements and, therefore, locate relevant information more quickly throughout the interface and interact more accurately with intended control features on the display. This enhances the operability of the device and makes the user-device interface more efficient (e.g., by helping the user locate information more quickly and provide appropriate input more accurately and reducing user errors when operating / interacting with the device), which in turn further reduces power usage and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0419] like Fig.14H As shown, the device 600 receives (e.g., detects) user input 1496 (e.g., a tap display corresponding to the tachymeter hand 1424 or the bezel 1404 with the unit scale 1422). In response to receiving the user input 1496, the device 600 updates the watch user interface 1400 (e.g., starts the rotation of the tachymeter hand 1424, and the unit display 1412 is updated corresponding to the position of the tachymeter hand 1424 relative to the unit scale 1422). Fig.14I , tachymeter hand 1424 has moved into a position on bezel 1404 corresponding to 144 units, unit display 1412 reflects the position of tachymeter hand 1424 (eg, 144 units), and second hand 1406-3 indicates that 20 seconds have elapsed.

[0420] In some embodiments, while tachymeter needle 1424 is moving (e.g., rotating), device 600 receives subsequent user input (e.g., a tap on the user display). In response, tachymeter needle 1424 and units display 1412 stop updating (e.g., the tachymeter needle stops rotating, and the units display reflects the position of the tachymeter needle relative to units scale 1422). In some embodiments, subsequent user input (e.g., a tap or a long press on the user display) resets the tachymeter complication (e.g., bezel 1404, tachymeter needle 1424, and units display 1412 return to their original positions). Figure 14G corresponding status shown).

[0421] like Fig.14J As shown, prior to user input 1496 (e.g., prior to initiating rotation of tachometer needle 1424), device 600 receives (e.g., detects) user input 1498-1, which includes rotation of rotatable input mechanism 604. In response to receiving user input 1498-1, device 600 updates unit scale 1422 on bezel 1404. Figure 14K An updated units scale 1422 is included (eg, indicating that a 30 units per hour scale is selected for the tachymeter function).

[0422] Now go to Figure 14M , showing a process of updating watch user interface 1400 with diving complication tile 1408-3 (e.g., upon selecting the diving complication tile from edit mode, device 600 displays a representation of diving complication tile 1408-3 to be added to watch user interface 1400, and upon exiting edit mode, device 600 adds diving complication tile 1408-3 to watch user interface 1400, replacing the complication tile in the upper region of clock face 1402). Figure 14M As shown, diving complication 1408 - 3 includes a minute display 1426 positioned on clock face 1402 closer to the center of display 602 than the inner edge of bezel 1404 without overlapping the area occupied by bezel 1204 .

[0423] exist Figure 14M In some embodiments, device 600 receives (e.g., detects) user input 1491 (e.g., a tap on display 602 in an area occupied by minute display 1426). In some embodiments, user input 1491 is detected by device 600 at a location on display 1402 corresponding to bezel 1404. In response to user input 1491, device 600 updates watch user interface 1400. Fig.14N, the updated watch user interface 1400 includes a bezel 1404 in which the hour markers 1405 have been replaced by a diving scale 1430 (e.g., numbers around the bezel corresponding to the minutes) and a bezel marker 1428 has been added to the bezel 1404 (e.g., located at the top of the bezel).

[0424] like Figures 14N to 14P As shown, device 600 receives (e.g., detects) user input 1493, which includes rotation of rotatable input mechanism 604. In response to user input 1493, device 600 updates watch user interface 1400 by updating the position of bezel 1404 (e.g., rotating the bezel). Figure 14P As shown by the movement of the center bezel mark 1428 into a position aligned with the minute hand 1206-2, the bezel 1404 moves clockwise in response to the user input 1493. In other embodiments, the bezel 1404 moves counterclockwise in response to the user input 1493.

[0425] Figure 14Q Watch user interface 1400 is shown at a time after user input 1493 is completed. Minute display 1426 indicates the offset between bezel 1404 and minute hand 1206-2 (e.g., 18 minutes have passed since the bezel was aligned with the minute hand), and the time indication has been updated (e.g., minute hand 1206-2 and world time complication block 1208-4 correspond to Figure 14P and Figure 14Q time changes between them).

[0426] Now go to Figure 14R , describes a process for updating watch user interface 1400 with GMT complication tile 1408-4 (e.g., upon selecting the GMT complication tile from edit mode, device 600 displays a representation of GMT complication tile 1408-4 to be added to watch user interface 1400; and upon exiting edit mode, device 600 adds GMT complication tile 1408-4 to watch user interface 1400, replacing the complication tile in the upper region of clock face 1402). Figure 14R As shown, GMT complication 1408-4 includes an offset display 1432 (e.g., representing a time zone relative to the GMT time displayed by the GMT hand) positioned on the clock face 1402 closer to the center of the display 602 than the inner edge of the bezel 1404 (e.g., without overlapping the area occupied by the bezel 1204); a GMT scale 1436 (e.g., a 24-hour scale) on the bezel 1404; and a GMT hand 1434 (e.g., a hand positioned relative to the GMT scale 1436 to indicate a time in a time zone based on the displayed offset).

[0427] like FIG. 14R to FIG. 14T As shown, the device 600 receives (e.g., detects) a user input 1495 that includes a rotation of the rotatable input mechanism 604. In response to the user input 1495, the device 600 updates the watch user interface 1400 by increasing the hour offset displayed on the offset display 1432 (e.g., +0 hours to +1 hour to +3 hours) and updating the position of the GMT hand 1434 relative to the GMT scale 1436 (e.g., the GMT hand 1434 rotates around the bezel to reflect the offset change).

[0428] Similar to reference FIG. 14A to FIG. 14D 1408-4 by selecting complication 1408-4 in edit mode (e.g., using a tap) and moving rotatable input mechanism 604 to select new complication 1208-1. Figure 14U Watch user interface 1400 is shown after exiting edit mode (e.g., GMT hand 1434 is removed, offset display 1432 is replaced with fitness complication block 1208-1, and GMT scale 1436 is replaced with hour markers 1405 on bezel 1404).

[0429] Now go to Figure 14V to Figure 14AE , describing various functions associated with the rotatable input mechanism 604.

[0430] exist Figure 14V In the embodiment, device 600 displays mail application interface 1400-2 on display 602. Mail application interface 1400-2 includes application header 1438 (eg, application label and time indication) and content display area 1440. Content display area 1440 includes subject line 1442 and message content 1444. Figure 14V and Figure 14W As shown, device 600 receives (e.g., detects) user input 1497, which includes rotation of rotatable input mechanism 604. In response to user input 1497, device 600 updates mail application interface 1400-2 by translating (e.g., scrolling) subject line 1442 and message content 1444 upward from a first position on display 602 to a second position on display 602. Figure 14W As shown, subject line 1442 and / or message content 1444 are scrolled to a position outside of content display area 1440 and are therefore not displayed on display 602. In some embodiments, the direction of user input 1497 corresponds to the direction of translation of message content 1444 on display 602.

[0431] exist Figure 14X , device 600 displays application selection interface 1400-3 on display 602. Application selection interface 1400-3 includes a vertical list of application icons, including activity icon 1446-1, alarm icon 1446-2, breathing icon 1446-3, and camera icon 1446-3 (collectively referred to as "application icons 1446"). Figure 14X and Figure 14V As shown, device 600 receives (e.g., detects) user input 1497, which includes rotation of rotatable input mechanism 604. In response to user input 1497, device 600 updates application selection interface 1400-3 by translating (e.g., scrolling) application icon 1446 upward from a first position on display 602 to a second position on display 602. Figure 14W As shown, one or more application icons 1446 are scrolled to a position outside of display 602 and are therefore not displayed on display 602. In some embodiments, the direction of the user input corresponds to the direction of translation of application icons 1446 on display 602.

[0432] exist Figure 14Z In the embodiment, the display 602 of the device 600 is turned off (for example, the screen does not display content or emit light). Figure 14Z As shown, device 600 receives (e.g., detects) user input 1497, which includes rotation of rotatable input mechanism 604. Figure 14AA In response to user input 1497, device 600 turns on display 602 (eg, the screen displays watch user interface 1400-4 including a clock face including hour markings, a time indication, and a date display).

[0433] Fig.14AB Device 600 is shown displaying watch user interface 1400-5, which includes clock face 1402, time indication (hour hand 1406-1, minute hand 1406-2, and second hand 1406-3) (e.g., indicating 10:40:35), and next appointment indicator 1452 (e.g., indicating that the user's next appointment relative to the time displayed on clock face 1402 is 12PM lunch). Fig.14AB As shown, device 600 receives (e.g., detects) user input 1497-1, which includes rotation of rotatable input mechanism 604. In response to receiving user input 1497-1, device 600 updates watch user interface 1400-5 (e.g., advances the displayed time indication in proportion to input 1497-1). Figure 14ACUpdated watch user interface 1400-5 is shown. Watch user interface 1400-5 includes a time offset label 1454 (e.g., +2:21 time travel), a time indication (hour hand 1406-1, minute hand 1406-2, and second hand 1406-3) (e.g., indicating 1:55), and a next appointment indicator 1452 (e.g., 3PM - meeting).

[0434] exist Fig.14AD , device 600 displays application selection interface 1400-6 on display 602. Application selection interface 1400-6 includes a collection of application icons, including alarm icon 1456-1, weather icon 1456-2, message icon 1456-3, clock icon 1456-4, activity icon 1456-5, to-do icon 1456-6, heart rate icon 1456-7, and calendar icon 1456-8 (collectively referred to as "application icons 1456"). Fig.14AD As shown, device 600 receives (e.g., detects) user input 1497-1, which includes rotation of rotatable input mechanism 604. In response to user input 1497-1, device 600 updates application selection interface 1400-6 by launching an application corresponding to an application icon displayed closest to the center of display 602 (e.g., an alarm clock icon). Fig.14AE An alarm clock application interface 1400-7 is shown associated with an alarm clock application displayed on display 602. Alarm clock application interface 1400-7 includes an application label 1460 (e.g., Alarm), a time indication (e.g., 10:09), an alarm display 1458-1 (e.g., time, label, and on / off switch), and an alarm generation affordance 1458-2.

[0435] FIG. 15A to FIG. 15C 1 is a flow chart showing a method for providing a context-specific user interface using an electronic device according to some embodiments. Method 1500 is performed at a device (e.g., 100, 300, 500, or 600) having a display and one or more input devices. Some operations of method 1500 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0436] At block 1502, a device (e.g., 600) displays a watch user interface (e.g., 1400) on a display (e.g., 602), the watch user interface including a clock face (e.g., 1402), a user interface element (e.g., 1404) at least partially surrounding the clock face (e.g., a watch face bezel), and a complication (e.g., 1408-1). In some embodiments, a complication refers to any clock face feature other than hours and minutes (e.g., clock hands or hour / minute indication) for indicating time. In some embodiments, a complication includes an affordance (e.g., 1408-1, 1208-2, 1208-3, 1208-4) that lau...

Claims

1. A method comprising: At an electronic device having a display, wherein the display has one or more corners: Displaying a watch user interface on the display, the watch user interface comprising: an analog clock face region, the analog clock face region including a region of the display in which the hour and minute hands rotate; a first complication function block, wherein the first complication function block is located outside the analog clock face area and in a first corner of the one or more corners of the display, wherein the first complication function block comprises at least: a first metric associated with data from a first application; a second metric associated with data from the first application; and Status bar; a second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block comprising at least a fifth metric associated with data from a third application and a sixth metric associated with data from the third application; detecting a sequence of one or more inputs corresponding to a request to add a fourth complication to the watch user interface, wherein the fourth complication includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and In response to detecting the sequence of one or more inputs: replacing the first complex function block outside the analog clock face region with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the third complex function block is replaced with the fourth complex function block.

2. The method of claim 1 , further in response to detecting the sequence of the one or more inputs: maintaining the second complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; maintaining the first complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; as well as Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the first complex function block and the second complex function block are maintained.

3. The method according to any one of claims 1 to 2, wherein The first complex function block also includes a ninth metric associated with data from the first application, The second complex function block also includes a tenth metric associated with data from the second application, and The third complex function block also includes an eleventh metric related to data from the third application.

4. The method according to any one of claims 1 to 2, wherein the first application, the second application and the third application are the same application.

5. The method of any one of claims 1 to 2, wherein the first application is different from the second application, and wherein the third application is different from the first application and the second application.

6. The method according to any one of claims 1 to 2, wherein the watch user interface further comprises an annular area having a curved outer edge, the method further comprising: displaying a visual characteristic at or around the annular area in accordance with the second application corresponding to a fifth application; as well as Displaying the visual characteristic at or around the annular area is abandoned in accordance with the second application corresponding to a sixth application different from the fifth application.

7. A method according to any one of claims 1 to 2, wherein the first complex function block comprises an analog clock face having one or more pointers and text, the one or more pointers indicating the time at a geographic location, the text indicating the geographic location, wherein the text indicating the geographic location is positioned on the complex function block based on the position of the one or more pointers.

8. The method according to any one of claims 1 to 2, further comprising: Displaying a second watch user interface, the second watch user interface comprising a fifth complication block, the fifth complication block comprising less than two metrics related to data from the first application, wherein the fifth complication block is the same size as the first complication block.

9. The method of claim 8, wherein the fifth complex function block does not include metrics related to data from the first application.

10. The method of claim 8, wherein the fifth complication has a lower resolution than the first complication on the watch user interface.

11. The method of claim 8, wherein the watch user interface is a first watch user interface, and the first application, the second application, and the third application are the same application, the method further comprising: while displaying the first watch user interface, detecting a sequence of one or more inputs corresponding to selection of a second watch user interface; as well as In response to detecting the sequence of the one or more inputs corresponding to selection of the second watch user interface, displaying the second watch user interface, wherein the second watch user interface comprises: The eighth complex function block corresponding to the seventh application program, a ninth complex function block corresponding to said seventh application, and a tenth complex function block corresponding to the seventh application program, The seventh application is different from the first application.

12. A method according to any one of claims 1 to 2, wherein the first application is a clock application, and wherein the first metric and the second metric are related to data from the clock application, the first metric represents a geographic location, and the second metric represents a time associated with the geographic location.

13. A method according to any one of claims 1 to 2, wherein the first application is a calendar or date application, and wherein the first metric and the second metric are related to data from the calendar or date application, the first metric represents an event, and the second metric represents a time associated with the event.

14. A method according to any one of claims 1 to 2, wherein the first application is a stock application, and wherein the first metric and the second metric are related to data from the stock application, the first metric represents a stock name, and the second metric represents an associated stock price.

15. A method according to any one of claims 1 to 2, wherein the first application is a weather application, and wherein the first metric and the second metric are related to data from the weather application, the first metric represents the current temperature, and the second metric represents the forecasted high and low temperatures.

16. The method of any one of claims 1 to 2, wherein the first complex functional block comprises a visual representation of one or more metrics, the visual representation comprising an indication of a value relative to a range of values.

17. The method of any one of claims 1 to 2, wherein the first complex functional block comprises a visual representation of one or more metrics, the visual representation comprising a simulated first affordance representation representing a first area of ​​the Earth illuminated by the sun at a current time, the method further comprising: detecting a sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time; as well as In response to detecting the sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time, rotating the simulation of the Earth to display a second area of ​​the Earth illuminated by the sun at the non-current time.

18. The method according to claim 1, wherein: The second complex function block and the third complex function block are located outside the analog clock face area.

19. The method according to claim 1, wherein: The watch user interface also includes a bezel at least partially surrounding the analog clock face area.

20. The method according to claim 19, wherein: The first complication is located between the bezel and a corner edge of the display.

21. The method of claim 1, wherein the display has one or more corners, and wherein the first complex functional block is in a first corner of the one or more corners of the display.

22. The method according to claim 1, wherein: The analog clock face area includes one or more tick marks.

23. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, wherein the display has one or more corners, the one or more programs comprising instructions for: Displaying a watch user interface on the display, the watch user interface comprising: an analog clock face region, the analog clock face region including a region of the display in which the hour and minute hands rotate; a first complication function block, wherein the first complication function block is located outside the analog clock face area and in a first corner of the one or more corners of the display, wherein the first complication function block comprises at least: a first metric associated with data from a first application; a second metric associated with data from the first application; and Status bar; a second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block comprising at least a fifth metric associated with data from a third application and a sixth metric associated with data from the third application; detecting a sequence of one or more inputs corresponding to a request to add a fourth complication to the watch user interface, wherein the fourth complication includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and In response to detecting the sequence of one or more inputs: replacing the first complex function block outside the analog clock face region with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the third complex function block is replaced with the fourth complex function block.

24. The computer-readable storage medium of claim 23, wherein the one or more programs further comprise instructions for: In response to detecting the sequence of one or more inputs: maintaining the second complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; maintaining the first complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; as well as Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the first complex function block and the second complex function block are maintained.

25. The computer-readable storage medium according to any one of claims 23 to 24, wherein The first complex function block also includes a ninth metric associated with data from the first application, The second complex function block also includes a tenth metric associated with data from the second application, and The third complex function block also includes an eleventh metric related to data from the third application.

26. The computer-readable storage medium of any one of claims 23 to 24, wherein the first application, the second application, and the third application are the same application.

27. The computer-readable storage medium of any one of claims 23 to 24, wherein the first application is different from the second application, and wherein the third application is different from the first application and the second application.

28. The computer-readable storage medium of any one of claims 23 to 24, wherein the watch user interface further comprises a ring-shaped area having a curved outer edge, wherein the one or more programs further comprise instructions for: displaying a visual characteristic at or around the annular area in accordance with the second application corresponding to a fifth application; and Displaying the visual characteristic at or around the annular area is abandoned in accordance with the second application corresponding to a sixth application different from the fifth application.

29. A computer-readable storage medium according to any one of claims 23 to 24, wherein the first complex function block comprises an analog clock face having one or more pointers and text, the one or more pointers indicating the time at a geographic location, and the text indicating the geographic location, wherein the text indicating the geographic location is positioned on the complex function block based on the position of the one or more pointers.

30. The computer-readable storage medium of any one of claims 23 to 24, wherein the one or more programs further comprise instructions for: Displaying a second watch user interface, the second watch user interface comprising a fifth complication block, the fifth complication block comprising less than two metrics related to data from the first application, wherein the fifth complication block is the same size as the first complication block.

31. The computer-readable storage medium of claim 30, wherein the fifth complex function block does not include metrics related to data from the first application.

32. A computer-readable storage medium according to claim 30, wherein the fifth complication has a lower resolution than the first complication on the watch user interface.

33. The computer-readable storage medium of claim 30, wherein the watch user interface is a first watch user interface, and the first application, the second application, and the third application are the same application, and wherein the one or more programs further comprise instructions for: While displaying the first watch user interface, detecting a sequence of one or more inputs corresponding to selection of a second watch user interface; and In response to detecting the sequence of the one or more inputs corresponding to selection of the second watch user interface, displaying the second watch user interface, wherein the second watch user interface comprises: The eighth complex function block corresponding to the seventh application program, a ninth complex function block corresponding to said seventh application, and a tenth complex function block corresponding to the seventh application program, The seventh application is different from the first application.

34. A computer-readable storage medium according to any one of claims 23 to 24, wherein the first application is a clock application, and wherein the first metric and the second metric are related to data from the clock application, the first metric represents a geographic location, and the second metric represents a time associated with the geographic location.

35. A computer-readable storage medium according to any one of claims 23 to 24, wherein the first application is a calendar or date application, and wherein the first metric and the second metric are related to data from the calendar or date application, the first metric represents an event, and the second metric represents a time associated with the event.

36. A computer-readable storage medium according to any one of claims 23 to 24, wherein the first application is a stock application, and wherein the first metric and the second metric are related to data from the stock application, the first metric represents a stock name, and the second metric represents an associated stock price.

37. A computer-readable storage medium according to any one of claims 23 to 24, wherein the first application is a weather application, and wherein the first metric and the second metric are related to data from the weather application, the first metric represents the current temperature, and the second metric represents the forecasted high and low temperatures.

38. The computer-readable storage medium of any one of claims 23 to 24, wherein the first complex functional block comprises a visual representation of one or more metrics, the visual representation comprising an indication of a value relative to a range of values.

39. The computer-readable storage medium of any one of claims 23 to 24, wherein the first complex functional block comprises a visual representation of one or more metrics, the visual representation comprising a first affordance representation representing a simulation of a first area on Earth illuminated by the sun at a current time, and wherein the one or more programs further comprise instructions for: detecting a sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time; and In response to detecting the sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time, rotating the simulation of the Earth to display a second area of ​​the Earth illuminated by the sun at the non-current time.

40. The computer-readable storage medium of claim 23, wherein: The second complex function block and the third complex function block are located outside the analog clock face area.

41. The computer-readable storage medium of claim 23, wherein: The watch user interface also includes a bezel at least partially surrounding the analog clock face area.

42. The computer-readable storage medium of claim 41, wherein: The first complication is located between the bezel and a corner edge of the display.

43. The computer-readable storage medium of claim 23, wherein the display has one or more corners, and wherein the first complex functional block is in a first corner of the one or more corners of the display.

44. The computer-readable storage medium of claim 23, wherein: The analog clock face area includes one or more tick marks.

45. An electronic device comprising: a display, wherein the display has one or more corners; one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: Displaying a watch user interface on the display, the watch user interface comprising: an analog clock face region, the analog clock face region including a region of the display in which the hour and minute hands rotate; a first complication function block, wherein the first complication function block is located outside the analog clock face area and in a first corner of the one or more corners of the display, wherein the first complication function block comprises at least: a first metric associated with data from a first application; a second metric associated with data from the first application; and Status bar; a second complex function block including at least a third metric related to data from a second application and a fourth metric related to data from the second application; and a third complex function block comprising at least a fifth metric associated with data from a third application and a sixth metric associated with data from the third application; detecting a sequence of one or more inputs corresponding to a request to add a fourth complication to the watch user interface, wherein the fourth complication includes at least a seventh metric related to data from a fourth application and an eighth metric related to data from the fourth application; and In response to detecting the sequence of one or more inputs: replacing the first complex function block outside the analog clock face region with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; replacing the second complex function block with the fourth complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; and Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the third complex function block is replaced with the fourth complex function block.

46. ​​The electronic device of claim 45, wherein the one or more programs further comprise instructions for: In response to detecting the sequence of one or more inputs: maintaining the second complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the first complex function block; maintaining the first complex function block and the third complex function block based on determining that the sequence of the one or more inputs corresponds to a request to replace the second complex function block; as well as Based on determining that the sequence of the one or more inputs corresponds to a request to replace the third complex function block, the first complex function block and the second complex function block are maintained.

47. An electronic device according to any one of claims 45 to 46, wherein The first complex function block also includes a ninth metric associated with data from the first application, The second complex function block also includes a tenth metric associated with data from the second application, and The third complex function block also includes an eleventh metric related to data from the third application.

48. The electronic device according to any one of claims 45 to 46, wherein the first application, the second application and the third application are the same application.

49. An electronic device according to any one of claims 45 to 46, wherein the first application is different from the second application, and wherein the third application is different from the first application and the second application.

50. The electronic device of any one of claims 45 to 46, wherein the watch user interface further comprises an annular area having a curved outer edge, and wherein the one or more programs further comprise instructions for: displaying a visual characteristic at or around the annular area in accordance with the second application corresponding to a fifth application; and Displaying the visual characteristic at or around the annular area is abandoned in accordance with the second application corresponding to a sixth application different from the fifth application.

51. An electronic device according to any one of claims 45 to 46, wherein the first complex function block comprises an analog clock face having one or more pointers and text, the one or more pointers indicating the time at a geographic location, the text indicating the geographic location, wherein the text indicating the geographic location is positioned on the complex function block based on the position of the one or more pointers.

52. The electronic device of any one of claims 45 to 46, wherein the one or more programs further comprise instructions for: Displaying a second watch user interface, the second watch user interface comprising a fifth complication block, the fifth complication block comprising less than two metrics related to data from the first application, wherein the fifth complication block is the same size as the first complication block.

53. An electronic device according to claim 52, wherein the fifth complex function block does not include metrics related to data from the first application.

54. An electronic device according to claim 52, wherein the fifth complication has a lower resolution than the first complication on the watch user interface.

55. The electronic device of claim 52, wherein the watch user interface is a first watch user interface, and the first application, the second application, and the third application are the same application, and wherein the one or more programs further comprise instructions for: While displaying the first watch user interface, detecting a sequence of one or more inputs corresponding to selection of a second watch user interface; and In response to detecting the sequence of the one or more inputs corresponding to selection of the second watch user interface, displaying the second watch user interface, wherein the second watch user interface comprises: The eighth complex function block corresponding to the seventh application program, a ninth complex function block corresponding to said seventh application, and a tenth complex function block corresponding to the seventh application program, The seventh application is different from the first application.

56. An electronic device according to any one of claims 45 to 46, wherein the first application is a clock application, and wherein the first metric and the second metric are related to data from the clock application, the first metric represents a geographic location, and the second metric represents a time associated with the geographic location.

57. An electronic device according to any one of claims 45 to 46, wherein the first application is a calendar or date application, and wherein the first metric and the second metric are related to data from the calendar or date application, the first metric represents an event, and the second metric represents a time associated with the event.

58. An electronic device according to any one of claims 45 to 46, wherein the first application is a stock application, and wherein the first metric and the second metric are related to data from the stock application, the first metric representing a stock name, and the second metric representing an associated stock price.

59. An electronic device according to any one of claims 45 to 46, wherein the first application is a weather application, and wherein the first metric and the second metric are related to data from the weather application, the first metric represents the current temperature, and the second metric represents the forecasted high and low temperatures.

60. An electronic device according to any one of claims 45 to 46, wherein the first complex functional block includes a visual representation of one or more metrics, the visual representation including an indication of a value relative to a range of values.

61. An electronic device according to any one of claims 45 to 46, wherein the first complex functional block includes a visual representation of one or more metrics, the visual representation including a simulated first affordance representing a first area on the earth illuminated by the sun at a current time, and wherein the one or more programs further include instructions for: detecting a sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time; and In response to detecting the sequence of one or more user inputs corresponding to a request to view the simulation of the Earth at a non-current time, rotating the simulation of the Earth to display a second area of ​​the Earth illuminated by the sun at the non-current time.

62. The electronic device according to claim 45, wherein: The second complex function block and the third complex function block are located outside the analog clock face area.

63. The electronic device according to claim 45, wherein: The watch user interface also includes a bezel at least partially surrounding the analog clock face area.

64. The electronic device according to claim 63, wherein: The first complication is located between the bezel and a corner edge of the display.

65. An electronic device according to claim 45, wherein the display has one or more corners, and wherein the first complex functional block is in a first corner of the one or more corners of the display.

66. The electronic device according to claim 45, wherein: The analog clock face area includes one or more tick marks.

67. An electronic device comprising: monitor; as well as Device for carrying out the method according to any one of claims 1 to 22.

68. A computer program product comprising computer instructions which, when executed by a processor, implement the steps of the method according to any one of claims 1 to 22.

Images