Technique for managing use of display

Abstract

To reduce the power of a processor and a battery consumed by a redundant user input and excessive display luminances, and improve the wearing characteristics of a display device used to display a user interface.SOLUTION: The present disclosure relates to managing use of a display. In some embodiments, a device changes various different manners of a displayed user interface when the mode of the device in an active state changes from a first device mode to a second display mode. In some embodiments, the change includes changing a content in the user interface and changing how the content is displayed.SELECTED DRAWING: Figure 6A

Description

CROSS-REFERENCE TO RELATED APPLICATIONS

[0001] This application is a continuation of U.S. patent application Ser. No. 16 / 585,721, filed September 27, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," U.S. patent application Ser. No. 16 / 585,714, filed September 27, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," U.S. patent application Ser. No. 16 / 584,445, filed September 26, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," U.S. patent application Ser. No. 16 / 584,281, filed September 9 ...445, filed September 26, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," U.S. patent application Ser. No. 16 / 584,281, filed September 9, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," U.S. patent application Ser. This application claims priority to U.S. Provisional Patent Application No. 62 / 897,959, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," Danish Patent Application No. PA 201970599, filed September 26, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," Danish Patent Application No. PA 201970598, filed September 26, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," Danish Patent Application No. PA 201970597, filed September 26, 2019, entitled "TECHNIQUES FOR MANAGING DISPLAY USAGE," and Danish Patent Application No. PA 201970596, filed September 26, 2019, the contents of each of which are incorporated herein by reference in their entirety. [Technical Field]

[0002] The present disclosure relates generally to user interfaces, and more particularly to techniques for displaying user interfaces with managed display usage. [Background technology]

[0003] An electronic device may include a screen for displaying a user interface. Over time, uneven use of the screen can result in discoloration of portions of the screen and a degradation of the quality of the displayed image. Summary of the Invention

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

[0005] Thus, the present technology provides faster, more efficient methods and interfaces for electronic devices with managed display usage. Such methods and interfaces optionally complement or replace other methods for managing display usage. Such methods improve the image quality of displayed user interfaces (e.g., reduce image quality degradation) as electronic devices age and improve the durability of display devices used to display the user interfaces. In addition, such methods and interfaces also reduce the cognitive burden on users, creating a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges. Furthermore, such methods and interfaces also reduce the number of unnecessary, redundant, or repetitive inputs required on computing devices such as smartphones and smartwatches.

[0006] According to some embodiments, a method is described in an electronic device having a display, the method including: displaying, while the electronic device is in a first mode, a first user interface on the display, the first user interface including a first time indicator displayed at a first brightness level and a first graphical object displayed at a second brightness level; detecting that the electronic device meets criteria for transitioning from the first mode to a second mode; In response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode, transitioning the electronic device from the first mode to the second mode; and while the electronic device is in the second mode, displaying on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third brightness level that is a first amount lower than a first brightness level at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth brightness level that is a second amount lower than a second brightness level at which the first graphical object was previously displayed, the fourth brightness level being different from the first amount of difference in brightness between the first brightness level and the second brightness level.

[0007] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs displaying, while the electronic device is in a first mode, a first user interface on the display, the first user interface including a first time indicator displayed at a first brightness level and a first graphical object displayed at a second brightness level, detecting that the electronic device has met criteria for transitioning from the first mode to a second mode, In response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode, the electronic device transitions from the first mode to the second mode, and while the electronic device is in the second mode, displays on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third brightness level that is a first amount lower than a first brightness level at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object being displayed at a fourth brightness level that is a second amount lower than a second brightness level at which the first graphical object was previously displayed, the fourth brightness level being different from the first amount of difference in brightness between the first brightness level and the second brightness level.

[0008] According to some embodiments, a temporary computer-readable storage medium is described, the temporary computer-readable storage medium reciting 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 displaying, while the electronic device is in a first mode, a first user interface including a first time indicator displayed at a first brightness level and a first graphical object displayed at a second brightness level on the display, detecting that the electronic device meets criteria for transitioning from the first mode to a second mode, In response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode, the electronic device transitions from the first mode to the second mode, and while the electronic device is in the second mode, displays on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third brightness level that is a first amount lower than a first brightness level at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object being displayed at a fourth brightness level that is a second amount lower than a second brightness level at which the first graphical object was previously displayed, the fourth brightness level being different from the first amount of difference in brightness between the first brightness level and the second brightness level.

[0009] According to some embodiments, an electronic device is described, the electronic device comprising: 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 displaying, on the display while the electronic device is in a first mode, a first user interface including a first time indicator displayed at a first brightness level and a first graphical object displayed at a second brightness level; detecting that the electronic device meets criteria for transitioning from the first mode to a second mode; In response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode, the electronic device transitions from the first mode to the second mode, and while the electronic device is in the second mode, displays on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third brightness level that is a first amount lower than a first brightness level at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object being displayed at a fourth brightness level that is a second amount lower than a second brightness level at which the first graphical object was previously displayed, the fourth brightness level being different from the first amount of difference in brightness between the first brightness level and the second brightness level.

[0010] According to some embodiments, an electronic device is described that includes a display, means for displaying a first user interface on the display while the electronic device is in a first mode, the first user interface including a first time indicator displayed at a first brightness level and a first graphical object displayed at a second brightness level, and means for detecting when the electronic device meets criteria for transitioning from the first mode to a second mode. The electronic device includes means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode; and means for displaying, while the electronic device is in the second mode, a second user interface on the display, the second user interface including: a second time indicator indicating the current time, the second time indicator being displayed at a third brightness level that is a first amount lower than a first brightness level at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth brightness level that is a second amount lower than a second brightness level at which the first graphical object was previously displayed, the fourth brightness level being different from the first amount of difference in brightness between the first brightness level and the second brightness level.

[0011] According to some embodiments, a method is described in an electronic device having a display, the method including: displaying on the display, while the electronic device is in a first mode, a first user interface including a first time indicator indicating a current time and displayed at a first size and a first graphical object displayed at a second size, detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode, transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, and displaying on the display, while the electronic device is in the second mode, a second user interface including a second time indicator indicating the current time, displayed at a third size smaller than the first size at which the first time indicator was previously displayed, and a second graphical object corresponding to the first graphical object, displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed.

[0012] According to some embodiments, a non-transitory computer-readable storage medium is described that 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 displaying, while the electronic device is in a first mode, a first user interface on the display, the first user interface including a first time indicator indicating a current time and displayed at a first size and a first graphical object displayed at a second size, detecting that the electronic device has met criteria for transitioning from the first mode to a second mode, and annunciation of the fact that the electronic device has met the criteria for transitioning from the first mode to the second mode. In response to the detection, while the electronic device is in the second mode, the instructions include: transitioning the electronic device from the first mode to the second mode, including displaying on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed.

[0013] According to some embodiments, a temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs displaying, while the electronic device is in a first mode, a first user interface on the display, the first user interface including a first time indicator indicating a current time and displayed at a first size and a first graphical object displayed at a second size; detecting when the electronic device meets criteria for transitioning from the first mode to a second mode; and detecting when the electronic device meets criteria for transitioning from the first mode to the second mode. In response to issuing the command, while the electronic device is in the second mode, transition the electronic device from the first mode to the second mode, including displaying on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed.

[0014] According to some embodiments, an electronic device is described, the electronic device comprising: 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 displaying, on the display, a first user interface while the electronic device is in a first mode, the first user interface including a first time indicator indicating a current time and displayed at a first size, and a first graphical object displayed at a second size; detecting that the electronic device has met criteria for transitioning from the first mode to a second mode; and transitioning the electronic device from the first mode to the second mode, the transition including, while the electronic device is in the second mode, displaying on the display a second user interface including: a second time indicator indicating a current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; and a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed.

[0015] According to some embodiments, an electronic device is described comprising: a display; means for displaying, on the display while the electronic device is in the first mode, a first user interface, the first user interface including a first time indicator indicating a current time and displayed at a first size and a first graphical object displayed at a second size; means for detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode; and means for transitioning the electronic device from the first mode to the second mode, in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, means for displaying, on the display while the electronic device is in the second mode, a second user interface, the second time indicator indicating the current time and displayed at a third size smaller than the first size at which the first time indicator was previously displayed, and a second graphical object corresponding to the first graphical object and displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed.

[0016] According to some embodiments, a method is described in an electronic device having a display and one or more sensors, the method including: displaying a first user interface on the display at a first display brightness level while the electronic device is in a first mode, the first user interface including a first time indicator and a first graphical object; receiving data from the one or more sensors; and detecting that the electronic device meets criteria for transitioning from the first mode to a second mode. transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets a criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, in accordance with a determination that data from the one or more sensors corresponds to the first ambient brightness level, displaying a second user interface at a second display brightness level lower than the first display brightness level, the second user interface including a second time indicator that differs from the first time indicator in one or more visual characteristics other than brightness and a second graphical object that corresponds to the first graphical object; and in accordance with a determination that data from the one or more sensors corresponds to the second ambient brightness level lower than the first ambient brightness level, displaying a third user interface at a third display brightness level lower than the second display brightness level, the third user interface including different content from the second user interface.

[0017] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs displaying, on the display at a first display brightness level while the electronic device is in a first mode, a first user interface including a first time indicator and a first graphical object, receiving data from the one or more sensors, and detecting that the electronic device meets criteria for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode; The instructions include: while the electronic device is in the second mode, in accordance with a determination that data from the one or more sensors corresponds to the first ambient brightness level, displaying a second user interface at a second display brightness level lower than the first display brightness level, the second user interface including a second time indicator that differs from the first time indicator in one or more visual characteristics other than brightness and a second graphical object that corresponds to the first graphical object; and in accordance with a determination that data from the one or more sensors corresponds to the second ambient brightness level lower than the first ambient brightness level, displaying a third user interface at a third display brightness level lower than the second display brightness level, the third user interface including different content from the second user interface.

[0018] According to some embodiments, a temporary computer-readable storage medium is described, the temporary 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 and one or more sensors, the one or more programs displaying a first user interface on the display at a first display brightness level while the electronic device is in a first mode, the first user interface including a first time indicator and a first graphical object; receiving data from the one or more sensors; detecting that the electronic device has met criteria for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode; and, while the device is in the second mode, in accordance with a determination that the data from the one or more sensors corresponds to the first ambient brightness level, display a second user interface at a second display brightness level that is lower than the first display brightness level, the second user interface including a second time indicator that differs from the first time indicator in one or more visual characteristics other than brightness and a second graphical object that corresponds to the first graphical object; and, in accordance with a determination that the data from the one or more sensors corresponds to a second ambient brightness level that is lower than the first ambient brightness level, display a third user interface at a third display brightness level that is lower than the second display brightness level, the third user interface including different content from the second user interface.

[0019] According to some embodiments, an electronic device is described, the electronic device comprising: a display; one or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors; display a first user interface on the display at a first display brightness level while the electronic device is in a first mode, the first user interface including a first time indicator and a first graphical object; receive data from the one or more sensors; detect that the electronic device has met criteria for transitioning from the first mode to a second mode; and, in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, transition the electronic device from the first mode to the second mode. and, while the device is in the second mode, in accordance with a determination that the data from the one or more sensors corresponds to the first ambient brightness level, display a second user interface at a second display brightness level that is lower than the first display brightness level, the second user interface including a second time indicator that differs from the first time indicator in one or more visual characteristics other than brightness and a second graphical object that corresponds to the first graphical object; and, in accordance with a determination that the data from the one or more sensors corresponds to a second ambient brightness level that is lower than the first ambient brightness level, display a third user interface at a third display brightness level that is lower than the second display brightness level, the third user interface including different content from the second user interface.

[0020] According to some embodiments, an electronic device is described that includes a display, one or more sensors, means for displaying a first user interface on the display at a first display brightness level while the electronic device is in a first mode, the first user interface including a first time indicator and a first graphical object, means for receiving data from the one or more sensors, means for detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode, and means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode. and means for displaying a second user interface at a second display brightness level lower than the first display brightness level in accordance with a determination that the data from the one or more sensors corresponds to the first ambient brightness level, the second user interface including a second time indicator that differs from the first time indicator in one or more visual characteristics other than brightness and a second graphical object that corresponds to the first graphical object; and means for displaying a third user interface at a third display brightness level lower than the second display brightness level in accordance with a determination that the data from the one or more sensors corresponds to a second ambient brightness level lower than the first ambient brightness level, the third user interface including different content from the second user interface.

[0021] According to some embodiments, a method is described that includes displaying, on an electronic device having a display, a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application, updating an appearance of the graphical representation of the first type of information over time at a first update interval while the electronic device is in a first mode, detecting that the electronic device has satisfied criteria for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times at the first update interval, transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has satisfied the criteria for transitioning from the first mode to the second mode, and updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode.

[0022] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs including instructions for displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application, updating an appearance of the graphical representation of the first type of information over time at a first update interval while the electronic device is in a first mode, detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times at the first update interval, transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, and updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode.

[0023] According to some embodiments, a temporary computer-readable storage medium is described, the temporary 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, the one or more programs including instructions for displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application, updating an appearance of the graphical representation of the first type of information over time at a first update interval while the electronic device is in a first mode, detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times at the first update interval, transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, and updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode.

[0024] According to some embodiments, an electronic device is described, comprising: 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 including instructions for displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application, updating an appearance of the graphical representation of the first type of information over time at a first update interval while the electronic device is in a first mode, detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times at the first update interval, transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, and updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode.

[0025] According to some embodiments, an electronic device is described that includes: a display; means for displaying a user interface that includes a plurality of user interface elements including a graphical representation of a first type of information associated with a first application; means for updating an appearance of the graphical representation of the first type of information over time at a first update interval while the electronic device is in a first mode, and detecting that the electronic device has satisfied a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times at the first update interval; means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device has satisfied the criterion for transitioning from the first mode to the second mode; and means for updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode.

[0026] According to some embodiments, a method is described in an electronic device having a display, the method including: displaying on the display a first user interface of a first application while the electronic device is operating in a first mode, the first user interface including a first graphical object corresponding to the first application; detecting, while displaying the first user interface, that the electronic device meets criteria for transitioning from the first mode to a second mode; and, in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, changing the display of the first user interface of the first application to a first type of application in accordance with determining that the first application is a first type of application. and replacing the display of the first user interface of the first application with a second user interface of the first application that is different from the first application, the second user interface including a second graphical object corresponding to the first application; and in accordance with determining that the first application is a second type of application, replacing the display of the first user interface of the first application with a third user interface that is different from the first user interface of the first application and the second user interface of the first application, the third user interface being a user interface of the operating system that includes one or more elements that are not part of the first user interface of the first application, including a time indicator.

[0027] According to some embodiments, a non-transitory computer-readable storage medium is described that 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 displaying, on the display, a first user interface of a first application while the electronic device is operating in a first mode, the first user interface including a first graphical object corresponding to the first application, detecting that, while displaying the first user interface, the electronic device meets criteria for transitioning from the first mode to a second mode, and, in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode, determining that the first application is a first type of application, The method includes instructions for replacing the display of the first user interface with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application, and, in accordance with a determination that the first application is a second type of application, replacing the display of the first user interface of the first application with a third user interface that is different from the first user interface of the first application and the second user interface of the first application, the third user interface being a user interface of an operating system that includes one or more elements that are not part of the first user interface of the first application, including a time indicator.

[0028] According to some embodiments, a temporary computer-readable storage medium is described that stores one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs displaying, on the display, a first user interface of a first application while the electronic device is operating in a first mode, the first user interface including a first graphical object corresponding to the first application, detecting that, while displaying the first user interface, the electronic device meets criteria for transitioning from the first mode to a second mode, and, in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode, determining that the first application is a first type of application, The method includes instructions for replacing the display of the first user interface with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application, and, in accordance with a determination that the first application is a second type of application, replacing the display of the first user interface of the first application with a third user interface that is different from the first user interface of the first application and the second user interface of the first application, the third user interface being a user interface of an operating system that includes one or more elements that are not part of the first user interface of the first application, including a time indicator.

[0029] According to some embodiments, an electronic device comprises 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: displaying, on the display, a first user interface of a first application while the electronic device is operating in a first mode, the first user interface including a first graphical object corresponding to the first application; detecting, while displaying the first user interface, that the electronic device meets criteria for transitioning from the first mode to a second mode; and, in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode, transitioning the first application in accordance with a determination that the first application is a first type of application. and, in accordance with a determination that the first application is a second type of application, replacing the display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application, and, in accordance with a determination that the first application is a second type of application, replacing the display of the first user interface of the first application with a third user interface that is different from the first user interface of the first application and the second user interface of the first application, the third user interface being a user interface of the operating system that includes one or more elements that are not part of the first user interface of the first application, including a time indicator.

[0030] According to some embodiments, an electronic device includes a display; means for displaying on the display a first user interface of a first application while the electronic device is operating in a first mode, the first user interface including a first graphical object corresponding to the first application; means for detecting, while displaying the first user interface, that the electronic device meets criteria for transitioning from the first mode to a second mode; and means for detecting, in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode, changing the display of the first user interface of the first application to the first user interface in accordance with a determination that the first application is an application of a first type. and means for replacing the display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface of the first application, the second user interface including a second graphical object corresponding to the first application, and, in accordance with a determination that the first application is a second type application, replacing the display of the first user interface of the first application with a third user interface that is different from the first user interface of the first application and the second user interface of the first application, the third user interface being a user interface of the operating system that includes one or more elements that are not part of the first user interface of the first application, including a time indicator.

[0031] According to some embodiments, a method is described in an electronic device having a display, the method including: displaying, on the display while the electronic device is operating in a first mode, a first user interface of a first application with an arrangement of user interface elements determined by the first application; displaying, on the display, a second user interface of a second application with an arrangement of user interface elements determined by the second application; detecting, while the electronic device is operating in the first mode, that the electronic device meets criteria for transitioning from the first mode to a second mode; and detecting, while the electronic device is operating in the first mode, that the electronic device meets criteria for transitioning from the first mode to the second mode. transitioning from the first mode to the second mode, including displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detected that the electronic device satisfied the criteria for transitioning from the first mode to the second mode; and displaying information from the second application in a default template in accordance with a determination that the second application was displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode were satisfied.

[0032] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs displaying, on the display, a first user interface of a first application with an arrangement of user interface elements determined by the first application while the electronic device is operating in a first mode, and displaying, on the display, a second user interface of a second application with an arrangement of user interface elements determined by the second application, and detecting, while the electronic device is operating in the first mode, that the electronic device meets criteria for transitioning from the first mode to a second mode; In response to detecting that the electronic device has satisfied the criteria for transitioning from the first mode to the second mode, the instructions for transitioning from the first mode to the second mode include: displaying information from the first application in a default template in accordance with a determination that the first application was being displayed on the display when the electronic device detected that the electronic device had satisfied the criteria for transitioning from the first mode to the second mode; and displaying information from the second application in a default template in accordance with a determination that the second application was being displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode.

[0033] According to some embodiments, a temporary computer-readable storage medium is described, the temporary 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, the one or more programs displaying, on the display, a first user interface of a first application with an arrangement of user interface elements determined by the first application while the electronic device is operating in a first mode, and displaying, on the display, a second user interface of a second application with an arrangement of user interface elements determined by the second application, and detecting, while the electronic device is operating in the first mode, that the electronic device meets criteria for transitioning from the first mode to a second mode; In response to detecting that the electronic device has satisfied the criteria for transitioning from the first mode to the second mode, the instructions for transitioning from the first mode to the second mode include: displaying information from the first application in a default template in accordance with a determination that the first application was being displayed on the display when the electronic device detected that the electronic device had satisfied the criteria for transitioning from the first mode to the second mode; and displaying information from the second application in a default template in accordance with a determination that the second application was being displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode.

[0034] According to some embodiments, an electronic device is described, the electronic device comprising: 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 displaying, on the display, a first user interface of a first application with an arrangement of user interface elements determined by the first application while the electronic device is operating in a first mode, and displaying, on the display, a second user interface of a second application with an arrangement of user interface elements determined by the second application, and detecting, while the electronic device is operating in the first mode, that the electronic device meets criteria for transitioning from the first mode to a second mode. In response to detecting that the electronic device has satisfied the criteria for transitioning from the first mode to the second mode, the method includes instructions for transitioning from the first mode to the second mode, including: displaying information from the first application in a default template in accordance with a determination that the first application was being displayed on the display when the electronic device detected that the electronic device had satisfied the criteria for transitioning from the first mode to the second mode; and displaying information from the second application in a default template in accordance with a determination that the second application was being displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode.

[0035] According to some embodiments, an electronic device is described, the electronic device comprising: a display; means for displaying, on the display, a first user interface of a first application with an arrangement of user interface elements determined by the first application, and a second user interface of a second application with an arrangement of user interface elements determined by the second application, while the electronic device is operating in a first mode; means for detecting, while the electronic device is operating in the first mode, that the electronic device has met criteria for transitioning from the first mode to a second mode; and means for detecting, when the electronic device has met the criteria for transitioning from the first mode to the second mode, that the electronic device has met the criteria for transitioning from the first mode to the second mode. and means for transitioning from the first mode to the second mode, including: displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode were met; and displaying information from the second application in a default template in accordance with a determination that the second application was displayed on the display when the electronic device detected that the criteria for transitioning from the first mode to the second mode were met.

[0036] According to some embodiments, a method is described in an electronic device having a display that includes: displaying, on the display while the electronic device is operating in a first mode, a first user interface of an application; detecting that the electronic device has met criteria for transitioning from the first mode to a second mode; in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, transitioning from the first mode to the second mode; replacing, on the display, the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; and displaying a time indicator on the display at a location that overlaps at least a portion of the obscured representation of at least a portion of the first user interface of the application.

[0037] According to some embodiments, a non-transitory computer-readable storage medium is described, the non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs including instructions for: displaying, on the display, a first user interface of an application while the electronic device is operating in a first mode; detecting that the electronic device has met criteria for transitioning from the first mode to a second mode; transitioning from the first mode to the second mode in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode; replacing, on the display, the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; and displaying a time indicator on the display at a location overlapping at least a portion of the obscured representation of at least a portion of the first user interface of the application.

[0038] According to some embodiments, a temporary computer-readable storage medium is described, the temporary 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, the one or more programs including instructions for: displaying, on the display, a first user interface of an application while the electronic device is operating in a first mode; detecting that the electronic device has met criteria for transitioning from the first mode to a second mode; transitioning from the first mode to the second mode in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode; replacing, on the display, the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; and displaying a time indicator on the display at a location overlapping at least a portion of the obscured representation of at least a portion of the first user interface of the application.

[0039] According to some embodiments, an electronic device is described, the electronic device comprising: 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 including instructions to: display, on the display, a first user interface of an application while the electronic device is operating in a first mode; detect that the electronic device has met criteria for transitioning from the first mode to a second mode; transition from the first mode to the second mode in response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode; replace, on the display, the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; and display a time indicator on the display at a location overlapping at least a portion of the obscured representation of at least a portion of the first user interface of the application.

[0040] According to some embodiments, an electronic device is described that includes: a display; means for displaying, on the display while the electronic device is operating in a first mode, a first user interface of an application; means for detecting that the electronic device has met a criterion for transitioning from the first mode to a second mode; and means for, in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the second mode, transitioning from the first mode to the second mode, replacing, on the display, the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application, and displaying a time indicator on the display at a location overlapping at least a portion of the obscured representation of at least a portion of the first user interface of the application.

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

[0042] Thus, devices are provided with faster, more efficient methods and interfaces for managing display usage, thereby increasing the effectiveness, efficiency, and user satisfaction of such devices. Such methods and interfaces can complement or replace other methods for managing display usage. [Brief explanation of the drawings]

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

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

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

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

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

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

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

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

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

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

[0053] [Figure 5E] FIG. 1 illustrates exemplary components and a user interface of a personal electronic device, according to some embodiments. [Figure 5F] FIG. 1 illustrates exemplary components and a user interface of a personal electronic device, according to some embodiments. [Figure 5G] FIG. 1 illustrates exemplary components and a user interface of a personal electronic device, according to some embodiments. [Figure 5H] FIG. 1 illustrates exemplary components and a user interface of a personal electronic device, according to some embodiments.

[0054] [Figure 6A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6G] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6H]1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6I] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6J] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6K] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6L] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6M] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6N] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6O] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6P] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6Q] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6R] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6S] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6T] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6U] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6V] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6W] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 6X] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0055] [Figure 7] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0056] [Figure 8A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8G] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8H] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8I]1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8J] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8K] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8L] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 8M] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0057] [Figure 9] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0058] [Figure 10A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10G] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10H] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 10I] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0059] [Figure 11A] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments. [Figure 11B] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0060] [Figure 12A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12G] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12H] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 12I]1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0061] [Figure 13] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0062] [Figure 14A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 14B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 14C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 14D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 14E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0063] [Figure 15] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0064] [Figure 16A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 16B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 16C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 16D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 16E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 16F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0065] [Figure 17A] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments. [Figure 17B] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments.

[0066] [Figure 18A] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18B] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18C] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18D] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18E] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18F] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18G] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18H] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18I]1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18J] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18K] 1 illustrates an exemplary user interface with managed display usage according to some embodiments. [Figure 18L] 1 illustrates an exemplary user interface with managed display usage according to some embodiments.

[0067] [Figure 19] 1 shows a flow diagram illustrating a method for managing display usage according to some embodiments. DETAILED DESCRIPTION OF THE INVENTION

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

[0069] There is a need for electronic devices that provide efficient methods and interfaces for managing display usage. For example, the prolonged display of a user interface that includes graphical objects that do not move over time (e.g., static images) can cause screen burn-in or image ghosting. This is particularly true for portable multifunction devices with small-sized displays, because displayed user interface elements are often repeatedly displayed in fixed positions on the display. Techniques that carefully manage what is included on a user interface, how it is displayed, and when it is displayed can minimize screen burn-in and image ghosting. Such techniques can reduce the cognitive burden on users accessing the user interface, thereby increasing productivity. Furthermore, such techniques can reduce processor and battery power that would otherwise be wasted on redundant user input and excessive display brightness, and can improve the wear characteristics of display devices used to display the user interface.

[0070] 1A-1B, 2, 3, 4A-4B, and 5A-5H provide a description of an exemplary device for performing techniques for managing display usage. FIGS. 6A-6X illustrate an exemplary device and technique for managing display usage, according to some embodiments. FIG. 7 is a flow diagram illustrating a method for managing display usage, according to some embodiments. The user interfaces in FIGS. 6A-6X are used to illustrate processes described below, including the process of FIG. 7. FIGS. 8A-8M illustrate an exemplary device and technique for managing display usage, according to some embodiments. FIG. 9 is a flow diagram illustrating a method for managing display usage, according to some embodiments. The user interfaces in FIGS. 8A-8M are used to illustrate processes described below, including the process of FIG. 9. FIGS. 10A-10I illustrate an exemplary device and technique for managing display usage, according to some embodiments. FIGS. 11A-11B are flow diagrams illustrating a method for managing display usage, according to some embodiments. The user interfaces in FIGS. 10A-10I are used to illustrate processes described below, including the process of FIG. 11A-11B. 12A-12I illustrate exemplary devices and techniques for managing display usage, according to some embodiments. FIG. 13 is a flow diagram illustrating a method for managing display usage, according to some embodiments. The user interfaces in FIGS. 12A-12I are used to illustrate processes described below, including the process of FIG. 13. FIGS. 14A-14E illustrate exemplary devices and techniques for managing display usage, according to some embodiments. FIG. 15 is a flow diagram illustrating a method for managing display usage, according to some embodiments. The user interfaces in FIGS. 14A-14E are used to illustrate processes described below, including the process of FIG. 15. FIGS. 16A-16F illustrate exemplary devices and techniques for managing display usage, according to some embodiments. FIGS. 17A-17B are flow diagrams illustrating a method for managing display usage, according to some embodiments.The user interfaces of Figures 16A-16F are used to illustrate processes described below, including the process of Figures 17A-17B. Figures 18A-18L illustrate example devices and techniques for managing display usage, according to some embodiments. Figure 19 is a flow diagram illustrating a method for managing display usage, according to some embodiments. The user interfaces of Figures 18A-18L are used to illustrate processes described below, including the process of Figure 19.

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

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

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

[0074] Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions, such as PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, but are not limited to, iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, California. Optionally, other portable electronic devices, such as laptop or tablet computers having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad), are also used. It should also be understood that in some embodiments, the device is not a portable communication device, but rather a desktop computer having a touch-sensitive surface (e.g., a touchscreen display and / or a touchpad). In some embodiments, the electronic device is a computer system in communication (e.g., via wireless communication over wired communication) with a display generation component. The display generation component is configured to provide a visual output, such as a display via a CRT display, a display via an LED display, or a display via image projection. In some embodiments, the display generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system. As used herein, "displaying" content includes displaying content (e.g., video data rendered or decoded by display controller 156) by transmitting data (e.g., image data or video data) over a wired or wireless connection to an integrated or external display generation component to visually generate the content.

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

[0076] The device typically supports a variety of applications such as one or more of a drawing application, a presentation application, a word processing application, a website creation application, a disc authoring application, a spreadsheet application, a gaming application, a telephone application, a video conferencing application, an email application, an instant messaging application, a training 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.

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

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

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

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

[0081] It 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 those shown, optionally combines two or more components, or optionally has a different configuration or arrangement of its components. The various components shown in Figure 1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing circuits and / or application specific integrated circuits.

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

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

[0084] RF (radio frequency) circuitry 108 transmits and receives RF signals, also called electromagnetic signals. RF circuitry 108 converts electrical signals to electromagnetic signals and electromagnetic signals to communicate with communication networks and other communication devices via electromagnetic signals. RF circuitry 108 optionally includes well-known circuitry for performing these functions, including, but not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, etc. RF circuitry 108 optionally communicates via wireless communication with networks, such as the Internet, also known as the World Wide Web (WWW), an intranet, and / or wireless networks, such as cellular telephone networks, wireless local area networks (LANs) and / or metropolitan area networks (MANs), and with other devices. RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by short-range radios. Wireless communication optionally includes, but is not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPA), Long Term Evolution (LTE), and other standards.evolution (LTE), near field communications (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, IEEE 802.11n, and / or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, protocols for email (e.g., Internet message access protocol (IMAP) and / or post office protocol (POP)), instant messaging (e.g., extensible messaging and presence protocol), The present invention may use any of a number of communication standards, protocols, and technologies, including the Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (XMPP), the Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), the Instant Messaging and Presence Service (IMPS), and / or the Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this application.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0108] Graphics module 132 includes various known software components that render and display graphics on touchscreen 112 or other display, including components that vary the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual characteristics) of the displayed graphics. As used herein, the term "graphic" 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, video, animation, etc.

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

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

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

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

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

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

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

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

[0117] Videoconferencing module 139 includes executable instructions to cooperate with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touchscreen 112, display controller 156, light sensor 164, light sensor controller 158, contact / motion module 130, graphics module 132, text input module 134, contact module 137, and telephone module 138 to initiate, conduct, and end a videoconference between a user and one or more other participants according to the user's instructions.

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

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

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

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

[0122] 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 and / or video images in conjunction with touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and camera module 143.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0158] In some embodiments, event handler(s) 190 include or have 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 an individual application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

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

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

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

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

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

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

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

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

[0167] Note that the icon labels shown in FIG. 4A are merely exemplary. 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 for an individual application icon includes the name of the application that corresponds to the individual application icon. In some embodiments, the label of a particular application icon is different from the name of the application that corresponds to that particular application icon.

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

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

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

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

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

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

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

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

[0176] 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, for example, the techniques described below, including processes 700, 900, 1100, 1300, 1500, 1700, and 1900 (FIGS. 7, 9, 11A-11B, 13, 15, 17A-17B, and 19). A computer-readable storage medium may be any medium that can tangibly contain or store computer-executable instructions used by or in connection with an instruction execution system, apparatus, or device. In some embodiments, the storage medium is a transient computer-readable storage medium. In some embodiments, the storage medium is a non-transitory computer-readable storage medium. Non-transitory computer-readable storage media may include, but are not limited to, magnetic, optical, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, CDs, DVDs, or optical disks based on Blu-ray® technology, as well as resident solid-state memory such as flash, solid-state drives, etc. Personal electronic device 500 is not limited to the components and configuration of FIG. 5B and may include other or additional components in multiple configurations.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0193] 6A-6X illustrate exemplary techniques for displaying a user interface, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG. 7. Specifically, FIGS. 6A-6X illustrate techniques for managing display usage by altering one or more aspects (e.g., visual characteristics) of the displayed user interface upon determining that a mode transition criterion has been met by the device. In some embodiments, the mode transition criterion is one or more criteria indicative of reduced user activity or reduced user interaction with the electronic device (e.g., reduced user activity (physical movement) for a predetermined period of time, a lack of user input for a predetermined period of time, detecting a predefined gesture such as a cover gesture over the display corresponding to a request to transition modes). In some embodiments, detecting that the device has met the criteria includes one or more of receiving data from one or more sensors (e.g., accelerometer, gyroscope, proximity sensor) corresponding to a user gesture (e.g., wrist down, wrist up, palm on display), receiving data from one or more sensors indicating user activity below a threshold activity level, and determining that a predetermined period of time has elapsed without detecting user input on one or more input devices (e.g., touchscreen, rotatable input mechanism, depressible input mechanism). In some embodiments, the default period associated with the mode transition criteria varies depending on how the display of the currently displayed user interface was initiated (e.g., a longer default period for a tap input and a shorter default period for a wrist raise).

[0194] Upon determining that the mode transition criteria are met, the device transitions from the first mode to a second mode (e.g., a low-power mode). In some embodiments, while operating in the second mode, the device 600 conserves energy by operating one or more processors of the device at a reduced load, such as by waking (e.g., enabling or turning on) one or more processors of the device at increased intervals (e.g., at a reduced rate, less frequently) compared to operation in the first mode. In some embodiments, the processor includes hardware (e.g., a microprocessor, etc.). In some embodiments, the processor includes one or more software components (e.g., software modules for performing various functions, a module for displaying information from an application on a display device, a module for processing sensor data received by the device, a module for performing calculations necessary to execute or implement various functions of the device, etc.).

[0195] Among the visual characteristics, described below, that may change when transitioning between device modes is the overall brightness of the displayed user interface (e.g., brightness expressed in terms of average pixel luminance (APL), average lumen output, total lumen output, average luminance, or total luminance, nits, lux, or lumens) of the pixels that make up the user interface on the display. To illustrate this, FIGS. 6A-6X (as well as FIGS. 8A-8M, 10A-10I, 14A-14E, 16A-16F, and 18A-18L) include a brightness scale 630 that indicates the brightness level at which each individual user interface is displayed by device 600 on display 602. For example, clock face user interface 608-1 of FIG. 6A is displayed at a higher brightness level (e.g., higher luminance) than clock face user interface 608-2 of FIG. 6B, as represented by the difference between the respective brightness scales (e.g., the position of the circular indicator relative to the top ("high") and bottom ("low") ends of each scale).

[0196] Throughout this disclosure, the concept of brightness levels is also discussed with respect to individual graphical elements or groups of graphical elements (e.g., affordances, graphical elements included within affordances, complications, clock face elements, backgrounds, indicators, etc.) included in the various clock face user interfaces displayed by device 600 on display 602. Similar to the brightness level of a clock face user interface, the brightness level of graphical elements as displayed within a clock face user interface on display 602 can also be varied (e.g., using techniques described below). However, as shown throughout the figures described below, it should be noted that brightness scale 630 reflects the overall brightness level of an individual clock face user interface (e.g., the brightness level of the entire displayed clock face user interface, not the brightness level of individual graphical elements or groups of graphical elements within an individual clock face user interface), unless otherwise noted. Furthermore, brightness scale 630 is not part of any user interface displayed on device 600.

[0197] In addition to the brightness scale 630, the relative display brightness of the clock face user interface and elements (e.g., graphical objects displayed in or on the user interface, background, etc.) that make up the clock face user interface described below are also represented by the shading intensity depicted in each diagram (e.g., white or lighter gray indicating brighter displayed elements, darker gray indicating darker displayed elements).

[0198] In some embodiments, the brightness level can be adjusted (increased or decreased) using alpha blending. In some embodiments, decreasing the brightness level includes using alpha blending without modifying the backlight of the electronic device to generate a simulated or actual backlight level. For example, the device can alpha blend image data representing a clock face user interface (or a portion of the clock face user interface, such as an affordance or complication) with an increasingly opaque black masking layer to gradually dim the clock face user interface as displayed on the screen (e.g., causing the user interface to fade to black).

[0199] In some embodiments, the brightness level of a graphical object in a clock face user interface is altered by modifying the shape or configuration of the graphical object itself. For example, the brightness of a white clock hand can be reduced by reducing the thickness of the clock hand (e.g., removing white pixels from the element). In some embodiments, the brightness level of a graphical object is altered (e.g., reduced or darkened) by replacing solid color areas of the object with a similarly colored outline of the solid color area. In some embodiments, the brightness level of a graphical object is reduced or darkened by changing its color, for example, by replacing a lighter color (e.g., white, light gray, yellow, etc.) with a darker color (e.g., black, dark gray, blue, etc.). Any combination of the above brightness alteration techniques or similar techniques known in the art can be used to adjust the brightness levels of graphical objects and clock face user interfaces according to embodiments described below.

[0200] 6A , device 600 includes a display 602, a rotatable and depressible input mechanism 604 (e.g., rotatable and depressible relative to a housing or frame of the device), and a button 606. In embodiments described below, device 600 is a wearable device such as a smart watch. In some embodiments, device 600 is a smartphone, tablet, or other computing system that includes a display device (e.g., a display screen, a projection device, etc.). In some embodiments, device 600 includes one or more features of devices 100, 300, or 500.

[0201] 6A , while operating in the standard display mode, device 600 displays clock face user interface 608-1 (e.g., a higher power consumption user interface) on display 602 at the standard display mode brightness level. In some embodiments, while device 600 continues to operate in the standard display mode, the brightness level of the standard display mode is reduced in response to detecting a reduced ambient light level at one or more sensors of device 600 (e.g., lower ambient light levels result in lower display brightness levels, as described in more detail below with respect to FIGS. 10D-10E ).

[0202] 6A , clock face user interface 608-1 includes an analog indication of time 610 (e.g., a representation of analog clock hands displaying the current hour, minute, and second values ​​relative to a time scale 612) and multiple affordances (e.g., clock face complications). In some embodiments, each affordance is associated with an application on device 600 (e.g., the affordance, when selected, launches the associated application, the affordance displays information from the associated application).

[0203] Date affordance 614 shows the current date and a description of an upcoming calendar event (e.g., "8:00 AM Yoga Gym"). World clock affordance 616 shows a geographic location (e.g., "MAD" for Madrid, Spain), a time associated with the geographic location (e.g., an analog clock dial with hour and minute hands), and an indication of day, night, sunset, or sunrise (e.g., indicating that it is daytime in Madrid based on a light color tint in the background (e.g., darker shades are shown later in the day)). In some embodiments, world clock affordance 616 includes an offset relative to local time. In some embodiments, the position of the location indicator moves to avoid overlapping or interfering with the clock hands as they progress around the world clock dial.

[0204] The compass affordance 618 includes a graphical indicator (e.g., a compass needle graphic) of a cardinal or intermediate heading, a text indicator (e.g., "Northwest"), and a numeric indicator ("330" degrees) that updates as the orientation of the device 600 (or the orientation of a second device coupled to the device 600) changes.

[0205] Timer affordance 620 includes a numeric indicator (e.g., "14:59") and radial markings, each indicating the remaining time associated with a timer application. The radial markings are sequentially changed (e.g., de-emphasized in size and / or color) so that the ratio of the changed radial markings to the unchanged radial markings is proportional to the time remaining on a decrement counter associated with the timer application.

[0206] Heart rate affordance 622, month affordance 624, stopwatch affordance 626, and workout affordance 628 are displayed in the corners of clock face user interface 608-1. As shown in FIG. 6A, stopwatch affordance 626 includes a numeric indicator of elapsed time (e.g., in increments of seconds, minutes, and milliseconds) associated with a stopwatch application on device 600.

[0207] 6B illustrates device 600 transitioning from the standard display mode after determining that the mode change criteria have been met (e.g., device 600 is in a transition mode or state). In some embodiments, device 600 determines that the mode change criteria have been met after not detecting any user input for a predetermined period of time (e.g., 60 seconds).

[0208] 6B , while in a mode transition state, device 600 displays clock face user interface 608-2 on display 602 (e.g., device 600 displays a transition interface). Clock face user interface 608-2 is an animated frame (e.g., a series of frames or images) showing clock face user interface 608-1 (e.g., a higher power consumption user interface) visually morphing into a corresponding lower power consumption user interface (e.g., clock face user interface 608-3 as shown in FIG. 6C ). In some embodiments, device 600 displays multiple animation frames (e.g., a transition interface) while operating in a transition state between device modes (e.g., a standard power display mode and a low power display mode).

[0209] As shown in FIG. 6B and as described above, device 600 displays clock face user interface 608-2 on display 602 at a lower luminance level than clock face user interface 608-1 (e.g., the overall luminance level, or the average of the luminance values ​​of the pixels that make up clock face user interface 608-2 on display 602, is lower than the luminance level of clock face user interface 608-1 on display 602 as shown in FIG. 6A). Clock face user interface 608-2 includes several modifications to clock face user interface 608-1 (e.g., changes to the luminance and placement of individual elements (e.g., affordances), removal of content, etc.). However, because clock face user interface 608-2 represents an intermediate visual state, these differences are described in more detail below with reference to FIG. 6C.

[0210] FIG. 6C illustrates device 600 in a low-power display mode (e.g., after a transition from a standard display mode to a low-power display mode has completed). In FIG. 6C, while operating in the low-power display mode, device 600 displays clock face user interface 608-3 (e.g., a lower power consumption user interface) on display 602. Clock face user interface 608-3 is displayed at a lower brightness level than clock face user interface 608-1 (and clock face user interface 608-2). In some embodiments, clock face user interface 608-3 is displayed at a fixed percentage of the brightness level at which device 600 displays clock face user interface 608-1. In some embodiments, clock face user interface 608-3 is displayed at a brightness level that is based at least in part on an ambient light level detected by one or more sensors of device 600 (e.g., higher ambient light levels result in higher brightness levels while in the low-power display mode).

[0211] Clock face user interface 608-3 includes less content than clock face user interface 608-1. As shown in FIG. 6C , analog indication of time 610 does not include a second hand, date affordance 614 does not include a description of the upcoming calendar event (e.g., "8:00 AM Yoga Gym"), time scale 612 includes fewer tick marks, compass affordance 618 does not include a directional text indicator (e.g., "Northwest") or a numeric ("330" degrees) indicator, and timer affordance 620 does not include seconds data. In addition, clock face user interface 608-3 does not include an affordance corresponding to heart rate affordance 622 (e.g., heart rate affordance 622 was removed in response to device 600 transitioning from the standard display mode to the low-power display mode).

[0212] In addition to including less or reduced content, corresponding elements in clock face user interface 608-3 are displayed by device 600 differently than those previously displayed in clock face user interface 608-1. In Figure 6C, the hour and minute hands of analog time indication 610 are displayed in two colors instead of one (e.g., each hand includes an inner lighter-colored area outlined by a darker-colored area). Additionally, as shown in Figure 6C, the rotation point of analog time indication 610 (e.g., the stationary element around which the clock hands rotate) is displayed at a lower brightness level (e.g., a darker color) relative to the clock hands (e.g., compared to the depiction of the hands and rotation point of analog time indication 610 in clock face user interface 608-1 of Figure 6A).

[0213] Device 600 displays each affordance in clock face user interface 608-3 at a reduced brightness level (e.g., a brightness level of a low-power display mode) compared to the brightness level at which they were each displayed in Figure 6A (e.g., a brightness level of a standard display mode). As shown in Figure 6C, date affordance 614, world clock affordance 616, compass affordance 618, timer affordance 620, month affordance 624, stopwatch affordance 626, and training affordance 628 are displayed by device 600 on display 602 at a dimmer (lower) brightness level (e.g., as indicated by the darker coloring of each affordance in Figure 6C compared to Figure 6A).

[0214] As shown in FIG. 6C , the change in brightness levels between corresponding elements (e.g., affordances) in clock face user interfaces 608-1 and 608-3 is not uniform (e.g., some elements are darker than others). Compared to their respective depictions in clock face user interface 608-1 of FIG. 6A , world clock affordance 616 is darker than date affordance 614, compass affordance 618, and timer affordance 620, as shown in clock face user interface 608-3 of FIG. 6C . Similarly, analog indication of time 610 is less darkened than all other affordances shown in clock face user interface 608-3 (e.g., analog indication of time 610 still includes a lighted portion, but the affordances do not include a lighted portion). Similarly, the rotation point (e.g., the stationary element around which the clock hands rotate) of analog indication of time 610 is darker than the clock hands.

[0215] As shown in Figure 6C, device 600 displays each affordance in clock face user interface 608-3 at a reduced size compared to their respective sizes in clock face user interface 608-1 (e.g., a corresponding outline represents the size of the affordance in clock face user interface 608-1 while the device is in the standard display mode). As shown in Figure 6C (e.g., while the device is in the low-power display mode), date affordance 614, world clock affordance 616, compass affordance 618, timer affordance 620, month affordance 624, and stopwatch affordance 626 are scaled down in place relative to their depictions in Figure 6A (e.g., the center of each affordance remains in the same position relative to the edges of display 602 in both Figures 6A and 6C). In some embodiments, one or more affordances can instead shrink toward a common center point (e.g., translate toward the center of the display 602 or toward the rotation point of the analog time indication 610) (e.g., as described with respect to FIG. 8M below).

[0216] 6C , while operating in a low power display mode, device 600 detects user input 632-1 (e.g., an upward swipe on display 602). Upon detecting user input 632-1, device 600 maintains the display of clock face user interface 608-3 (e.g., device 600 does not respond to swipe input while operating in a low power display mode). In some embodiments, rather than ignoring user input 632-1 while operating in a low power display mode, device 600 responds by displaying a watch user interface that includes a settings menu for changing various device settings (e.g., as described with respect to FIGS. 6J-6K below).

[0217] 6D-6H illustrate device 600 transitioning from a low power display mode back to a standard display mode. The description of FIGS. 6D-6H below describes device 600 transitioning in response to detecting a rotation input, and FIG. 6D also illustrates device 600 detecting several other user inputs (e.g., tap gestures 632-3, 632-4, and 632-5), each of which can independently cause device 600 to initiate a transition from the low power display mode to the standard display mode. In some embodiments, detecting tap gesture 632-3 or 632-5 while in the low power display mode causes device 600 to transition to the standard display mode and launch a corresponding application (e.g., a workout application and a calendar application, respectively).

[0218] In FIG. 6D , while operating in the low-power display mode, device 600 detects user input 632-2 (e.g., rotation of rotatable and depressible input mechanism 604). In response to detecting user input 632-2, device 600 initiates a transition back to the standard display mode and displays clock face user interface 608-5 as shown in FIG. 6E (e.g., device 600 displays a transition interface similar to clock face user interface 608-2 while in the mode transition state). Clock face user interface 608-5 is a frame (e.g., a series of frames or images) of an animation showing clock face user interface 608-4 (e.g., a lower power consumption interface) visually morphing into a corresponding higher power consumption user interface (e.g., clock face user interface 608-8 as shown in FIG. 6H).

[0219] 6E, while device 600 displays clock face user interface 608-5 at the same brightness level as clock face user interface 608-4 of FIG. 6D (e.g., device 600 maintains the brightness level of the low power display mode while in the mode transition state), date affordance 614, world clock affordance 616, compass affordance 618, timer affordance 620, month affordance 624, and stopwatch affordance 626 have expanded relative to their previously displayed sizes in clock face user interface 608-4 (e.g., clock face user interface 608-5 includes affordances displayed larger than their corresponding sizes in clock face user interface 608-4).

[0220] 6E, device 600 detects user input 632-6 (e.g., device 600 continues to detect rotation of rotatable and depressible input mechanism 604). In response to detecting user input 632-6, device 600 displays clock face user interface 608-6 (e.g., a user interface similar to clock face user interface 608-1 but with lower power consumption) as shown in FIG. 6F. In contrast to clock face user interface 608-1 as shown in FIG. 6A, device 600 displays user interface 608-6 at the same brightness level as clock face user interface 608-5 of FIG. 6E (e.g., device 600 maintains the brightness level of the low-power display mode while in the mode transition state).

[0221] The series of Figures 6F, 6G, and 6H show device 600 progressively brightening the displayed clock face user interface in response to device detecting additional rotational inputs (e.g., 632-7, 632-8, and 632-9) on rotatable and depressible input mechanism 604. In Figure 6H, device 600 displays clock face user interface 608-8 while in the standard display mode (e.g., device 600 has fully transitioned back to operating in the standard display mode). Clock face user interface 608-8 includes substantially the same content as clock face user interfaces 608-1 and 608-7, except that analog indication of the time 610, timer affordance 620, and stopwatch affordance 626 have been updated to reflect that time has passed since device 600 displayed clock face user interface 608-1.

[0222] In some embodiments, the transition from the low power display mode to the standard display mode described above with respect to FIGS. 6D-6H is initiated in response to receiving user input 632-3, user input 632-4, or user input 632-5 (e.g., tap gestures at various locations on clock face user interface 608-4 as shown in FIG. 6D). In some embodiments, in response to detecting a tap gesture input (e.g., 632-3, 632-4, 632-5) while operating in the low power display mode, device 600 displays a highlight animation before displaying clock face user interface 608-5. In some embodiments, the highlight animation includes further dimming and shrinking elements of the clock face user interface before increasing their respective size, brightness, and content (e.g., as described below with respect to FIGS. 8D-8F).

[0223] 6H, device 600 detects user input 632-9 (e.g., a tap input gesture) at a location corresponding to training affordance 628. In response to detecting user input 632-9, device 600 displays training application user interface 608-9, as shown in FIG. 61 (e.g., while in standard display mode, device 600 launches a respective application in response to detecting a tap gesture at a location corresponding to an affordance associated with the application).

[0224] In Figure 6I, device 600 detects user input 632-10 (e.g., pressing rotatable and depressible input mechanism 604). In response to detecting user input 632-10, device 600 displays clock face user interface 608-10, as shown in Figure 6J. As shown in Figure 6J, analog indication of time 610, timer affordance 620, and stopwatch affordance 626 have updated to reflect that additional time has passed since device 600 displayed clock face user interface 608-8, as shown in Figure 6H.

[0225] 6J, while operating in standard display mode, device 600 detects user input 632-11 (e.g., an upward swipe gesture on display 602). In response to detecting input 632-11, device 600 displays user interface 608-11, as shown in FIG. 6K. Watch user interface 608-11 includes menus for modifying (e.g., toggling, enabling, and disabling) various device settings. User interface 608-11 includes a theater mode affordance 634 for enabling a theater mode setting (e.g., a device setting that prevents display 602 from turning on in response to detected movement, thereby keeping display 602 off at movie theaters, concerts, public events, or other scenarios in which the user of device 600 desires to avoid accidental activation of display 602).

[0226] In Figure 6K, the device detects user input 632-13 at theater mode affordance 634. In response to detecting user input 632-13, device 600 enables theater mode. As shown in Figure 8L, while in theater mode, for example, when device 600 fails to detect user input (e.g., mode transition criteria as described above) for a predetermined period of time, device 600 turns off display 602 rather than displaying a corresponding lower power consumption user interface.

[0227] 6M shows device 600 while attached to charger 636. While attached to charger 636 as shown in FIG. 6M, for example, when device 600 fails to detect user input (e.g., mode transition criteria as described above) for a predetermined period of time, device 600 turns off display 602 rather than displaying a corresponding lower power consumption user interface.

[0228] FIG. 6N shows device 600 displaying watch user interface 608-12, a settings interface. Watch user interface 608-12 includes low power mode affordance 638 for disabling low power mode and privacy affordance 640 for disabling removal of sensitive content when device 600 is operating in low power mode. When low power mode is disabled, rather than transitioning from standard display mode to low power display mode as described with respect to FIGS. 6A-6D, the device turns off display 602. When sensitive content removal is disabled, device 600 refrains from removing content deemed sensitive upon transitioning from standard display mode to low power display mode (e.g., upcoming calendar events (e.g., "8:00 AM Yoga Gym") in date affordance 614 of FIG. 6A are included in FIGS. 6B-6C).

[0229] 6O-6X show device 600 displaying various clock face user interfaces in standard and low power display modes to illustrate the changes that occur when device 600 transitions between modes.

[0230] 6O, while operating in the standard display mode, device 600 displays a clock face user interface 608-13 (e.g., a higher power consumption user interface). Clock face user interface 608-13 includes a digital indication of the time 642 (e.g., a digital clock showing hour and minute values), a date indicator 644, a calendar affordance 646, a timer affordance 620, a training affordance 628, a compass affordance 618, and a world clock affordance 616.

[0231] 6P, while operating in a low-power display mode (e.g., after device 600 determines that one or more mode transition criteria have been met), device 600 displays clock face user interface 608-14 (e.g., a low-power consumption user interface that corresponds to clock face user interface 608-13 as shown in FIG. 6O). As shown in FIG. 6P, device 600 displays clock face user interface 608-14 on display 602 at a lower brightness compared to clock face user interface 608-13. Additionally, as shown in FIG. 6P, digital indication of time 642, date indicator 644, calendar affordance 646, training affordance 628, compass affordance 618, and world clock affordance 616 have dimmed, shifted, and / or scaled down relative to their depictions in FIG. 6O. Additionally, as shown in FIG. 6P, the colon (e.g., “:”) in the digital time indication 642 is displayed at a lower brightness level (e.g., a darker color) relative to the hour and minute numeric values ​​(e.g., compared to the depiction of the digital time indication 642 in the watch user interface 608-13 of FIG. 6O).

[0232] In Figure 6Q, while operating in standard display mode, device 600 displays a clock face user interface 608-15 on display 602. Clock face user interface 608-15 includes a digital indication of the time 642 and an animation object 648. Animation object 642 as shown in Figure 6Q is the first frame (e.g., image) of an animated series of frames (e.g., images) displayed by device 600 showing animation object 648 moving (e.g., blooming, increasing in size).

[0233] In FIG. 6R, while operating in a low-power display mode (e.g., after device 600 determines that one or more mode transition criteria have been met), device 600 displays clock face user interface 608-16 (e.g., a low-power consumption user interface corresponding to clock face user interface 608-15 as shown in FIG. 6R). As shown in FIG. 6R, device 600 displays clock face user interface 608-16 on display 602 at a lower brightness compared to clock face user interface 608-15. Additionally, as shown in FIG. 6R, digital indication of time 642 and date indicator 644 have dimmed, shifted, and shrunk relative to their depiction in clock face user interface 608-15 of FIG. 6Q. In some embodiments, animated object 648 as shown in user interface 608-15 is a second frame (e.g., different from the first frame) selected from the same animated sequence of images displayed by device 600 while device 600 is in the standard display mode.

[0234] 6S, while operating in standard display mode, device 600 displays a clock face user interface 608-17 on display 602. Clock face user interface 608-17 includes an analog indication of the time 610 displayed over a background including a first color gradient 650 extending clockwise from the hour hand to the minute hand (e.g., transitioning from dark blue to lighter blue), a second color gradient 652 extending clockwise from the minute hand to the second hand (e.g., transitioning from dark red to lighter red), and a third color gradient 654 extending clockwise from the second hand to the hour hand (e.g., transitioning from dark green to lighter green). In some embodiments, the colors included within first color gradient portion 650 are based on the colors of a watch band of device 600.

[0235] In Figure 6T, while operating in a low power display mode (e.g., after device 600 determines that one or more mode transition criteria have been met), device 600 displays clock face user interface 608-18 on display 602. As shown in Figure 6T, device 600 displays clock face user interface 608-18 on display 602 at a lower brightness compared to clock face user interface 608-17. In Figure 6T, for clock face user interface 608-17, the second hand of analog time indication 610 has been removed, and second color gradient 652 and third color gradient 654 have been replaced by a grayscale gradient 656 that extends clockwise from the minute hand to the hour hand, where the grayscale gradient begins with black at the minute hand and gradually transitions to lighter shades of gray in the clockwise direction. Additionally, as shown in Figure 6T, the rotation point (e.g., the stationary element that the hands of the clock rotate around) of the analog time indication 610 is displayed at a lower brightness level (e.g., a darker color) relative to the hands of the clock (e.g., compared to the depiction of the hands and rotation point of the analog time indication 610 in the clock face user interface 608-17 of Figure 6S). Furthermore, as shown in Figure 6T, the analog time indication 610 has been modified (e.g., the hands are two shades instead of one, similar to Figure 6B, as discussed above).

[0236] 6U, while operating in a standard display mode, device 600 displays a clock face user interface 608-19 (e.g., a higher power consumption user interface). Clock face user interface 608-19 includes an analog indication of the time 610 and a background object 658 (e.g., a solid or single-color object, color indicated by hatching).

[0237] 6V, while operating in a low-power display mode (e.g., after device 600 determines that one or more mode transition criteria have been met), device 600 displays clock face user interface 608-20 (e.g., a lower-power consumption user interface that corresponds to clock face user interface 608-19 as shown in FIG. 6U). As shown in FIG. 6V, device 600 displays clock face user interface 608-20 on display 602 at a lower brightness compared to clock face user interface 608-19, and background object 658 has been replaced with outline object 659 (e.g., the outline of background object 658). Additionally, as shown in Figure 6V, the rotation point (e.g., the stationary element that the hands of the clock rotate around) of the analog time indication 610 is displayed at a lower brightness level (e.g., a darker color) relative to the hands of the clock (e.g., compared to the depiction of the hands and rotation point of the analog time indication 610 in the clock face user interface 608-19 of Figure 6U). Furthermore, as shown in Figure 6V, the analog time indication 610 has been modified (e.g., the hands are two shades instead of one, similar to Figure 6B, as described above).

[0238] In FIG. 6W , while operating in the standard display mode, the device 600 displays a clock face user interface 608-21 (e.g., a higher power consumption user interface). The clock face user interface 608-21 includes an analog dial 660 representing a 24-hour period and an inset time indication 662. In FIG. 6W , the analog dial 660 includes a circular dial with time markers angularly spaced around the circumference of the circle, representing the 24-hour period. As shown in FIG. 6W , the background of the analog dial 660 includes an angular gradient with a gradual transition from a first color to a second color. In FIG. 6W , the inset time indication 662 includes a digital clock showing the current time (8:00 PM). At 8:00 PM, an inset time indication 1604 is displayed at a first position on the clock face user interface 608-21 within the analog dial 660. As time progresses, the inset time indication 1604 moves along a circular path within the analog dial 1602.

[0239] The clock face user interface 608-21 includes a representation 664 that indicates the position of the sun (e.g., relative to a location on Earth (e.g., corresponding to the current location of the device 600)) at the displayed time. The position of the representation 664 relative to the analog dial 660 indicates the same time (e.g., the current time) indicated by the inset time indication 1604. As time progresses, the representation 664 moves around a circular path 666 that has a common origin with the circular path along which the inset time indication 662 moves. As shown in FIG. 6W , the inset time indication 662 and the representation 664 are separated by 180 degrees around the common origin of their paths. In addition, the clock face user interface 608-21 also includes a UV index affordance 668, a temperature affordance 670, an air quality index affordance 672, and a weather conditions affordance 674 located near the corners of the display 602.

[0240] In FIG. 6X, while operating in a low-power display mode (e.g., after device 600 determines that one or more mode transition criteria have been met), device 600 displays clock face user interface 608-22 (e.g., a lower-power-consumption user interface corresponding to clock face user interface 608-21 as shown in FIG. 6W). As shown in FIG. 6X, device 600 displays clock face user interface 608-22 on display 602 at a lower brightness compared to clock face user interface 608-21. As shown in FIG. 6X, the angular gradient of the background of analog dial 660 is darker (e.g., dimmed) than the hour markers and affordances located at the corners of clock face user interface 608-22 (e.g., relative to their respective appearances in FIG. 6W). Additionally, a halo object 676 is displayed around representation 664 (e.g., to increase the contrast between the sun representation and the darkened gradient). In some embodiments, representation 664 is displayed at the same brightness while the device is operating in the standard display mode and the low power display mode.

[0241] 7 is a flow diagram illustrating a method for managing display usage using an electronic device, according to some embodiments. Method 700 is performed on a device having a display (e.g., 100, 300, 500, 600). Some operations of method 700 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0242] In some embodiments, the electronic device (e.g., 100, 300, 500, 600) is a computer system. The computer system is optionally in communication (e.g., wired communication, wireless communication) with a display generation component. The display generation component is configured to provide a visual output, such as a display via a CRT display, a display via an LED display, or a display via image projection. In some embodiments, the display generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system.

[0243] As described below, method 700 provides an intuitive way to manage display usage. This method reduces power usage and the likelihood of screen burn-in. This method also reduces the cognitive burden on the user to manage display usage, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling the device to automatically manage display usage faster and more efficiently conserves power and increases the time between battery charges.

[0244] In general, different brightness levels can be achieved using a variety of techniques, which can be used separately or simultaneously. In some embodiments, the brightness level of a graphical element is changed by changing (e.g., brightening, darkening) the brightness of some (or all) pixels of the graphical element. In some embodiments, the brightness level of a graphical element is changed by modifying the graphical element so that fewer (or more) pixels are lit, such as by thinning (or thickening) the lines of the graphical element and removing (or adding) a background to the graphical element, reducing (or enlarging) the size of the graphical element, etc.

[0245] While the electronic device (e.g., 600) is in a first mode (e.g., a higher power consumption mode), the electronic device (e.g., 600) displays (702) a first user interface (e.g., a smartwatch clock face 608-1) on a display, the first user interface including a first time indicator (704) and a first graphical object (706). The first time indicator (704) (e.g., the hands of 610 in FIG. 6A ) (e.g., the hour, minute, and second hands of an analog clock, the hour, minute, and second values ​​of a digital clock) are displayed at a first brightness level (e.g., brightness expressed in average pixel luminance (APL), average lumen output, total lumen output, average luminance, or total luminance, nits, lux, or lumens of an indicator on the display). A first graphical object (706) (e.g., the center of 610 in FIG. 6A , 614, 616, 618, 620 in FIG. 6A ) (e.g., an affordance, an affordance representing a first application, an interactive graphical object, an affordance displayed as a complication associated with a clock face, a graphical element that does not update (e.g., the rotation point of the clock hands, the colons separating the numbers on a digital clock)) is displayed at a second brightness level (e.g., the same brightness level as the first brightness level, a brightness level different from the first brightness level).

[0246] The electronic device (e.g., 600) detects (708) that the electronic device has met a criterion (e.g., one or more criteria indicative of reduced user activity or reduced user interaction with the electronic device) for transitioning from the first mode to the second mode (e.g., determining reduced user activity (physical movement) for a predetermined period of time, determining a lack of user input for a predetermined period of time, detecting a predefined gesture). In some embodiments, detecting that the electronic device has met the criterion includes one or more of receiving data from one or more sensors (e.g., accelerometer, gyroscope, proximity sensor) corresponding to a user gesture (e.g., wrist down, wrist up, palm over display), receiving data from one or more sensors indicative of user activity below a threshold activity level, and determining that a predetermined period of time has elapsed without the device receiving user input on one or more input devices (e.g., touchscreen, rotatable input mechanism, depressible input mechanism).

[0247] In response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, the electronic device (e.g., 600) transitions the electronic device from the first mode (e.g., a higher power consumption mode) to the second mode (e.g., a lower power consumption mode) (710). The first mode and the second mode are different modes in which the electronic device can operate. In some embodiments, the overall brightness of the display in the first mode is higher than the overall brightness of the display in the second mode when displaying the corresponding user interface. In some embodiments, the refresh rate of the display is higher in the first mode compared to the second mode. In some embodiments, one or more processors of the electronic device are awake a higher percentage of the time when the device is in the first mode compared to when the device is in the second mode. In some embodiments, the one or more processors of the electronic device wake up more frequently for a duration when the device is in the first mode compared to when the device is in the second mode. In some embodiments, a greater portion of one or more processors of the electronic device are running when the device is in the first mode compared to when the device is in the second mode, and in some embodiments, the electronic device uses processor power management techniques (e.g., slowing or turning off the core clock, slowing or turning off the bus clock, reducing the main CPU voltage (VCC) in the second mode that is not used in the first mode).

[0248] While the electronic device (e.g., 600) is in the second mode, the electronic device (e.g., 600) displays (712) a second user interface (e.g., 608-3) on the display (e.g., 602) that includes a second time indicator (714) and a second graphical object (716).

[0249] The second time indicator (714) shows the current time (hands 610 in FIG. 6C) (e.g., the hands (hour, minute, and second hands) of an analog clock, or the numbers (hour, minute, and second numbers) of a digital clock). The second time indicator is displayed at a third brightness level that is a first amount lower than the first brightness level at which the first time indicator was previously displayed.

[0250] The second graphical object (716) corresponds to the first graphical object (e.g., the center of 610 in FIG. 6C , 614, 616, 618, 620 in FIG. 6C ) (e.g., a non-interactive version of the first graphical object, a visually distinct graphical object representing the same application as the first graphical object, a graphical object that includes a subset of the data included in the first graphical object (only mm remains instead of mm:ss remains)). The second graphical object is displayed at a fourth brightness level that is lower than the second brightness level at which the first graphical object was previously displayed by a second amount that is different from the first amount of brightness difference between the first and second brightness levels.

[0251] Displaying the time indicator at a reduced brightness reduces power usage and improves the battery life of the device. Displaying the graphical objects at a reduced brightness reduces power usage and improves the battery life of the device. Reducing the brightness of the indicators and graphical objects by different amounts allows the device to save more power by significantly reducing the brightness of less relevant visual elements (e.g., graphical objects) while still displaying other visual elements (e.g., the time indicator) at a brightness that leaves them more perceptible.

[0252] In some embodiments, a first display brightness of the display (e.g., 602 in FIG. 6A ) while displaying a first user interface (e.g., a smartwatch clock face, 608-1) while the electronic device is in a first mode (e.g., a higher power consumption mode) is greater than a second display brightness of the display (e.g., 602 in FIG. 6C ) while displaying a second user interface while the electronic device is in a second mode (e.g., a lower power consumption mode). Thus, the overall brightness of the display is reduced when the electronic device is displaying the second user interface while in the second mode compared to displaying the first user interface while the electronic device is in the first mode. Reducing the overall brightness of the display reduces power usage and improves the device's battery life while still allowing a user to access the device.

[0253] In some embodiments, the second display luminance (e.g., 602 in FIG. 6C ) is selected based on the first display luminance (e.g., 602 in FIG. 6A ). In some embodiments, the electronic device selects the second display luminance by reducing the first display luminance by a predetermined amount or percentage. Selecting the second display luminance based on the first display luminance allows for accommodating user preferences and visual requirements while reducing power usage and improving device battery life.

[0254] In some embodiments, the second display brightness (e.g., 602 in FIG. 6C ) is selected based at least on an environmental brightness level (e.g., an ambient light level). In some embodiments, when the electronic device detects a first level of ambient light (e.g., a high level), the electronic device selects the second display brightness to be brighter than when the electronic device detects a second level of ambient light (e.g., a low level) that is less bright than the first level of ambient light. As a result, the electronic device adapts the second brightness level to the ambient light. In some embodiments, the amount of dimming increases as the environmental brightness increases and decreases as the environmental brightness decreases (e.g., based on the magnitude of the change in the environmental brightness level). In some embodiments, the amount of dimming decreases as the environmental brightness increases and increases as the environmental brightness decreases (e.g., based on the magnitude of the change in the environmental brightness level). In some embodiments, selecting the second display brightness based on the environmental brightness level includes performing one or more of the methods described with respect to method 1100 and FIGS. 11A-11B . Selecting the second display brightness based on the ambient brightness level allows the device to reduce the display brightness while still allowing the display content to remain visible to the user. Reducing the display brightness reduces power usage and improves the battery life of the device.

[0255] In some embodiments, the first graphical object is a stationary graphical element (e.g., the center of 610 in FIG. 6A , the colon separating the numbers in 642 in FIG. 6O), and the first time indicator is a moving graphical object (e.g., a non-stationary graphical object, the hands of 610 in FIG. 6A , the numbers in 642 in FIG. 6O). The first amount of brightness difference is less than the second amount of brightness difference. In some embodiments, graphical elements that remain stationary on the display for a period of time are dimmed more than graphical elements that are not stationary on the display for the same period of time. In some embodiments, the electronic device dims the hands of a watch that show the time (and are not stationary) less than the icons for activating applications (which are stationary). By dimming stationary graphical elements more than non-stationary graphical elements, the device can mitigate the adverse effects of displaying the same content in the same location on the display, such as display burn-in, while simultaneously reducing display brightness. Reducing display brightness reduces power usage and improves the device's battery life.

[0256] In some embodiments, the first graphical object is a complication (e.g., 614, 616, 618, and 620 in FIG. 6A) (e.g., a watch face complication, an element of the watch face not associated with providing an indication of the time), and the first amount of difference in luminance is less than the second amount of difference in luminance (e.g., the difference between 610 and 616 in FIGS. 6A and 6C).

[0257] A complication refers to any clock face feature other than those used to indicate the hours, minutes, or seconds of the current time associated with the device. In some embodiments, a complication provides data obtained from an application. In some embodiments, a complication includes an affordance that, when selected, launches a corresponding application. In some embodiments, a complication is displayed in a fixed, pre-defined position on the display while the device is in a particular power consumption mode. In some embodiments, in response to detecting a series of one or more inputs, the device can change or edit aspects of the complication. For example, this can be used to change the application data displayed by the application complication. In some embodiments, the complication can show a first set of information obtained by the application (e.g., application data (e.g., if the application is a weather application, the set of information can be forecasted weather conditions, current temperature, etc.)), and upon editing, the complication can be updated to show a second set of information from the same application (e.g., if the application is a weather application, the display can be edited from showing the current temperature to showing the current precipitation). In some embodiments, in response to detecting a sequence of one or more inputs, the device may change or edit the complication to show a set of information from a different application (e.g., if the application is a weather application, the display may be edited from showing the weather to showing data from a calendar application).

[0258] In some embodiments, the first dimming ratio between the first and third brightness levels is different from the second dimming ratio between the second and fourth brightness levels (e.g., the difference between 610 and 616 in FIGS. 6A and 6C ). In some embodiments, the first dimming ratio between the third and first brightness levels is a first value (e.g., 1:2 (½, 50%), 1:3, 1:4), and the second dimming ratio between the fourth and second brightness levels is a second value (e.g., 1:4 (¼, 25%), 1:5, 1:6) that is different from the first value.

[0259] In some embodiments, a first user interface (e.g., a clock face of a smartwatch, 608-1) displayed while the electronic device is in the first mode includes a third graphical object (e.g., 616 in FIG. 6A) displayed at a fifth brightness level higher than the first brightness level. A second user interface (e.g., 608-3) displayed while the electronic device is in the second mode includes a fourth graphical object (e.g., 616 in FIG. 6C) displayed at a sixth brightness level, where the fourth graphical object corresponds to the third graphical object (e.g., a non-interactive version of the third graphical object, a visually distinct graphical object representing the same application as the third graphical object, or a graphical object that includes a subset of the data included in the third graphical object (e.g., only mm remains instead of mm:ss remains). In some embodiments, the difference in brightness between the first brightness level (e.g., used to display the first graphical object) and the fourth brightness level (e.g., used to display the second graphical object) is less than the difference in brightness between the fifth brightness level (e.g., used to display the third graphical object) and the sixth brightness level (e.g., used to display the fourth graphical object). In some embodiments, the third graphical object is significantly brighter than the first graphical object, and as a result, when transitioning to displaying the second user interface in the second mode, the third graphical object is made dimmer than the first graphical object. Making brighter graphical elements dimmer than less bright graphical elements allows the device to reduce the brightness of elements that more significantly affect battery consumption and mitigate the adverse effects of displaying content in the same location on the display while simultaneously reducing display brightness, such as display burn-in. Reducing display brightness reduces power usage and improves the device's battery life.

[0260] In some embodiments, while the electronic device is displaying a first user interface (e.g., 608-1, 1008-4) while in the first mode, the electronic device (e.g., 600) detects (e.g., using one or more light sensors) a change (e.g., a decrease) in the environmental brightness level (e.g., a change in ambient light without detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode). In some embodiments, in response to detecting a change (e.g., a decrease) in the environmental brightness level (e.g., ambient light) while the electronic device is displaying a first user interface (e.g., 608-1, 1008-4) while in the first mode (e.g., without detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode), the electronic device modifies (e.g., decreases) the brightness at which the first user interface is displayed on the display without transitioning the electronic device to the second mode (e.g., 1008-4, 1008-5). In some embodiments, the electronic device determines that the amount of ambient light has been reduced and makes a corresponding change in the brightness at which the first user interface is displayed. In some embodiments, changing (e.g., reducing) the brightness at which the first user interface is displayed does not change the displayed content of the first user interface other than the brightness (e.g., not changing the size of visual elements, not changing the displayed information). In some embodiments, the amount of dimming increases as the ambient brightness increases and decreases as the ambient brightness decreases (e.g., based on the magnitude of the change in the ambient brightness level). In some embodiments, the amount of dimming decreases as the ambient brightness increases and increases as the ambient brightness decreases (e.g., based on the magnitude of the change in the ambient brightness level). Changing the brightness of the display based on the ambient brightness allows the content of the display to be more easily viewed in bright ambient light environments, thereby providing improved visual feedback to the user while reducing battery usage in reduced ambient light environments.Providing improved visual feedback to the user improves usability of the device (e.g., by helping the user provide appropriate input when operating / interacting with the device and reducing user errors) and makes the user-device interface more efficient. Reducing display brightness reduces power usage and improves battery life of the device.

[0261] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes removing (e.g., ceasing to display) at least some content (e.g., 622) from the display. In some embodiments, one or more visual elements that were displayed in the first mode cease to be displayed as a result of transitioning to the second mode. Removing content from the display allows the device to conserve battery power by avoiding energizing pixels previously used by the content (e.g., turning off the pixels). Avoiding energizing pixels of the display reduces display brightness. Reducing display brightness reduces power usage and improves battery life of the device.

[0262] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes removing (e.g., ceasing to display) one or more complications (e.g., 622) from the display. In some embodiments, one or more complications that were displayed in the first mode cease to be displayed as a result of transitioning to the second mode.

[0263] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes removing (e.g., ceasing to display) the first set of one or more complication contents (e.g., the event description at 614, the orientation data at 618, and the seconds data at 620 in FIG. 6A) from the display (e.g., while maintaining the display of the second set of one or more complication contents). In some embodiments, the first set of one or more complication contents that were displayed in the first mode cease to be displayed as a result of transitioning to the second mode.

[0264] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes removing (e.g., ceasing to display) at least a portion of a background (e.g., a solid background color, a background image, 658) from the display. In some embodiments, one or more backgrounds that were displayed in the first mode cease to be displayed as a result of transitioning to the second mode.

[0265] In some embodiments, the background has a first visual characteristic (e.g., a first color), and transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes displaying a third graphical object (e.g., 659) having the first visual characteristic (e.g., an outline having the same shape as the background, an unfilled geometric shape) at a position corresponding to the removed portion of the background (e.g., 658).

[0266] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes reducing the precision (e.g., the precision or accuracy of a value (e.g., a time value, a measurement value)) of displayed information (e.g., of a time indicator, 610 of FIGS. 6A and 6C , 620 of FIGS. 6A and 6C ). In some embodiments, a first user interface includes a display of first information with a first precision, and a second user interface includes a display of the first information with a second precision that is lower than the first precision. Reducing the precision of the displayed information may allow the device to perform fewer operations to determine the displayed information and / or may allow the display to display less information (e.g., not displaying seconds when displaying the time), thereby providing visual feedback to the user while reducing processing use and / or reducing display brightness (e.g., turning off pixels that would otherwise be used to display the additional precision information). Reducing processing use and reducing display brightness reduces power use and improves the battery life of the device.

[0267] In some embodiments, reducing the precision of the displayed information includes reducing the precision of the time-based visual element by ceasing to display second information (e.g., a second counter, second hand, 610 in Figures 6A and 6C, 620 in Figures 6A and 6C) (e.g., while continuing to display minute and / or hour information of the time-based visual element).

[0268] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes removing (e.g., ceasing to display) a discrete type of information from the display (e.g., potentially sensitive information such as calendar information, physical activity information, information considered personal information (e.g., information specific to the user of the electronic device), etc.) while continuing to display information that is not a discrete type of information (e.g., time information, weather information, non-personal information, information that is the same for different users, event descriptions 614 of FIGS. 6A and 6C ).

[0269] In some embodiments, after (e.g., in response to) detecting that the electronic device has met the criteria for transitioning from a first mode to a second mode and in accordance with a determination that the information suppression setting is enabled (e.g., 640), the electronic device (e.g., 600) removes (e.g., ceases displaying) information of the individual type of information (e.g., potentially sensitive information, such as calendar information, physical activity information, information considered personal information (e.g., information specific to a user of the electronic device), etc.) while continuing to display information that is not the individual type of information (e.g., time information, weather information, 614 of FIG. 6C ). In some embodiments, after (e.g., in response to) detecting that the electronic device has met the criteria for transitioning from a first mode to a second mode and in accordance with a determination that the information suppression setting is not enabled, the electronic device (e.g., 600) continues to display information of the individual type of information and information that is not the individual type of information (e.g., time information, weather information, non-personal information, information that is the same for different users).

[0270] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes reducing the display size of one or more visual elements (614, 616, 618, 620, 624, 626, and 628 in FIG. 6C ) (e.g., the second time indicator is smaller than the first time indicator and / or the second graphical object is smaller than the first graphical object). In some embodiments, the center position of the second time indicator is the same as the center position of the first time indicator. In some embodiments, the center position of the second graphical object is the same as the center of the first graphical object. Reducing the size of the visual elements on the display allows the device to conserve battery power by avoiding energizing pixels previously used by the visual element (e.g., by turning off pixels not needed to display a smaller version of the visual element). Avoiding energizing pixels of the display reduces display brightness. Reducing display brightness reduces power usage and improves the battery life of the device.

[0271] In some embodiments, before displaying the first user interface (e.g., a clock face of a smartwatch), the electronic device (e.g., 600) detects a user input, and displaying the first user interface is based on (e.g., in response to) detecting the user input. In some embodiments, the criteria for transitioning from the first mode to the second mode include a first criterion, where in response to determining that the user input is of a first type (e.g., a tap or other touch gesture on the touch-sensitive surface of the electronic device), the first criterion is met based on a first time period having elapsed (e.g., a first time period having elapsed after detecting the user input, a first time period having elapsed after detecting the last user input while in the first mode), and in response to determining that the user input is of a second type (e.g., a wrist-raising gesture detected by one or more motion sensors), the first criterion is met based on a second time period having elapsed (e.g., a second time period having elapsed after detecting the user input, a second time period having elapsed after detecting the last user input while in the first mode), the second time period being different from the first time. In some embodiments, the electronic device remains in the first mode for different durations (e.g., by transitioning to the second mode after different durations) based on the time of the user input that caused the electronic device to enter the first mode. In some examples, when a touch gesture on the touch-sensitive surface of the electronic device transitions the electronic device into the first mode, the electronic device remains in the first mode for a longer duration because the touch gesture is more likely to be an intentional input, and when a movement-based gesture (e.g., raising the wrist) transitions the electronic device into the first mode, the electronic device remains in the first mode for a shorter duration because the movement-based gesture is less likely to be an intentional input.

[0272] In some embodiments, the first user interface includes a display of an animation including a first animation portion and a second animation portion (e.g., 648 in FIG. 6Q), and the second user interface includes a display of the first animation portion without displaying the second animation portion (e.g., 648 in FIG. 6R). In some embodiments, the watch face includes animated aspects that are omitted when in the second mode. Selecting different points for ending the animation allows the display to display different content (different portions of the animation) during different playbacks of the animation, thereby avoiding the same content (e.g., the end frame of the animation) from being displayed on the display for an extended period of time (e.g., after the animation has stopped), thereby reducing the potential for adverse effects, such as display burn-in, of displaying the same content in the same location on the display.

[0273] In some embodiments, while in the second mode, the electronic device (e.g., 600) detects (e.g., the initiation of) a second user input (e.g., 632-2, 632-6, 632-7, 632-8) (e.g., a touch gesture input on a touch-sensitive surface of the electronic device, a rotation of a rotatable input mechanism of the electronic device). In response to detecting the second user input, the electronic device (e.g., 600) transitions from the second mode to the first mode, including replacing the display of the second user interface with the display of the first user interface (e.g., FIGS. 6D-6H).

[0274] In some embodiments, the electronic device includes a rotatable input mechanism (e.g., 604) (e.g., a physical crown rotatable relative to the display and / or housing of the electronic device). The second user input is a rotation (e.g., 632-2) of the rotatable input mechanism. In some embodiments, replacing the display of the second user interface (e.g., 608-3, 608-6) with the display of the first user interface (e.g., 608-1, 608-8) occurs in conjunction with detecting a rotation (e.g., 632-2, 632-6, 632-7, 632-8) of the rotatable input mechanism (e.g., a transition from the second user interface to the first user interface occurs over time, with incremental rotations of the rotatable input mechanism resulting in a corresponding incremental transition from the second user interface to the first user interface). In some embodiments, rotating the crown causes visual elements in the second user interface to be encased and transition (e.g., in size, shape, position, brightness) to corresponding visual elements of the first user interface.

[0275] In some embodiments, the electronic device includes a rotatable input mechanism (e.g., 606) (e.g., a physical crown rotatable relative to the display and / or housing of the electronic device). While in the second mode, the electronic device (e.g., 600) detects (e.g., the initiation of) a third user input (e.g., 632-7 and 632-8) (e.g., rotation of the rotatable input mechanism of the electronic device). In response to detecting the second user input, the electronic device (e.g., 600) transitions from the second mode to the first mode and increases the brightness of the display (e.g., 602 in FIGS. 6F-6H). In some embodiments, the transition from the second mode to the first mode occurs in response to an initial portion of the input, with the first mode initially displayed in a dimmed state that is progressively brightened as the input continues (e.g., the magnitude of the rotation of the rotatable input element determines the amount of change in brightness of the user interface, and the direction of the rotation of the rotatable input mechanism determines whether the brightness of the user interface is increased or decreased).

[0276] In some embodiments, the first time indicator (e.g., 610 in FIG. 6S) includes a gradient (e.g., 652, 654) indicating a scale of time (e.g., seconds, minutes, hours), and the second time indicator (e.g., 610 in FIG. 6T) does not include a gradient indicating that scale of time (or indicating any scale of time).

[0277] In some embodiments, the first time indicator includes a first gradient (e.g., 650 in FIG. 6S) (e.g., a color gradient that changes based on direction from the origin (the color gradient has a first color at a first edge of the gradient located along a first direction from the origin and a second color at a second edge of the gradient located along a second direction from the origin). The color changes gradually (e.g., smoothly or incrementally) with angle from the first color to the second color. The term “color” refers to different hues, tones, tints, and shades, including, but not limited to, black, white, and gray). The first gradient transitions from the first color to a second color to indicate a time scale (e.g., seconds, minutes, hours). The second time indicator (e.g., 650 in FIG. 6T) includes a second gradient transitioning from a third color to the second color to indicate a time scale, the third color being different from the first color. In some embodiments, the first gradient transitions from a first non-black color to a second non-black color, and the second gradient transitions from a third non-black color (e.g., the same as the first non-black color) to black. By replacing the second non-black color with black in the second gradient, the second gradient is darker (overall) than the first gradient, thereby saving power for displaying the second gradient compared to the first gradient.

[0278] In some embodiments, the electronic device includes a touch-sensitive surface (e.g., 602). The electronic device (e.g., 600) uses the touch-sensitive surface to detect a tap input (e.g., 632-5, 632-9) at a location corresponding to a displayed complication (e.g., the complication displays information received from the application) (e.g., 628) associated with an application (e.g., including weather information, calendar information, or physical activity information). In response to detecting the tap input, in accordance with a determination that the electronic device is in a first mode, the electronic device (e.g., 600) replaces the display of the first indication of the time with the display of the application (e.g., 608-9) (e.g., without changing mode), and in accordance with a determination that the electronic device is in a second mode, the electronic device (e.g., 600) transitions from the second mode to the first mode (e.g., FIGS. 6D-6H). In some embodiments, in response to determining that the electronic device is in the second mode, the electronic device replaces the display of the second indication of the time with the display of the first indication of the time.

[0279] In some embodiments, the electronic device (e.g., 600) detects (e.g., using a touch-sensitive surface) a swipe gesture input (e.g., 632-1, 632-11). In response to detecting the swipe gesture input, the electronic device (e.g., 600) performs an action (e.g., displaying 608-11) (corresponding to the swipe gesture input) in accordance with a determination that the electronic device is in a first mode, and the electronic device (e.g., 600) maintains the electronic device in the second mode (e.g., displaying 608-4) without performing an action. In some embodiments, in accordance with a determination that the electronic device is in the first mode, the technique maintains the electronic device in the first mode. In some embodiments, the action includes one or more of displaying one or more received notifications, changing a clock face of the electronic device, and displaying one or more affordances for configuring the electronic device. In some embodiments, the electronic device ignores, disregards, and / or does not respond to the swipe gesture input when the electronic device is in the second mode. Avoiding performing the action reduces the processing that the device needs to perform, thereby reducing the device's power usage and improving the device's battery life.

[0280] In some embodiments, the electronic device (e.g., 600) detects (e.g., using a touch-sensitive surface) a swipe gesture input (e.g., 632-1). In response to detecting the swipe gesture input, in accordance with a determination that the electronic device is in a first mode, the electronic device (e.g., 600) performs an action (e.g., corresponding to the swipe gesture input) while maintaining the electronic device in the first mode, and in accordance with a determination that the electronic device is in a second mode, the electronic device (e.g., 600) performs an action (e.g., displaying 608-11) (and, optionally, transitions the electronic device to the first mode). In some embodiments, in accordance with a determination that the electronic device is in the first mode, the techniques maintain the electronic device in the first mode. In some embodiments, the action includes one or more of displaying one or more received notifications, changing a clock face of the electronic device, and displaying one or more affordances for configuring the electronic device.

[0281] In some embodiments, while the electronic device is in the first mode and displaying the first user interface (e.g., 608-1) (e.g., before detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, after detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode), and while the electronic device is connected (e.g., via wire, wireless) to an external power source (e.g., charger, 636), the electronic device (e.g., 600) detects that the electronic device has met the criteria for transitioning from the first mode to a third mode (e.g., description of FIGS. 6A-6B). In response to detecting that the electronic device has met the criteria for transitioning from the first mode to the third mode (e.g., the criteria for turning off the display), the electronic device (e.g., 600) stops displaying the first time indicator and the first graphical object (e.g., turns off the display, blacks out the display) without displaying the second time indicator and the second graphical object (e.g., 602 in FIG. 6L) (e.g., without entering the second mode).

[0282] In some embodiments, while the electronic device (e.g., 600) is in the first mode and displaying the first user interface (e.g., before detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, after detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode), the electronic device (e.g., 600) detects a request (e.g., a set of one or more user inputs that enable the fourth mode) to transition the electronic device from the first mode to a fourth mode (e.g., a theater mode, a mode in which the display is inactive and reactivates (e.g., re-enters the first mode) only based on selected user input (e.g., a mode that does not activate based on certain inputs that would activate the display (e.g., re-enter the first mode) while in the second mode, a mode that also involves suppressing notifications)). In response to detecting a request to transition the electronic device from the first mode to the fourth mode, the electronic device (e.g., 600) stops displaying the first time indicator and the first graphical object (e.g., turns off the display, blacks out the display) without displaying the second time indicator and the second graphical object (e.g., 602 in FIG. 6L) (e.g., without entering the second mode).

[0283] It should be noted that the details of the process described above in connection with method 700 (e.g., FIG. 7) are also applicable in an analogous manner to the methods described below. For example, methods 900, 1100, 1300, 1500, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 700. For example, the first mode is the same mode throughout these methods, and the second mode is the same mode throughout these methods. For the sake of brevity, these details will not be repeated below.

[0284] 8A-8M illustrate example techniques for displaying user interfaces according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of FIG.

[0285] Figures 8A-8M illustrate exemplary techniques for displaying a user interface, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the process of Figure 9. Specifically, Figures 8A-8M illustrate techniques for managing display usage by changing one or more aspects (e.g., visual characteristics) of the displayed user interface upon determining that the device has met mode transition criteria (e.g., as described above with respect to Figures 6A-6B).

[0286] 8A-8D illustrate changes made to corresponding elements of a displayed clock face user interface as device 600 transitions from a standard display mode to a low-power display mode. Specifically, the series of displayed clock face user interfaces shown in FIGS. 8A-8D are displayed by device 600 at progressively lower brightness values, with graphical elements (e.g., affordances, complications, indicators, etc.) resizing and dimming at different times throughout the mode transition.

[0287] 8A shows device 600 displaying clock face user interface 808-1 (e.g., a higher power consumption user interface). In some embodiments, clock face user interface 808-1 corresponds to or is the same as clock face user interface 608-13.

[0288] 8B shows device 600 after failing to detect user input for a predetermined period of time (e.g., mode transition criteria are met and, in response, device 600 has initiated a transition from the standard display mode to the low-power display mode). In FIG. 8B, while in the mode transition state, device 600 displays clock face user interface 808-2 on display 602 (e.g., device 600 displays a transition interface). Clock face user interface 808-2 is an animated frame (e.g., a series of frames or images) showing clock face user interface 808-1 (e.g., a higher power consumption user interface) visually morphing into a corresponding lower power consumption user interface (e.g., clock face user interface 808-4 as shown in FIG. 8D).

[0289] As shown in FIG. 8B , device 600 displays digital indication of time 842, date indicator 844, and timer affordance 820 in clock face user interface 808-2 at a reduced size and brightness level compared to their respective appearance in clock face user interface 808-1 (e.g., corresponding outlines represent the size of the elements in clock face user interface 808-1 while the device is in the standard display mode). As shown in FIG. 8B , digital indication of time 842, date indicator 844, and timer affordance 820 shrink inward around their corresponding center points (e.g., the centers of each of these elements remain in the same position relative to the edges of display 602 in both FIG. 8A and FIG. 8B ), thereby increasing the distance between the elements in clock face user interface 808-8. Additionally, timer affordance 620 is displayed by device 600 without seconds data.

[0290] FIG. 8C shows device 600 at a time after clock face user interface 808-2 is displayed. In FIG. 8C, while in a mode transition state, device 600 displays clock face user interface 808-3 on display 602 (e.g., device 600 displays an additional transition interface). As shown in FIG. 8C, device 600 displays calendar affordance 846 at a reduced size and brightness level compared to its individual appearance in clock face user interface 808-2. As shown in FIG. 8C, calendar affordance 846 has shrunk inward (e.g., around its own center).

[0291] 8D shows device 600 at a time after clock face user interface 808-3 is displayed (e.g., after device 600 has fully transitioned to the low power display mode). In FIG. 8D, while operating in the low power display mode, device 600 displays clock face user interface 808-4 (e.g., a lower power consumption user interface) on display 602. In some embodiments, clock face user interface 808-4 corresponds to or is the same as clock face user interface 608-14. Clock face user interface 808-4 (e.g., a lower power consumption user interface) is displayed at a lower brightness level than clock face user interface 808-1 (e.g., a higher power consumption user interface). 8D, training affordance 828, compass affordance 818, and world clock affordance 816 shrink inward (e.g., around their own centers) and darken relative to their appearance in clock face user interface 808-3. In addition, compass affordance 620 is displayed by device 600 without seconds data.

[0292] 8D , while operating in the low-power display mode, device 600 detects user input 832-1 (e.g., a tap gesture on display 602). In response to detecting user input 832-1, device 600 initiates a transition back to the standard display mode by first displaying an emphasis animation that visually indicates to the user that a mode transition has begun (e.g., clock face user interface 808-5 as shown in FIG. 8E shows an example frame of the emphasis animation). As shown in FIG. 8E , the digital indication of the time 842, as well as each displayed affordance, is displayed in a more dimmed and reduced state before device 600 transitions back to the low-power display mode.

[0293] 8F-8H illustrate device 600 as it transitions from a low-power display mode to a standard display mode (e.g., device 600 performs a reversal of the transition sequence described above with respect to FIGS. 8A-8D). In some embodiments, the transition back to the standard display mode occurs at different speeds depending on the mode transition criteria that initiated the reversal (e.g., faster if device 600 detects a wrist-raise gesture, slower if device detects a tap gesture).

[0294] In some embodiments, rather than shrinking in place (e.g., inward), as shown in FIG. 8I , one or more elements displayed within clock face user interface 808-1 may instead shrink directionally. For example, as shown in FIG. 8I , upon transitioning to the low power display mode, digital indication of time 842, date indicator 844, timer affordance 820, training affordance 828, compass affordance 818, and world clock affordance 816 shrink toward the center of display 602, thereby translating their corresponding center points away from the edges of display 602. In some embodiments, elements within clock face user interface 808-9 scale (e.g., as indicated by corresponding outlines) within the area they occupied while in the standard display mode. Additionally, as shown in FIG. 8I , the shrinking of clock face user interface elements upon transitioning to the low power display mode can differ (e.g., in direction or magnitude) based on the time associated with the mode transition (e.g., based in part on the date, day, month, week, etc.).

[0295] 8J-8L show another example of device 600 transitioning from a standard display mode to a low-power display mode and corresponding changes to the clock face user interface displayed by device 600. In FIG. 8J, while in the standard display mode, device 600 displays clock face user interface 808-10 (e.g., a higher power consumption user interface). In some embodiments, clock face user interface 808-10 corresponds to or is the same as clock face user interface 608-1. As shown by FIGS. 8K and 8L, device 600 first reduces outer affordances (e.g., closer to the edges of display 602) and then reduces inner affordances (e.g., closer to the center of display 602) as device 600 transitions to the low-power display mode. FIG. 8M shows device 600 while operating in the low-power display mode at a later time (e.g., date, day, month, week, etc.). As shown in Figure 8M, the shrinking of the clock face user interface elements upon transition to the low power mode can vary. For example, the shrinking may be directional (e.g., as described above with respect to Figure 8I), may be applied in a non-uniform manner (e.g., outer affordances shrink more than inner affordances), or may be of different magnitudes.

[0296] 9 is a flow diagram illustrating a method for managing display usage using an electronic device, according to some embodiments. Method 900 is performed on a device having a display (e.g., 100, 300, 500, 600, smartwatch, smartphone, tablet computer). Some operations of method 900 are optionally combined, the order of some operations is optionally changed, and some operations are optionally omitted.

[0297] In some embodiments, the electronic device (e.g., 100, 300, 500, 600) is a computer system. The computer system is optionally in communication (e.g., wired communication, wireless communication) with a display generation component and one or more input devices. The display generation component is configured to provide a visual output, such as a display via a CRT display, a display via an LED display, or a display via image projection. In some embodiments, the display generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system.

[0298] As described below, method 900 provides an intuitive way to manage display usage. This method reduces power usage and the likelihood of screen burn-in. This method also reduces the cognitive burden on the user to manage display usage, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling the device to automatically manage display usage faster and more efficiently conserves power and increases the time between battery charges.

[0299] While the electronic device (e.g., 600) is in a first mode (e.g., a higher power consumption mode), the electronic device (e.g., 600) displays (902) a first user interface (e.g., a smartwatch clock face) on a display (e.g., 602) that includes a first time indicator (904) and a first graphical object (906).

[0300] The first time indicator (904) indicates the current time (842 in FIG. 8A) (e.g., clock hands (hour, minute, and second hands), digital time values ​​(hour, minute, and second values)) and is displayed at a first size. The first graphical objects (906) (e.g., 816, 818, 820, 828, 846, and 844 in FIG. 8A) (e.g., affordances, complications) are displayed at a second size.

[0301] The electronic device (e.g., 600) detects that the electronic device has met criteria for transitioning from a first mode to a second mode (908). In response to detecting that the electronic device has met the criteria for transitioning from the first mode to the second mode, the electronic device (e.g., 600) transitions the electronic device from the first mode (e.g., a higher power consumption mode) to the second mode (e.g., a lower power consumption mode) (910).

[0302] While the electronic device is in the second mode, the electronic device (e.g., 600) displays (912) on the display a second user interface (e.g., 808-10) including a second time indicator (914) and a second graphical object (916).

[0303] A second time indicator (914) (e.g., 842 in FIG. 8D) indicates the current time (e.g., the hands (hour, minute, and second hands) of an analog clock, or the values ​​(hour, minute, and second values) of a digital clock). The second time indicator is displayed in a third size that is smaller than the first size at which the first time indicator was previously displayed.

[0304] The second graphical object (916) (e.g., 816, 818, 820, 828, 846, and 844 in FIG. 8D ) corresponds to the first graphical object (e.g., a non-interactive version of the first graphical object, a visually distinct graphical object representing the same application as the first graphical object, a graphical object that includes a subset of the data included in the first graphical object (e.g., only mm remains instead of mm:ss remains)). The second graphical object is displayed at a fourth size that is smaller than the second size at which the first graphical object was previously displayed. As described in more detail above, the first mode and the second mode are different modes in which the electronic device can operate. Reducing the size of the visual element on the display allows the device to conserve battery power by avoiding energizing pixels previously used by the visual element (e.g., by turning off pixels not needed to display the smaller version of the visual element). Avoiding energizing pixels of the display reduces display brightness, which reduces power usage and improves the device's battery life.

[0305] In some embodiments, the first time indicator (e.g., 842 in FIG. 8A ) and the first graphical object (e.g., 820 in FIG. 8A ) are spaced apart by a first distance in a first user interface (e.g., 808-1). In some embodiments, the second time indicator (e.g., 842 in FIG. 8D ) and the second graphical object (e.g., 820 in FIG. 8A ) are spaced apart by a second distance in a second user interface (e.g., 808-10). In some embodiments, the second distance is greater than the first distance. In some embodiments, the distance between the time indicator and the graphical object increases as a result of transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode).

[0306] In some embodiments, while the electronic device is in a first mode (e.g., a higher power consumption mode), the electronic device (e.g., 600) displays on the display within a first user interface (e.g., the watch face of a smartwatch) a third graphical object (e.g., an affordance, complication, 828 in FIG. 8A ) displayed at a fifth size. While the electronic device is in a second mode, the electronic device (e.g., 600) displays on the display within a second user interface a fourth graphical object (e.g., 828 in FIG. 8D ) corresponding to the third graphical object (e.g., a non-interactive version of the third graphical object, a visually distinct graphical object representing the same application as the third graphical object, a graphical object containing a subset of the data contained in the third graphical object (e.g., only mm remains instead of mm:ss remains)). The fourth graphical object is displayed at a sixth size smaller than the fifth size at which the third graphical object was previously displayed. Reducing the size of a visual element on a display allows a device to conserve battery power by avoiding energizing pixels previously used by the visual element (e.g., by turning off pixels that are not needed to display a smaller version of the visual element). Avoiding energizing pixels of the display reduces display brightness, which reduces power usage and improves the battery life of the device.

[0307] In some embodiments, the first graphical object (e.g., 820 of FIG. 8A ) and the third graphical object (e.g., 828 of FIG. 8A ) are spaced apart by a third distance in the first user interface (e.g., 808-1) (e.g., based on the closest point of each object relative to other objects, or based on the center of the objects, or some other measurement). In some embodiments, the second graphical object (e.g., 820 of FIG. 8D ) and the fourth graphical object (e.g., 828 of FIG. 8D ) are spaced apart by a fourth distance in the second user interface. In some embodiments, the fourth distance is greater than the third distance. In some embodiments, the distance between complications increases as a result of transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode).

[0308] In some embodiments, the first time indicator (e.g., 842 in FIG. 8A ) and the second time indicator (e.g., 842 in FIG. 8I ) are digital time indicators, and the center of the second time indicator is closer to the center of the display compared to the center of the first time indicator. In some embodiments, the combination of the first time indicator (e.g., 842 in FIG. 8A ) and the second graphical object (e.g., 844 in FIG. 8A ) has a combination center. In some embodiments, the combination of the second time indicator (e.g., 842 in FIG. 8D ) and the second graphical object (e.g., 844 in FIG. 8D ) has the same combination center. In some embodiments, the time indicators and the graphical objects are grouped together such that they scale in size together and maintain a center relative to the group when scaled. Maintaining the combination center of the graphical elements allows the device to display the graphical elements in the same position, thereby providing improved visual feedback to the user so that the user can easily identify that the same content is being displayed in different form factors. By providing the user with improved visual feedback, it improves the usability of the device, makes the user device interface more efficient (e.g., by helping the user provide appropriate input when operating / interacting with the device and reducing user errors), and additionally reduces power usage and improves the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0309] In some embodiments, a combination (e.g., group) of a first graphical object (e.g., 816, 818, 828 in FIG. 8A) and a second graphical object (e.g., 816, 818, 828 in FIG. 8A) has a combination center. In some embodiments, a combination of a third graphical object (e.g., 816, 818, 828 in FIG. 8D) and a fourth graphical object (e.g., 816, 818, 828 in FIG. 8D) has the same combination center. In some embodiments, the graphical objects are grouped together such that they scale in size together and maintain a center relative to the group when scaled.

[0310] In some embodiments, the first time indicator is displayed at a first position on the display as part of a first user interface while in the first mode. In some embodiments, the first graphical objects (e.g., 816, 818, 820, 828, 846, and 844 of FIG. 8A ) (e.g., affordances, complications) are displayed at a second position on the display as part of the first user interface while in the first mode. In some embodiments, the second time indicator is displayed at a third position on the display as part of a second user interface while in the second mode, the third position being different from the first position. In some embodiments, the second graphical objects (e.g., 816, 818, 820, 828, 846, and 844 of FIG. 8D ) (e.g., affordances, complications) are displayed at a fourth position on the display as part of a second user interface while in the second mode, the fourth position being different from the second position.

[0311] In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode includes a first animation (e.g., 808-1 and 808-2) transitioning a first time indicator (e.g., 842 of FIG. 8A ) to a second time indicator (e.g., 842 of FIG. 8B ) and a second animation (e.g., 808-2 and 808-3) transitioning a first graphical object (e.g., 846 of FIG. 8B ) to a second graphical object (e.g., 846 of FIG. 8C ). The first animation starts before the second animation starts. In some embodiments, the first animation ends before the second animation starts. In some embodiments, the third animation transitions the third graphical object to a fourth graphical object. In some embodiments, the second animation starts before the third animation. In some embodiments, the second animation ends before the third animation starts. Displaying animations with different start times for different graphical elements provides improved visual feedback to the user by allowing the user to individually recognize how each graphical element is changing, thereby better understanding which elements in the second mode correspond to which elements from the first mode. Providing improved visual feedback to the user improves usability of the device and makes the user-device interface more efficient (e.g., by helping the user provide appropriate inputs when operating / interacting with the device and reducing user errors), as well as reducing power usage and improving the device's battery life by allowing the user to use the device more quickly and efficiently.

[0312] In some embodiments, the first graphical object (e.g., 846 in FIG. 8A ) is displayed closer to the center of the display in the first user interface than the third graphical object (e.g., 816, 818, and 828 in FIG. 8A ) in the first user interface. In some embodiments, transitioning the electronic device from the first mode (e.g., a higher power consumption mode) to the second mode includes a second animation (e.g., transitioning from 808-2 to 808-3) transitioning the first graphical object to the second graphical object, and a third animation (e.g., transitioning from 808-3 to 808-4) transitioning the third graphical object to the fourth graphical object. In some embodiments, the second animation starts before the third animation starts. In some embodiments, the second animation ends before the third animation starts. In some embodiments, the graphical object (e.g., a complication) is resized and / or moved on the display using animation when the electronic device transitions from the first mode to the second mode. In some embodiments, graphical objects further from the center of the display are animated to resize and / or move in front of objects closer to the center of the display. Displaying animations with different start times for different graphical elements provides improved visual feedback to the user by allowing the user to individually recognize how each graphical element is changing, thereby allowing the user to better understand which elements in the second mode correspond to which elements from the first mode.By providing the user with improved visual feedback, it improves the usability of the device, makes the user device interface more efficient (e.g., by helping the user provide appropriate input when operating / interacting with the device and reducing user errors), and additionally reduces power usage and improves the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0313] In some embodiments, the first graphical object (e.g., 820 of FIG. 8A ) is displayed closer to a first edge (e.g., a bottom edge) of the display in the first user interface than a third graphical object (e.g., 816 of FIG. 8A ) in the first user interface. In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode includes a second animation (e.g., transitioning from 808-1 to 808-2) transitioning the first graphical object to the second graphical object, and a third animation (e.g., transitioning from 808-2 to 808-3) transitioning the third graphical object to a fourth graphical object. In some embodiments, the second animation starts before the third animation starts. In some embodiments, the second animation ends before the third animation starts. In some embodiments, the graphical object (e.g., a complication) is resized and / or moved on the display using animation when the electronic device transitions from the first mode to the second mode. In some embodiments, graphical objects displayed closer to the bottom of the display are animated to resize and / or move in front of objects displayed further from the bottom edge of the display. Displaying animations with different start times for different graphical elements provides improved visual feedback to the user by allowing the user to individually recognize how each graphical element is changing, thereby allowing the user to better understand which elements in the second mode correspond to which elements from the first mode.By providing the user with improved visual feedback, it improves the usability of the device, makes the user device interface more efficient (e.g., by helping the user provide appropriate input when operating / interacting with the device and reducing user errors), and additionally reduces power usage and improves the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0314] In some embodiments, the first time indicator (e.g., 810 of FIG. 8K) and the first graphical objects (e.g., 820, 822, 828 of FIG. 8K) are spaced apart a first distance in the first user interface (e.g., 810) (e.g., based on the closest point of each object relative to other objects, or based on the center of the objects, or some other measurement). In some embodiments, the second time indicator (e.g., 810 of FIG. 8M) and the second graphical objects (e.g., 820, 822, 828 of FIG. 8M) are spaced apart a second distance in the second user interface (e.g., 810) (e.g., based on the closest point of each object relative to other objects, or based on the center of the objects, or some other measurement). In some embodiments, the first distance is greater than the second distance. In some embodiments, the distance between the time indicator and the graphical object decreases as a result of transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode).

[0315] In some embodiments, the fourth size is a first percentage smaller than the second size (e.g., the relative size of 846 in FIGS. 8A and 8D ), and the sixth size is a second percentage smaller than the fifth size that is different from the first percentage (e.g., the relative size of 828 in FIGS. 8A and 8D ). In some embodiments, the scaling amount is different for different elements. For example, a first graphical object may reduce in size by 10% when transitioning to a second graphical object, and a third graphical object may reduce in size by 50% (or 5%) when transitioning to a fourth graphical object. Using different scaling amounts for different visual elements allows the device to save more power by reducing the size of less relevant visual elements (e.g., less used, less important elements) to a greater extent and then reducing the size of more relevant visual elements (e.g., more frequently used, more important elements). As a result, the device continues to provide feedback to the user while reducing the size of the visual elements, which reduces display brightness and reduces power usage.

[0316] In some embodiments, a first graphical object (e.g., 820 of FIG. 8A ) is displayed closer to the center of the display in the first user interface (e.g., 808-1) than a third graphical object (e.g., 828 of FIG. 8A ) in the first user interface. In some embodiments, transitioning the electronic device from a first mode (e.g., a higher power consumption mode) to a second mode includes a second animation transitioning the first graphical object to the second graphical object, and a third animation transitioning the third graphical object to a fourth graphical object. The first percentage is less than the second percentage. In some embodiments, graphical elements (e.g., complications) displayed further from the center of the display are reduced in size (e.g., as a percentage) than graphical elements displayed closer to the center of the display.

[0317] In some embodiments, the fourth size is smaller than the second size by a first percentage, and the third size is smaller than the first size by a third percentage that is smaller than the first percentage (e.g., the relative sizes of 810 and 828 in FIGS. 8J and 8L). In some embodiments, the scaling amount is different for different elements. For example, a first time indication may reduce in size by 20% when transitioning to a second time indication, and a first graphical object may reduce in size by a greater amount (e.g., 50%) when transitioning to a second graphical object. Using different scaling amounts for different visual elements allows the device to save more power by reducing the size of less relevant visual elements (e.g., watch complications) to a greater extent and then reducing the size of more relevant visual elements (e.g., time indicators). As a result, the device continues to provide feedback to the user (e.g., of the time and complications) while reducing the size of the visual elements, which reduces display brightness and reduces power usage.

[0318] In some embodiments, while the electronic device is in the second mode and displays on the display a second user interface including a second time indicator of a third size and a second graphical object of a fourth size, the electronic device (e.g., 600) detects that the electronic device meets criteria for transitioning from the second mode to the first mode (e.g., detects user input on the display, detects movement (e.g., movement indicating wrist raising)). In response to detecting that the electronic device meets the criteria for transitioning from the second mode to the first mode, the electronic device (e.g., 600) transitions from the second mode to the first mode, including animating a transition of the second time indicator of a third size (e.g., 842 in FIGS. 8G and 8H ) to the first time indicator of a first size over a first time period and animating a transition of the second graphical object of a fourth size (e.g., 846 in FIGS. 8F-G ) to the first graphical object of a second size over a second time period. In some embodiments, transitioning from the second mode to the first mode includes animating a transition from the second time indicator to the first time indicator and animating a transition from the second graphical object to the first graphical object. In some embodiments, the first time and the second time are the same time (e.g., they animate over the same period of time). In some embodiments, the first time and the second time are different times.

[0319] In some embodiments, transitioning from a first mode (e.g., a higher power consumption mode) to a second mode (e.g., a lower power consumption mode) includes animating a transition of a first time indicator of a first size (e.g., 842 in FIG. 8D ) to a second time indicator of a third size over a third time period and animating a transition of a first graphical object of a second size (e.g., 846 in FIG. 8D ) to a second graphical object of a fourth size over a fourth time period. In some embodiments, transitioning from the first mode to the second mode includes animating a transition from the first time indicator to the second time indicator and animating a transition from the first graphical object to the second graphical object. In some embodiments, the third time and the fourth time are the same time period (e.g., they animate over the same time period). In some embodiments, the third time and the fourth time period are different time periods. In some embodiments, the third time (e.g., animation when transitioning from the first mode to the second mode) is different from the first time (e.g., animation when transitioning from the second mode to the first mode). In some embodiments, the third time is the same as the fourth time. In some embodiments, the third time is different from the fourth time. In some embodiments, the first time (e.g., transitioning from the second mode to the first mode) is shorter than the third time (transitioning from the first mode to the second mode). In some embodiments, the second time is shorter than the fourth time.

[0320] In some embodiments, transitioning from the second mode (e.g., a lower power consumption mode) to the first mode (e.g., a higher power consumption mode) includes: the first time being a first predetermined period in accordance with a determination that the user input (e.g., 832-1) is of a first type (e.g., a tap or other touch gesture on the touch-sensitive surface of the electronic device); and the first time being a second predetermined period in accordance with a determination that the user input is of a second type different from the first type (e.g., a wrist-raising gesture detected by one or more motion sensors). In some embodiments, the second time is a first predetermined period in accordance with a determination that the user input is of the first type (e.g., a tap or other touch gesture on the touch-sensitive surface of the electronic device), and the second time is a second predetermined period in accordance with a determination that the user input is of the second type (e.g., a wrist-raising gesture detected by one or more motion sensors). In some embodiments, the transition from the second mode to the first mode occurs at different rates based on the type of input causing the transition.

[0321] In some embodiments, transitioning from the second mode to the first mode includes displaying an animation (e.g., 808-5) that visually highlights one or more visual differences between the second user interface displayed in the second mode and the first user interface displayed in the first mode.

[0322] In some embodiments, visually emphasizing one or more visual differences between the second mode and the first mode includes reducing a display size of a second time indicator (e.g., 842 in FIGS. 8D-8F ) to a size smaller than a third size before displaying the first time indicator at the first size, and reducing a display size of a second graphical object (e.g., 820 in FIGS. 8D-8F ) to a size smaller than a fourth size before displaying the first graphical object at the second size. In some embodiments, the technology shrinks the graphical elements before enlarging them to emphasize the visual difference (e.g., size) between the elements in the two states.

[0323] In some embodiments, while the electronic device is in a first mode (e.g., a higher power consumption mode) and displays a first user interface (e.g., a clock face of a smartwatch), a first time indicator (e.g., hands (hour, minute, and second hands) of an analog clock, numerals (hour, minute, and second numerals) of a digital clock) is displayed at a first brightness level (e.g., brightness expressed in average pixel luminance (APL), average lumen output, total lumen output, average luminance, or total luminance of an indicator on a display, nits, lux, or lumens), and a first graphical object (e.g., affordance, affordance representing a first application, interactive graphical object, affordance displayed as a complication associated with the clock face, graphical element that does not update (rotation point of the clock hands), colon separating numerals of a digital clock)) is displayed at a second brightness level (e.g., a brightness level the same as the first brightness level, a brightness level different from the first brightness level). Thus, the first time indicator is displayed at a first brightness level, and the first graphical object is displayed at a second brightness level. In some embodiments, while the electronic device is in the second mode and displaying the second user interface, the second time indicator is displayed at a third brightness level that is lower than the first brightness level at which the first time indicator was previously displayed, and a second graphical object that corresponds to the first graphical object (e.g., a non-interactive version of the first graphical object, a visually distinct graphical object that represents the same application as the first graphical object, or a graphical object that includes a subset of the data included in the first graphical object (e.g., only mm remains instead of mm:ss remains)) is displayed at a fourth brightness level that is lower than the second brightness level at which the first graphical object was previously displayed.

[0324] In some embodiments, visually emphasizing one or more visual differences between the second mode and the first mode includes reducing the brightness level of the second time indicator (e.g., 842 in FIG. 8E ) to a brightness level lower than the third brightness level before displaying the first time indicator at the first brightness level, and reducing the brightness level of the second graphical object (e.g., 820 in FIG. 8E ) to a brightness level lower than the fourth brightness level before displaying the first graphical object at the second brightness level. In some embodiments, the technique reduces the brightness of the graphical elements before brightening them to emphasize the visual difference (e.g., brightness) between the elements in the two states.

[0325] In some embodiments, the third size and the fourth size are selected based on one or more resizing criteria (e.g., 844 of FIG. 8I ) that change the size (and optionally, the position) of elements of the user interface when the device enters the second mode (e.g., 808-9 of FIG. 8I ) at different times (e.g., even though the size and / or position of corresponding elements of the user interface do not change when the device enters the first mode at different times). In some embodiments, the graphical elements are reduced in size to various sizes such that the reduced size is not the same each time the second user interface is displayed in the second mode. In some embodiments, the resizing criteria are based on the day of the week, the time of day, the month of the year, and / or the year. Selecting different sizes for the content to be displayed allows the display to avoid displaying the content and having the content appear on the display at the same size for an extended period of time (e.g., after an animation has stopped), thereby reducing the possibility of adverse effects, such as display burn-in, of displaying the same content in the same position / size on the display.

[0326] In some embodiments, the resizing criteria (e.g., 844 in FIG. 8I) are based on one or more of the current time of day, the current day of the week, the current date of the month, the current month of the year, and the current year (e.g., 808-9 in FIG. 8I). In some embodiments, the one or more resizing criteria change the size (and optionally, the position) of an element of the user interface between various states (e.g., resize by 90% during the first hour, 91% during the second hour, 92% during the third hour, and 93% during the fourth hour; resize by 90% during the first day, 91% during the second day, 92% during the third day, and 93% during the fourth day). Selecting different sizes for content to be displayed based on the hour, day, date, month, and / or year allows the display to display content and avoid having content displayed on the display at the same size for extended periods of time (e.g., after animation has stopped), thereby reducing the potential for adverse effects, such as display burn-in, of displaying the same content in the same position / size on the display.

[0327] In some embodiments, the electronic device (e.g., 600) selects a third size for the second time indicator (e.g., 842 in FIG. 8I ) that is different from the size at which the second time indicator was last displayed as part of the second user interface while the electronic device was in the second mode. In some embodiments, the electronic device (e.g., 600) selects a fourth size for the second graphical object (e.g., 820 in FIG. 8I ) that is different from the size at which the second graphical object was last displayed as part of the second user interface while the electronic device was in the second mode. In some embodiments, each time the electronic device transitions from the first mode to the second mode, the electronic device displays the graphical element at a different size than the graphical element was last displayed in the second mode. Selecting different sizes for the content to be displayed allows the display to avoid displaying the content and having the content appear on the display at the same size for an extended period of time (e.g., after an animation has stopped), thereby reducing the potential for adverse effects, such as display burn-in, of displaying the same content in the same position / size on the display.

[0328] In some embodiments, a first display luminance (e.g., average pixel luminance (APL)) of the display (e.g., 602 displaying 808-1) while displaying the second user interface while the electronic device is in the second mode (e.g., a lower power consumption mode) is less than a second display luminance (e.g., APL) of the display (e.g., 602 displaying 808-4) while displaying the first user interface (e.g., a watch face of a smartwatch) while the electronic device is in the first mode (e.g., a higher power consumption mode). Thus, the overall luminance of the display is reduced when the electronic device is displaying the second user interface while in the second mode compared to displaying the first user interface while the electronic device is in the first mode. Reducing the overall luminance of the display reduces power usage and improves the battery life of the device while still allowing a user to access the device.

[0329] It should be noted that the details of the process described above with respect to method 900 (FIG. 9) are also applicable in a similar manner to the methods described above / below. For example, methods 700, 1100, 1300, 1500, 1700, and 1900 optionally include one or more of the characteristics of the various methods described above with reference to method 900. For example, the first mode is the same mode throughout these methods, and the second mode is the same mode throughout these methods. For the sake of brevity, these details will not be repeated below.

[0330] 10A-10I illustrate exemplary techniques for displaying a user interface, according to some embodiments. The user interfaces in these figures are used to illustrate processes described below, including the processes in FIGS. 11A-11B. Specifically, FIGS. 10A-10F illustrate techniques for managing display usage by displaying a separate user interface upon determining that a device has met mode transition criteria (e.g., as described above with respect to FIGS. 6A-6C) based in part on the level of ambient light detected in the environment surrounding the device.

[0331] 10A-10D show device 600 operating in a bright environment (e.g., device 600 is in direct sunlight). FIGS. 10A-10C show device 600 transitioning from a standard display mode to a low-power display mode, as described above with respect to FIGS. 6A-6C. In FIG. 10A, device 600 displays clock face user interface 1008-1 while in the standard display mode. In some embodiments, clock face user interface 1008-1 corresponds to or is the same as clock face user interface 608-1. In FIG. 10B, device 600 displays clock face user interface 1008-2 representing frames of an animation showing clock face user interface 1008-1 (e.g., a higher power consumption user interface for higher ambient light conditions) visually morphing to clock face user interface 1008-3 (e.g., a lower power consumption interface for higher ambient light conditions).

[0332] As shown in FIG. 10C , at the end of the mode transition, device 600 displays clock face user interface 1008-3 (e.g., a lower power consumption user interface for higher ambient light conditions) on display 602 at a lower brightness level compared to the corresponding clock face user interface in the standard display mode (e.g., user interface 1008-1 as shown in FIG. 10A ). In some embodiments, clock face user interface 1008-3 corresponds to or is the same as clock face user interface 608-3. In some embodiments, displaying clock face user interface 1008-3 at the lower brightness level on display 602 includes applying a mask (e.g., alpha blending as described above with reference to FIGS. 6A-6X ).

[0333] 10C, clock face user interface 1008-3 includes date affordance 1014, world clock affordance 1016, compass affordance 1018, timer affordance 1020, month affordance 1024, stopwatch affordance 1026, and training affordance 1028, each of which is displayed at a reduced brightness and size relative to their appearance in the standard power mode as shown in FIG. 10A. Additionally, various elements within clock face user interface 1008-3 have been removed or modified (e.g., as described with reference to FIG. 6C above) relative to their appearance in the standard power mode as shown in FIG. 10A. For example, the heart complication 1022 has been removed, the white portions of the analog indication of the time 1010 and the world clock 1016 have been replaced with a darker color (e.g., gray), directional information has been removed, and portions of the compass affordance 1018, the stopwatch affordance 1026 (e.g., interior fill), and the time scale 1012 (e.g., tick marks) have been removed. In some embodiments, the tick marks on the time scale 1012 have been reduced in thickness.

[0334] Additionally, the analog indication of the time 1010 is displayed at a lower brightness relative to its appearance in the standard power mode (e.g., as shown in FIG. 10A ), but is not as dim as other affordances included in the clock face user interface 1008-3. In some embodiments, the analog indication of the time 1010 is further modified to be displayed in a different color (e.g., the color included in the background of the clock face user interface 1008-1). In some embodiments, the clock hands of the analog indication of the time 1010 are further modified to be displayed in a different size (e.g., thinner).

[0335] In FIG. 10C , device 600 detects user input 1032-1 (e.g., a tap gesture on display 602). In response to user input 1032-1, device 600 displays user interface 1008-4 as shown in FIG. 10D (e.g., device 600 transitions back to standard display mode as described with respect to FIGS. 6D-6H above). In some embodiments, the transition back to low power mode occurs as described above with respect to FIGS. 6D-6F and 8D-8H (e.g., the transition includes displaying a transition animation, or possibly an emphasis animation before displaying the transition animation). FIG. 10D shows device 600 again operating in a bright environment while in standard display mode (e.g., displaying a higher power consumption interface for higher ambient light conditions). In FIG. 10D , device 600 displays clock face user interface 1008-4. In some embodiments, clock face user interface 1008-4 corresponds to or is the same as clock face user interface 608-1.

[0336] 10E shows device 600 after detecting a reduction in ambient brightness while in standard display mode (e.g., a user wearing device 600 walks into a darkened movie theater, and device 600 determines that the detected ambient brightness value is below a threshold). In some embodiments, device 600 determines the ambient brightness level based on data detected by one or more sensors (e.g., phototransistors, photodiodes, or other light-sensing devices) of device 600.

[0337] In response to detecting a decrease in ambient brightness, device 600 displays clock face user interface 1008-5 as shown in FIG. 10E (e.g., device 600 displays a higher power consumption interface for lower am...

Claims

1. In an electronic device having a display, While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator displayed at a first brightness level; a first graphical object displayed at a second intensity level; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator for indicating a current time, the second time indicator being displayed at a third brightness level that is a first amount lower than the first brightness level at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth luminance level that is lower than the second luminance level at which the first graphical object was previously displayed by a second amount different from the first amount of luminance difference between the first luminance level and the second luminance level; displaying a second user interface, the second user interface including: A method comprising:

2. 2. The method of claim 1, wherein a first display brightness of the display while displaying the first user interface while the electronic device is in the first mode is greater than a second display brightness of the display while displaying the second user interface while the electronic device is in the second mode.

3. The method of claim 2 , wherein the second display luminance is selected based on the first display luminance.

4. The method of claim 1 or 2, wherein the second display brightness is selected based on at least an ambient brightness level.

5. 5. The method of claim 1, wherein the first graphical object is a stationary graphical element, the first time indicator is a moving graphical object, and the first amount of luminance difference is less than the second amount of luminance difference.

6. The method of claim 1 , wherein the first graphical object is a complication and the first amount of luminance difference is less than the second amount of luminance difference.

7. 7. The method of claim 1, wherein a first dimming ratio between a first brightness level and the third brightness level is different from a second dimming ratio between the second brightness level and the fourth brightness level.

8. the first user interface displayed while the electronic device is in the first mode includes a third graphical object displayed at a fifth brightness level, the fifth brightness level being higher than the first brightness level; the second user interface displayed while the electronic device is in the second mode includes a fourth graphical object displayed at a sixth brightness level, the fourth graphical object corresponding to the third graphical object; a difference in luminance between the first luminance level and the fourth luminance level is less than a difference in luminance between the fifth luminance level and the sixth luminance level; 8. The method according to any one of claims 1 to 7.

9. while the electronic device is displaying the first user interface while in the first mode; Detecting a change in an environmental luminance level; modifying the luminance at which the first user interface is displayed on the display in response to detecting the change in environmental luminance level without transitioning the electronic device to the second mode; The method of claim 1 , further comprising:

10. 10. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode includes removing at least some content from the display.

11. 11. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode comprises removing one or more complications from the display.

12. 12. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode includes removing a first set of content of one or more complications from the display.

13. 13. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode comprises removing at least a portion of a background from the display.

14. 14. The method of claim 13, wherein the background has a first visual characteristic, and transitioning the electronic device from the first mode to the second mode includes displaying a third graphical object having the first visual characteristic in a location corresponding to the removed portion of the background.

15. 15. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode comprises reducing a precision of displayed information.

16. 16. The method of claim 15, wherein reducing the precision of the displayed information comprises reducing the precision of a time-based visual element by ceasing to display seconds information of the time-based visual element.

17. 17. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode comprises removing the discrete type of information from the display while continuing to display information that is not the discrete type of information.

18. after detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; removing information of the individual type of information while continuing to display information that is not the individual type of information in accordance with a determination that the information suppression setting is enabled; continuing to display the information of the individual type of information and the information that is not the individual type of information in accordance with a determination that the information suppression setting is not enabled; 18. The method of claim 1, further comprising:

19. 19. The method of claim 1, wherein transitioning the electronic device from the first mode to the second mode comprises reducing the display size of one or more visual elements.

20. detecting a user input prior to displaying the first user interface, wherein displaying the first user interface is based on detecting the user input; Further comprising: the criteria for transitioning from the first mode to the second mode include a first criterion; pursuant to determining that the user input is of a first type, the first criterion is satisfied based on a first time period having elapsed; pursuant to determining that the user input is of a second type, the first criterion is satisfied based on a second time period having elapsed, the second time period being different from the first time period.

20. The method according to any one of claims 1 to 19.

21. the first user interface includes a display of an animation including a first animation portion and a second animation portion; the second user interface includes displaying the first animation portion without displaying the second animation portion.

21. The method according to any one of claims 1 to 20.

22. detecting a second user input while in the second mode; transitioning from the second mode to the first mode, the transition including replacing a display of the second user interface with a display of the first user interface in response to detecting the second user input; 22. The method of any one of claims 1 to 21, further comprising:

23. the electronic device includes a rotatable input mechanism; the second user input being a rotation of the rotatable input mechanism; replacing the display of the second user interface with the display of the first user interface in association with detecting a rotation of the rotatable input mechanism.

23. The method of claim 22.

24. the electronic device includes a rotatable input mechanism, the method comprising: detecting a third user input while in the second mode; transitioning from the second mode to the first mode and increasing the brightness of the display in response to detecting the second user input; 24. The method of any one of claims 1 to 23, further comprising:

25. 25. A method according to any one of claims 1 to 24, wherein the first time indicator comprises a gradient indicative of a scale of time and the second time indicator does not comprise a gradient indicative of the scale of time.

26. 25. The method of any one of claims 1 to 24, wherein the first time indicator includes a first gradient transitioning from a first color to a second color and indicative of a scale of time, and the second time indicator includes a second gradient transitioning from a third color to the second color indicative of the scale of time, the third color being different from the first color.

27. the electronic device includes a touch-sensitive surface, and the method further comprises: Detecting a tap input using the touch-sensitive surface at a location corresponding to a displayed complication associated with an application; In response to detecting the tap input, replacing a display of the first indication of time with a display of the application in response to determining that the electronic device is in the first mode; transitioning from the second mode to the first mode without replacing a display of the second indication of time with a display of the application in response to determining that the electronic device is in the second mode; 27. The method of any one of claims 1 to 26, further comprising:

28. Detecting a swipe gesture input; In response to detecting the swipe gesture input, performing an action in accordance with determining that the electronic device is in the first mode; and pursuant to determining that the electronic device is in the second mode, maintaining the electronic device in the second mode without performing the action; and 28. The method of any one of claims 1 to 27, further comprising:

29. Detecting a swipe gesture input; In response to detecting the swipe gesture input, pursuant to determining that the electronic device is in the first mode, performing an action while maintaining the electronic device in the first mode; performing the operation in accordance with determining that the electronic device is in the second mode; and 28. The method of any one of claims 1 to 27, further comprising:

30. detecting, while the electronic device is in the first mode and displaying the first user interface, and while the electronic device is connected to an external power source, that the electronic device meets a criterion for transitioning from the first mode to a third mode; in response to detecting that the electronic device has met the criterion for transitioning from the first mode to the third mode, ceasing to display the first time indicator and the first graphical object without displaying the second time indicator and the second graphical object; 30. The method of any one of claims 1 to 29, further comprising:

31. while the electronic device is in the first mode and displaying the first user interface to transition the electronic device from the first mode to a fourth mode; in response to detecting the request to transition the electronic device from the first mode to the fourth mode, ceasing to display the first time indicator and the first graphical object without displaying the second time indicator and the second graphical object; 31. The method of any one of claims 1 to 30, further comprising:

32. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs including instructions for performing the method of any one of claims 1 to 31.

33. A display and one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 1 to 31. Electronic devices.

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

35. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator displayed at a first brightness level; a first graphical object displayed at a second intensity level; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third brightness level that is a first amount lower than the first brightness level at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth luminance level that is lower than the second luminance level at which the first graphical object was previously displayed by a second amount different from the first amount of luminance difference between the first luminance level and the second luminance level; displaying a second user interface, the second user interface including: A non-transitory computer-readable storage medium containing instructions.

36. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator displayed at a first brightness level; a first graphical object displayed at a second intensity level; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third brightness level that is a first amount lower than the first brightness level at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth luminance level that is lower than the second luminance level at which the first graphical object was previously displayed by a second amount different from the first amount of luminance difference between the first luminance level and the second luminance level; displaying a second user interface, the second user interface including: Including instructions, Electronic devices.

37. A display and While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator displayed at a first brightness level; a first graphical object displayed at a second intensity level; means for displaying a first user interface, the means comprising: means for detecting when the electronic device meets a criterion for transitioning from the first mode to a second mode; means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third brightness level that is a first amount lower than the first brightness level at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth luminance level that is lower than the second luminance level at which the first graphical object was previously displayed by a second amount different from the first amount of luminance difference between the first luminance level and the second luminance level; means for displaying a second user interface, the means comprising: An electronic device comprising:

38. In an electronic device having a display, While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator showing a current time and displayed at a first size; a first graphical object displayed at a second size; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator showing the current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed; and displaying a second user interface, the second user interface including: Including, method.

39. the first time indicator and the first graphical object are spaced a first distance apart in the first user interface; the second time indicator and the second graphical object are spaced a second distance apart in the second user interface; The second distance is greater than the first distance.

39. The method of claim 38.

40. displaying, while the electronic device is in the first mode, a third graphical object on the display within the first user interface, the third graphical object being displayed at a fifth size; displaying, while the electronic device is in the second mode, on the display within the second user interface a fourth graphical object corresponding to the third graphical object, the fourth graphical object being displayed at a sixth size smaller than the fifth size at which the third graphical object was previously displayed; 40. The method of claim 38 or 39, comprising:

41. the first graphical object and the third graphical object are spaced apart a third distance in the first user interface; the second graphical object and the fourth graphical object are spaced apart a fourth distance in the second user interface; The fourth distance is greater than the third distance.

41. The method of claim 40.

42. 42. A method according to any one of claims 38 to 41, wherein the first time indicator and the second time indicator are digital time indicators and the centre of the second time indicator is closer to the centre of the display compared to the centre of the first time indicator.

43. the combination of the first time indicator and the second graphical object has a combination center; the combination of the second time indicator and the second graphical object has the same combination center; 43. The method of any one of claims 38 to 42.

44. a combination of the first graphical object and the second graphical object having a combination center; a combination of the third graphical object and the fourth graphical object has the same combination center; 44. The method of any one of claims 40 to 43.

45. the first time indicator is displayed at a first position on the display as part of the first user interface while in the first mode; the first graphical object is displayed at a second location on the display as part of the first user interface while in the first mode; the second time indicator is displayed at a third position on the display as part of the second user interface while in the second mode, the third position being different from the first position; the second graphical object is displayed as part of the second user interface at a fourth location on the display while in the second mode, the fourth location being different from the second location; 45. The method of any one of claims 38 to 44.

46. Transitioning the electronic device from the first mode to the second mode includes: a first animation transitioning the first time indicator to the second time indicator; a second animation transitioning the first graphical object to the second graphical object; Including, the first animation begins before the second animation begins; 46. ​​The method of any one of claims 38 to 45.

47. the first graphical object is displayed closer to the center of the display in the first user interface than the third graphical object in the first user interface; transitioning the electronic device from the first mode to the second mode; a second animation transitioning the first graphical object to the second graphical object; a third animation transitioning the third graphical object to the fourth graphical object; and Including, the second animation begins before the third animation begins; 47. The method of any one of claims 40 to 46.

48. the first graphical object is displayed closer to a first edge of the display in the first user interface than the third graphical object in the first user interface; transitioning the electronic device from the first mode to the second mode; a second animation transitioning the first graphical object to the second graphical object; a third animation transitioning the third graphical object to the fourth graphical object; and Including, the second animation begins before the third animation begins; 47. The method of any one of claims 40 to 46.

49. the first time indicator and the first graphical object are spaced a first distance apart in the first user interface; the second time indicator and the second graphical object are spaced a second distance apart in the second user interface; The first distance is greater than the second distance.

49. The method of any one of claims 38 and 40 to 48.

50. 50. The method of any one of claims 40 to 49, wherein the fourth size is smaller than the second size by a first percentage and the sixth size is smaller than the fifth size by a second percentage different from the first percentage.

51. the first graphical object is displayed closer to the center of the display in the first user interface than the third graphical object in the first user interface; transitioning the electronic device from the first mode to the second mode; a second animation transitioning the first graphical object to the second graphical object; a third animation transitioning the third graphical object to the fourth graphical object; and Including, the first percentage is less than the second percentage; 51. The method of claim 50.

52. 52. The method of any one of claims 38 to 51, wherein the fourth size is smaller than the second size by a first percentage and the third size is smaller than the first size by a third percentage that is smaller than the first percentage.

53. detecting, while the electronic device is in the second mode and displaying on the display the second user interface including the second time indicator of the third size and the second graphical object of the fourth size, that the electronic device meets a criterion for transitioning from the second mode to the first mode; in response to detecting that the electronic device meets the criteria for transitioning from the second mode to the first mode; animating a transition of the second time indicator of the third size to the first time indicator of the first size over a first period of time; animating a transition of the second graphical object of the fourth size to the first graphical object of the second size over a second period of time; transitioning from the second mode to the first mode, 53. The method of any one of claims 38 to 52, further comprising:

54. Transitioning from the first mode to the second mode, animating a transition of the first time indicator of the first size to the second time indicator of the third size over a third period of time; animating the transition of the first graphical object of the second size to the second graphical object of the fourth size over a fourth period of time; Including, the third time is different from the first time; 54. The method of claim 53.

55. transitioning from the second mode to the first mode; in response to determining that the user input is of a first type, the first time period being a first predetermined period of time; in response to determining that the user input is of a second type different from the first type, the first time period being a second predetermined period different from the first predetermined period; Including, 55. The method of claim 53 or 54.

56. 56. The method of any one of claims 53 to 55, wherein transitioning from the second mode to the first mode comprises displaying an animation that visually highlights one or more visual differences between the second user interface displayed in the second mode and the first user interface displayed in the first mode.

57. visually highlighting one or more visual differences between the second mode and the first mode; reducing the display size of the second time indicator to a size smaller than the third size before displaying the first time indicator at the first size; reducing the display size of the second graphical object to a size smaller than the fourth size prior to displaying the first graphical object at the second size; 57. The method of claim 56, comprising:

58. while the electronic device is in the first mode and displaying the first user interface, the first time indicator is displayed at a first brightness level and the first graphical object is displayed at a second brightness level; while the electronic device is in the second mode and displaying the second user interface, the second time indicator is displayed at a third brightness level lower than the first brightness level at which the first time indicator was previously displayed, and the second graphical object corresponding to the first graphical object is displayed at a fourth brightness level lower than the second brightness level at which the first graphical object was previously displayed; visually highlighting one or more visual differences between the second mode and the first mode; reducing the luminance level of the second time indicator to a luminance level lower than the third luminance level prior to displaying the first time indicator at the first luminance level; reducing the intensity level of the second graphical object to an intensity level lower than the fourth intensity level prior to displaying the first graphical object at the second intensity level; 58. The method of claim 56 or 57, comprising:

59. 59. The method of any one of claims 38 to 58, wherein the third size and the fourth size are selected based on one or more resizing criteria that change the sizes of elements of the user interface when the device enters the second mode in different cases.

60. 60. The method of claim 59, wherein the resizing criteria is based on one or more of a current time of day, a current day of the week, a current date of the month, a current month of the year, and a current year.

61. selecting the third size of the second time indicator, the third size being different from the size at which the second time indicator was last displayed as part of the second user interface while the electronic device was in the second mode; selecting the fourth size of the second graphical object, the fourth size being different from the size at which the second graphical object was last displayed as part of the second user interface while the electronic device was in the second mode; 61. The method of claim 59 or 60, further comprising:

62. 62. The method of any one of claims 38 to 61, wherein a first display luminance of the display while displaying the second user interface while the electronic device is in the second mode is lower than a second display luminance of the display while displaying the first user interface while the electronic device is in the first mode.

63. 63. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs including instructions for performing the method of any one of claims 38 to 62.

64. A display and one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 38 to 62. Electronic devices.

65. A display and Means for carrying out the method according to any one of claims 38 to 62; An electronic device comprising:

66. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator showing a current time and displayed at a first size; a first graphical object displayed at a second size; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed; and displaying a second user interface, the second user interface including transitioning the electronic device from the first mode to the second mode; A non-transitory computer-readable storage medium containing instructions.

67. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator showing a current time and displayed at a first size; a first graphical object displayed at a second size; displaying a first user interface, the first user interface including: Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed; and displaying a second user interface, the second user interface including transitioning the electronic device from the first mode to the second mode; An electronic device that contains instructions.

68. 1. An electronic device comprising: A display and While the electronic device is in a first mode, a first user interface is displayed on the display, the first user interface comprising: a first time indicator showing a current time and displayed at a first size; a first graphical object displayed at a second size; means for displaying a first user interface, the means comprising: means for detecting when the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; While the electronic device is in the second mode, on the display, a second user interface, a second time indicator indicating the current time, the second time indicator being displayed at a third size smaller than the first size at which the first time indicator was previously displayed; a second graphical object corresponding to the first graphical object, the second graphical object being displayed at a fourth size smaller than the second size at which the first graphical object was previously displayed; and means for displaying a second user interface, means for transitioning the electronic device from the first mode to the second mode; An electronic device comprising:

69. In an electronic device having a display and one or more sensors, a first user interface on the display at a first display brightness level while the electronic device is in a first mode, a first time indicator; A first graphical object; displaying a first user interface, the first user interface including: receiving data from the one or more sensors; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode: pursuant to determining that the data from the one or more sensors corresponds to a first ambient brightness level, displaying the second user interface at a second display brightness level that is lower than the first display brightness level; a second time indicator that differs from the first time indicator in one or more visual characteristics other than luminance; a second graphical object corresponding to the first graphical object; and displaying a second user interface, the second user interface including: displaying a third user interface at a third display brightness level lower than the second display brightness level in accordance with determining that the data from the one or more sensors corresponds to a second ambient brightness level lower than the first ambient brightness level, the third user interface including different content than the second user interface; A method comprising:

70. detecting that the electronic device has failed to meet a criterion for transitioning from the first mode to the second mode; in response to detecting that the electronic device has not satisfied the criterion for transitioning from the first mode to the second mode; displaying the first user interface at a fourth display luminance level, different from the first display luminance level, without transitioning the electronic device from the first mode to the second mode, in accordance with determining that second data from the one or more sensors corresponds to a third ambient luminance level; 70. The method of claim 69, further comprising:

71. 71. The method of claim 69 or 70, wherein transitioning the electronic device from the first mode to the second mode comprises changing the color of one or more user interface elements having a first color to a color other than the first color.

72. the first graphical object is a complication that corresponds to a separate application and includes a display of data received from the separate application; the second graphical object corresponds to the individual application and does not include a display of data from the individual application; 72. The method of any one of claims 69 to 71.

73. displaying the second user interface at the second display intensity level includes applying a mask to a display area.

73. The method of any one of claims 69 to 72.

74. displaying the second user interface at the second display brightness level includes turning off one or more pixels.

74. The method of any one of claims 69 to 73.

75. the first graphical object corresponds to a respective application; the second graphical object corresponds to the respective application; the third user interface does not include graphical objects corresponding to the individual applications; 75. The method of any one of claims 69 to 74.

76. the first time indicator includes one or more clock hands indicating the time displayed at a first brightness level; the second time indicator includes one or more clock hands indicating time displayed at a second brightness level lower than the first brightness level.

76. The method of any one of claims 69 to 75.

77. the first time indicator includes one or more clock hands indicating time displayed at a first thickness level; the second time indicator includes one or more clock hands indicating time displayed at a second thickness level less than the first thickness level.

77. The method of any one of claims 69 to 76.

78. the first user interface includes a first set of tick marks displayed in a fourth thickness; the second user interface includes a second set of tick marks displayed in a fifth thickness less than the fourth thickness; 78. The method of any one of claims 69 to 77.

79. 79. A method according to any one of claims 69 to 78, wherein a rate of change of luminance for transitioning from displaying the first time indicator to displaying the second time indicator is faster than the rate of change of luminance for transitioning from displaying the first graphical object to the second graphical object.

80. the second user interface includes a first complication corresponding to a first application, and the third user interface includes a second complication corresponding to the first application and a third time indicator; a luminance difference between the second time indicator and the first complication is less than a luminance difference between the third time indicator and the second complication; 80. The method of any one of claims 69 to 79.

81. the first user interface includes a first graphical element of a second color; the second user interface includes a second graphical element corresponding to the first graphical element, the second graphical element being a third color different from the second color.

81. The method of any one of claims 69 to 80.

82. a background of the first user interface has a third color different from the color of the first time indicator; the second time indicator is displayed in the third color within the second user interface.

82. The method of any one of claims 69 to 81.

83. the first user interface includes a first level of color saturation; the second user interface includes a second level of color saturation different from the first level of color saturation.

82. The method of any one of claims 69 to 81.

84. 84. A non-transitory computer readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs including instructions for performing the method of any one of claims 69 to 83.

85. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 69 to 83. Electronic devices.

86. A display and One or more sensors; Means for carrying out the method according to any one of claims 69 to 83; An electronic device comprising:

87. 1. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs comprising: a first user interface on the display at a first display brightness level while the electronic device is in a first mode, a first time indicator; A first graphical object; displaying a first user interface, the first user interface including: receiving data from the one or more sensors; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode: responsive to a determination that the data from the one or more sensors corresponds to a first ambient brightness level, displaying a second user interface at a second display brightness level that is lower than the first display brightness level; a second time indicator that differs from the first time indicator in one or more visual characteristics other than luminance; a second graphical object corresponding to the first graphical object; and displaying a second user interface, the second user interface including: displaying a third user interface at a third display brightness level lower than the second display brightness level in accordance with determining that the data from the one or more sensors corresponds to a second ambient brightness level lower than the first ambient brightness level, the third user interface including different content than the second user interface. A non-transitory computer-readable storage medium containing instructions.

88. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: a first user interface on the display at a first display brightness level while the electronic device is in a first mode, a first time indicator; A first graphical object; displaying a first user interface, the first user interface including: receiving data from the one or more sensors; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode: pursuant to determining that the data from the one or more sensors corresponds to a first ambient brightness level, displaying the second user interface at a second display brightness level that is lower than the first display brightness level; a second time indicator that differs from the first time indicator in one or more visual characteristics other than luminance; a second graphical object corresponding to the first graphical object; and displaying a second user interface, the second user interface including: displaying a third user interface at a third display brightness level lower than the second display brightness level in accordance with determining that the data from the one or more sensors corresponds to a second ambient brightness level lower than the first ambient brightness level, the third user interface including different content than the second user interface. An electronic device that contains instructions.

89. 1. An electronic device comprising: A display and One or more sensors; a first user interface on the display at a first display brightness level while the electronic device is in a first mode, a first time indicator; A first graphical object; means for displaying a first user interface, the means comprising: means for receiving data from the one or more sensors; means for detecting when the electronic device meets a criterion for transitioning from the first mode to a second mode; means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; While the electronic device is in the second mode: responsive to a determination that the data from the one or more sensors corresponds to a first ambient brightness level, displaying a second user interface at a second display brightness level that is lower than the first display brightness level; a second time indicator that differs from the first time indicator in one or more visual characteristics other than luminance; a second graphical object corresponding to the first graphical object; and displaying a second user interface, the second user interface including: displaying a third user interface at a third display brightness level lower than the second display brightness level in accordance with determining that the data from the one or more sensors corresponds to a second ambient brightness level lower than the first ambient brightness level, the third user interface including different content than the second user interface. Means, An electronic device comprising:

90. In an electronic device having a display, displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application; While the electronic device is in a first mode, updating the appearance of the graphical representation of the first type of information over time at a first update interval; detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times during the first update interval; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode; A method comprising:

91. The plurality of user interface elements includes a graphical representation of a second type of information associated with a second application, and the method further comprises: While the electronic device is in the first mode: updating the appearance of the graphical representation of the second type of information over time at a third update interval; detecting that the electronic device has met a criterion for transitioning from the first mode to the second mode occurs after updating the appearance of the graphical representation of the second type of information over time one or more times during the third update interval. And, updating the appearance of the graphical representation of the second type of information over time at a fourth update interval while the electronic device is in the second mode, the fourth update interval being different from the third update interval; 91. The method of claim 90, further comprising:

92. 92. The method of claim 90 or 91, wherein displaying the user interface including the plurality of user interface elements includes displaying a time indicator as part of the user interface and simultaneously with the graphical representation of the first type of information.

93. updating the time indicator over time at a fifth update interval while the electronic device is operating in the first mode; updating the time indicator over time at a sixth update interval different from the fifth update interval while the electronic device is operating in the second mode; 93. The method of claim 92, further comprising:

94. 94. The method of any one of claims 90 to 93, wherein the graphical representation of the first type of information displayed in the first mode has one or more visual characteristics that differ from the graphical representation of the first type of information displayed in the second mode.

95. the first mode being a higher power consumption mode; the second mode being a lower power consumption mode; the electronic device consumes more power in the higher power consumption mode than in the lower power consumption mode; 95. The method of any one of claims 90 to 94.

96. 96. The method of any one of claims 90 to 95, wherein the first update interval is based on an activity level of the first application.

97. 97. The method of any one of claims 90 to 96, wherein updating the appearance of the graphical representation of the first type of information comprises displaying an animation.

98. 98. The method of any one of claims 90 to 97, wherein a first display luminance of the display while the electronic device is in the first mode is greater than a second display luminance of the display while the electronic device is in the second mode.

99. displaying an indication that the update interval of the graphical representation of the first type of information has been changed while the electronic device is in the second mode; 99. The method of any one of claims 90 to 98, further comprising:

100. responsive to detecting that the electronic device has satisfied the criterion for transitioning from the first mode to the second mode, calculating animation frames for the graphical representation of the first type of information to be displayed while the electronic device is in the second mode; 100. The method of any one of claims 90 to 99, further comprising:

101. the plurality of user interface elements includes a graphical representation of a third type of information associated with a third application, the method comprising: updating the appearance of the graphical representation of the third type of information over time at a seventh update interval while the electronic device is operating in the first mode; forgoing updating the appearance of the graphical representation of the third type of information while the electronic device is operating in the second mode; and 101. The method of any one of claims 90 to 100, further comprising:

102. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs including instructions for performing the method of any one of claims 90 to 101.

103. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 90 to 101. Electronic devices.

104. A display and One or more sensors; Means for carrying out the method according to any one of claims 90 to 101; An electronic device comprising:

105. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: Displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with the first application; While the electronic device is in a first mode, updating the appearance of the graphical representation of the first type of information over time at a first update interval; detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times during the first update interval; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode. A non-transitory computer-readable storage medium containing instructions.

106. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: Displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with the first application; While the electronic device is in a first mode, updating the appearance of the graphical representation of the first type of information over time at a first update interval; detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times during the first update interval; transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; updating the appearance of the graphical representation of the first type of information over time at a second update interval different from the first update interval while the electronic device is in the second mode. An electronic device that contains instructions.

107. 1. An electronic device comprising: A display and means for displaying a user interface including a plurality of user interface elements including a graphical representation of a first type of information associated with a first application; While the electronic device is in a first mode, updating the appearance of the graphical representation of the first type of information over time at a first update interval; detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode after updating the appearance of the graphical representation of the first type of information over time one or more times during the first update interval. Means, means for transitioning the electronic device from the first mode to the second mode in response to detecting that the electronic device meets the criterion for transitioning from the first mode to the second mode; means for updating the appearance of the graphical representation of the first type of information over time at a second update interval, different from the first update interval, while the electronic device is in the second mode; An electronic device comprising:

108. In an electronic device having a display, displaying, while the electronic device is operating in a first mode, a first user interface of a first application on the display, the first user interface including a first graphical object corresponding to the first application; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode while displaying the first user interface; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; pursuant to determining that the first application is a first type application, replacing a display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application; pursuant to determining that the first application is a second type of application, replacing a display of the first user interface of the first application with a third user interface distinct from the first user interface of the first application and the second user interface of the first application, the third user interface being an operating system user interface that includes one or more elements that are not part of the first user interface of the first application, including a time indicator; A method comprising:

109. detecting, while the electronic device is in the second mode and displaying the third user interface, that the electronic device meets a first set of criteria for transitioning from the second mode to the first mode; in response to detecting that the electronic device has satisfied the first set of criteria for transitioning from the second mode to the first mode, replacing a display of the third user interface with a display of the first user interface including the first graphical object generated by the first application; 109. The method of claim 108, further comprising:

110. Detecting, while the electronic device is in the second mode and displaying the third user interface, that the electronic device meets a second set of criteria for transitioning from the second mode to the first mode; in response to detecting that the electronic device has satisfied the second set of criteria for transitioning from the second mode to the first mode, replacing the display of the third user interface with a display of the first user interface of the first application, the second user interface of the first application, and a fourth user interface distinct from the third user interface, the fourth user interface being an operating system user interface that includes one or more elements that are not part of the user interface of the first application, including a second time indicator that differs in one or more characteristics from the time indicator of the third user interface; 109. The method of claim 108, further comprising:

111. 111. The method of claim 110, wherein the second set of criteria for transitioning from the second mode to the first mode includes a criterion that is met when the electronic device detects a wrist-raise gesture.

112. 111. The method of claim 110, wherein the second set of criteria for transitioning from the second mode to the first mode includes criteria that are met when the electronic device detects a tap gesture.

113. detecting, while the electronic device is in the second mode and displaying the second user interface, that the electronic device meets a third set of criteria for transitioning from the second mode to the first mode; in response to detecting that the electronic device has satisfied the third set of criteria for transitioning from the second mode to the first mode, replacing a display of the second user interface with a display of the first user interface including the first graphical object corresponding to the first application; 113. The method of any one of claims 108 to 112, further comprising:

114. Detecting that the electronic device has satisfied a fourth set of criteria for transitioning from the second mode to the first mode, the criteria being satisfied when the electronic device detects a user input while the electronic device is in the second mode and displaying the third user interface; and in response to detecting that the electronic device has satisfied the fourth set of criteria for transitioning from the second mode to the first mode; replacing the display of the third user interface with a display of the first user interface including the first graphical object corresponding to the first application in response to a determination that a set of criteria is satisfied, the criterion being satisfied if the user input is detected within a threshold time period of the electronic device transitioning to the second mode; pursuant to a determination that the set of criteria is not satisfied, replacing the display of the third user interface with a display of a fifth user interface distinct from the first user interface of the first application, the second user interface of the first application, and the third user interface, the fifth user interface being an operating system user interface that includes one or more elements that are not part of the user interface of the first application, including a third time indicator that differs in one or more characteristics from the time indicator of the third user interface; 114. The method of any one of claims 108 to 113, further comprising:

115. 115. The method of claim 114, wherein the user input is a wrist-raising gesture.

116. 116. The method of claim 114 or 115, wherein the user input is a tap gesture.

117. the first graphical object is displayed in the first user interface with a first visual characteristic, and the first graphical object activates a first function when selected in the first user interface; the first graphical object is displayed in the second user interface with a second visual characteristic different from the first visual characteristic, and selection of the first graphical object in the second user interface does not cause activation of the first function.

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

118. the first graphical object is a selected graphical object; the first user interface of the first application includes a third graphical object corresponding to the first application that is not the selected graphical object; replacing a display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface; displaying the second graphical object at a first intensity level in accordance with a determination that the second graphical object corresponds to the selected first graphical object; displaying the second graphical object at a second intensity level lower than the first intensity level in response to a determination that the second graphical object corresponds to the third graphical object that is not a selected object; 118. The method of any one of claims 108 to 117, comprising:

119. displaying on the display a second instance of the first user interface having the first graphical object as a selected object after displaying the second graphical object at the first intensity level; detecting a set of one or more inputs corresponding to a request to select the third graphical object; in response to detecting the set of one or more inputs corresponding to a request to select the third graphical object; selecting the third graphical object; deselecting the first graphical object; detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode while the third graphical object is selected; in response to detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode while the third graphical object is detected, controlling the display of the second instance of the first user interface to a fourth graphical object, responsive to a determination that the fourth graphical object corresponds to an unselected first graphical object, being displayed at a third intensity level; pursuant to a determination that the fourth graphical object corresponds to the selected third graphical object, being displayed at a fourth intensity level greater than the third intensity level. replacing the second instance of the second user interface with a fourth graphical object; and 119. The method of claim 118, further comprising:

120. 120. The method of claim 119, wherein the fourth graphical object updates at a shorter update interval than the second graphical object based on the third graphical object being selected.

121. displaying on the display a fourth user interface of a second application different from the first application, the fourth user interface including a fifth graphical object corresponding to the second application; detecting, while displaying the fourth user interface, that the electronic device meets the criteria for transitioning from the first mode to the second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; replacing a display of the fourth user interface of the second application with a fifth user interface of the second application that is different from the fourth user interface, the fifth user interface including a sixth graphical object corresponding to the second application, in accordance with determining that the second application is the first type application; replacing a display of the fourth user interface of the second application with the third user interface that is different from the fifth user interface of the second application and the sixth user interface of the second application in accordance with a determination that the second application is the second type application; 121. The method of any one of claims 108 to 120, further comprising:

122. the display of the first user interface is at a brightness level above a threshold brightness level; the display of the second user interface is at a brightness level below the threshold brightness level; the display of the third user interface is at a brightness level below the threshold brightness level.

122. The method of any one of claims 108 to 121.

123. in response to detecting that the electronic device meets a criterion for transitioning from the first mode to the second mode; reducing a brightness of the first user interface of the first application before replacing the display of the first user interface with the third user interface; 123. The method of any one of claims 108 to 122, further comprising:

124. 124. The method of any one of claims 108 to 123, wherein the third user interface includes graphical objects associated with a third application and graphical objects associated with a fourth application.

125. displaying, while the electronic device is operating in the first mode, on the display, a system user interface generated by the operating system; detecting that the electronic device meets a sixth set of criteria for transitioning from the first mode to the second mode while displaying the system user interface generated by the operating system; and in response to detecting that the electronic device has satisfied the fifth set of criteria for transitioning from the first mode to the second mode; transitioning from the first mode to the second mode; replacing the display of the system user interface generated by the operating system pursuant to the electronic device displaying the system user interface when the sixth set of criteria for transitioning from the first mode to the second mode is met with a clock face user interface that is different from the system user interface, the clock face user interface being an operating system user interface that includes one or more elements that are not part of the system user interface, including a time indicator; 125. The method of any one of claims 108 to 124, further comprising:

126. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs including instructions for performing the method of any one of claims 108 to 125.

127. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 108 to 125. Electronic devices.

128. A display and One or more sensors; Means for carrying out the method according to any one of claims 108 to 125; An electronic device comprising:

129. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: displaying, while the electronic device is operating in a first mode, a first user interface of a first application on the display, the first user interface including a first graphical object corresponding to the first application; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode while displaying the first user interface; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; pursuant to determining that the first application is a first type application, replacing a display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application; pursuant to determining that the first application is a second type of application, replacing a display of the first user interface of the first application with a third user interface distinct from the first user interface of the first application and the second user interface of the first application, the third user interface being an operating system user interface that includes one or more elements that are not part of the first user interface of the first application, including a time indicator. A non-transitory computer-readable storage medium containing instructions.

130. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: displaying, while the electronic device is operating in a first mode, a first user interface of a first application on the display, the first user interface including a first graphical object corresponding to the first application; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode while displaying the first user interface; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; pursuant to determining that the first application is a first type application, replacing a display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application; pursuant to determining that the first application is a second type of application, replacing a display of the first user interface of the first application with a third user interface distinct from the first user interface of the first application and the second user interface of the first application, the third user interface being an operating system user interface that includes one or more elements that are not part of the first user interface of the first application, including a time indicator. An electronic device that contains instructions.

131. 1. An electronic device comprising: A display and means for displaying, while the electronic device is operating in a first mode, on the display, a first user interface of a first application, the first user interface including a first graphical object corresponding to the first application; means for detecting, while displaying the first user interface, that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; pursuant to determining that the first application is a first type application, replacing a display of the first user interface of the first application with a second user interface of the first application that is different from the first user interface, the second user interface including a second graphical object corresponding to the first application; pursuant to determining that the first application is a second type of application, replacing a display of the first user interface of the first application with a third user interface distinct from the first user interface of the first application and the second user interface of the first application, the third user interface being an operating system user interface that includes one or more elements that are not part of the first user interface of the first application, including a time indicator. Means, An electronic device comprising:

132. In an electronic device having a display, While the electronic device is operating in a first mode, displaying on the display a first user interface of a first application with an arrangement of user interface elements determined by the first application; displaying on the display a second user interface of a second application with an arrangement of user interface elements determined by the second application; detecting, while the electronic device is operating in the first mode, that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; displaying information from the second application in the default template in accordance with a determination that the second application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; transitioning from the first mode to the second mode, A method comprising:

133. While the electronic device is operating in the first mode, displaying a third user interface of a third application with an arrangement of user interface elements determined by said third application; Further comprising: Transitioning from the first mode to the second mode, displaying information from the third application in a second default template that is different from the default template in accordance with a determination that the third application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode.

133. The method of claim 132, comprising:

134. 134. A method according to claim 132 or 133, wherein the predefined template is a template of a user interface configured for use in a low energy consumption mode.

135. The predefined template is: an icon template field for displaying an application icon corresponding to the application that was displayed on the display when the electronic device detected that the electronic device met a criterion for transitioning from the first mode to a second mode; an information template field for displaying the information from the application that was being displayed on the display when the electronic device detected that the electronic device met a criterion for transitioning from the first mode to a second mode; 135. The method of any one of claims 132 to 134, comprising:

136. The first application is of a first category of application and the second application is of a second category of application different from the first category of information, and the method further comprises: updating over time, while the electronic device is operating in the second mode, the information from the application that was being displayed on the display when the electronic device detected that the electronic device met a criterion for transitioning from the first mode to the second mode, at an update interval determined based on the category of the application; 136. The method of any one of claims 132 to 135, further comprising:

137. The information from the first application is of a first category of information and the information from the second application is of a second category of information different from the first category of information, and the method further comprises: updating, over time, a display of information from the application displayed on the display while the electronic device is operating in the second mode, at an update interval determined based on the category of the information; 137. The method of any one of claims 132 to 136, further comprising:

138. Displaying the first user interface of the first application with an arrangement of user interface elements determined by the first application includes displaying information of a first category of information; displaying information from the first application in the default template includes displaying information of the first category of information; the displayed information from the first application in the default template visually differs from the displayed information in the first user interface by one or more visual characteristics other than color.

138. The method of any one of claims 132 to 137.

139. displaying the first user interface of the first application with an arrangement of user interface elements determined by the first application includes displaying a first set of information and a second set of information; displaying information from the first application in the default template includes displaying the first set of information without displaying the second set of information.

139. The method of any one of claims 132 to 138.

140. 140. The method of any one of claims 132 to 139, wherein a first display brightness level of the display while displaying the first user interface while the electronic device is in the first mode is higher than a second display brightness level of the display while displaying information from the first application in the default template while the electronic device is in the second mode.

141. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs including instructions for performing the method of any one of claims 132 to 140.

142. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 132 to 140. Electronic devices.

143. A display and One or more sensors; Means for carrying out the method according to any one of claims 132 to 140; An electronic device comprising:

144. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: While the electronic device is operating in a first mode, displaying on the display a first user interface of a first application with an arrangement of user interface elements determined by the first application; displaying on the display a second user interface of a second application with an arrangement of user interface elements determined by the second application; detecting, while the electronic device is operating in the first mode, that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; displaying information from the second application in the default template in accordance with a determination that the second application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; transitioning from the first mode to the second mode, A non-transitory computer-readable storage medium containing instructions.

145. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: While the electronic device is operating in a first mode, displaying on the display a first user interface of a first application with an arrangement of user interface elements determined by the first application; displaying on the display a second user interface of a second application with an arrangement of user interface elements determined by the second application; detecting, while the electronic device is operating in the first mode, that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; displaying information from the second application in the default template in accordance with a determination that the second application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; transitioning from the first mode to the second mode, An electronic device that contains instructions.

146. 1. An electronic device comprising: A display and While the electronic device is operating in a first mode, displaying on the display a first user interface of a first application with an arrangement of user interface elements determined by the first application; displaying on the display a second user interface of a second application with an arrangement of user interface elements determined by the second application; Means, means for detecting, while the electronic device is operating in the first mode, that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; displaying information from the first application in a default template in accordance with a determination that the first application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; displaying information from the second application in the default template in accordance with a determination that the second application was displayed on the display when the electronic device detects that the electronic device has met a criterion for transitioning from the first mode to a second mode; means for transitioning from the first mode to the second mode, the means comprising: An electronic device comprising:

147. In an electronic device having a display, displaying, on the display, a first user interface of an application while the electronic device is operating in a first mode; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; transitioning from the first mode to the second mode; replacing on the display the first user interface with a second user interface comprising an obscured representation of at least a portion of the first user interface of the application; displaying a time indicator on the display at a location that overlaps at least a portion of the obscured representation of the at least a portion of the first user interface of the application; A method comprising:

148. 148. The method of claim 147, wherein the obscured representation of at least a portion of the first user interface of the application is a blurred representation of at least the portion of the first user interface.

149. displaying the first user interface of the application while in the first mode includes displaying the portion of the first user interface of the application in a first size; replacing the first user interface with the second user interface including the obscured representation of at least the portion of the first user interface of the application includes displaying the obscured representation of the portion of the first user interface of the application in a second size smaller than the first size.

149. The method of any one of claims 147 or 148.

150. displaying the first user interface of the application while in the first mode includes displaying the portion of the first user interface of the application at a first brightness level; replacing the first user interface with the second user interface including the obscured representation of at least the portion of the first user interface of the application includes displaying the obscured representation of the portion of the first user interface of the application at a second brightness level that is lower than the first brightness level.

150. The method of any one of claims 147 to 149.

151. 151. The method of any one of claims 147 to 150, wherein replacing the first user interface with the second user interface comprises dimming the display by a fixed amount to reduce the brightness of the display, the amount being based on the content of the first user interface.

152. 152. The method of any one of claims 147 to 151, wherein replacing the first user interface with the second user interface comprises dimming the display by a fixed amount to reduce the brightness of the display, the amount being based on an ambient brightness level.

153. replacing on the display the first user interface with a second user interface including the obscured representation of at least a portion of the first user interface of the application includes displaying a first animation of the at least a portion of the first user interface transitioning from an unobscured state to the obscured state; displaying the time indicator at the location on the display overlapping at least a portion of the obscured representation of the at least a portion of the first user interface of the application includes displaying a second animation of the time indicator becoming displayed.

153. The method of any one of claims 147 to 152.

154. displaying the first user interface includes displaying the time indicator at a first display size at a first location on the display different from the location on the display overlapping the at least a portion of the obscured representation of the application in the second mode; displaying the time indicator at a location on the display overlapping at least a portion of the obscured representation of the user interface of the application; the time indicator expanding from the first display size to a second display size different from the first display size; and the time indicator translating from the first position on the display to the position on the display overlapping the at least a portion of the obscured representation of the application; including displaying an animation of 154. The method of any one of claims 147 to 153.

155. detecting a first user input while the electronic device is in the second mode and the time indicator is displayed at the location on the display overlapping at least a portion of the obscured representation of the at least a portion of the first user interface of the application; in response to detecting the first user input, ceasing to display the time indicator at the location on the display overlapping at least a portion of the obscured representation of the at least a portion of the first user interface of the application; 155. The method of any one of claims 147 to 154, further comprising:

156. detecting a first user input while the electronic device is in the second mode and the time indicator is displayed at the location on the display that overlaps the at least a portion of the obscured representation of the at least a portion of the first user interface of the application; in response to detecting the first user input, replacing on the display the second user interface including the obscured representation of the at least a portion of the first user interface of the application with the first user interface; 156. The method of any one of claims 147 to 155, further comprising:

157. 157. The method of any one of claims 147 to 156, wherein the obscured representation of at least a portion of the first user interface of the application is a static representation of the first user interface of the application.

158. 158. The method of claim 157, wherein one or more processes for the application are being processed by one or more processors of the electronic device while the electronic device is operating in the second mode.

159. Detecting that the electronic device meets a timeout criterion while displaying the second user interface; in response to the electronic device detecting that the timeout criterion has been met, replacing the display of the second user interface with a display of a first watch face user interface including a second time indicator without displaying the obscured representation of the portion of the first user interface of the application; 159. The method of any one of claims 147 to 158, further comprising:

160. detecting a wrist-raise gesture while displaying the first watch face user interface including the second time indicator in accordance with the determination that the timeout condition has occurred; In response to detecting the wrist-raising gesture, replacing a display of the first watch face user interface including the second time indicator with a second watch face user interface including a third time indicator, the second watch face user interface being displayed at a higher brightness level than the first watch face user interface; 160. The method of claim 159, further comprising:

161. the display has a first display intensity while displaying the first user interface of the application in the first mode; the display has a second display luminance that is lower than the first display luminance while displaying the second user interface that includes an obscured representation of at least a portion of the first user interface of the application.

161. The method of any one of claims 147 to 160.

162. Receiving notifications; and after receiving the notification, displaying a first notification user interface corresponding to the notification; Detecting a wrist-lowering gesture while displaying the first notification user interface corresponding to the notification; In response to detecting the wrist lowering gesture, replacing on the display the notification user interface with a second notification user interface that includes an obscured representation of at least a portion of the first notification user interface that corresponds to the notification; displaying a time indicator on the display at a location overlapping at least a portion of the obscured representation of the first notification user interface; 162. The method of any one of claims 147 to 161, further comprising:

163. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and one or more sensors, the one or more programs including instructions for performing the method of any one of claims 147 to 162.

164. A display and One or more sensors; one or more processors; and a memory storing one or more programs configured to be executed by said one or more processors, said one or more programs including instructions for performing the method of any one of claims 147 to 162. Electronic devices.

165. A display and One or more sensors; Means for carrying out the method of any one of claims 147 to 162; An electronic device comprising:

166. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display, the one or more programs comprising: displaying, on the display, a first user interface of an application while the electronic device is operating in a first mode; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; A transition from the first mode to the second mode is performed, replacing on the display the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; displaying a time indicator on the display at a location that overlaps at least a portion of the obscured representation of the at least a portion of the first user interface of the application. A non-transitory computer-readable storage medium containing instructions.

167. A display and one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: displaying, on the display, a first user interface of an application while the electronic device is operating in a first mode; Detecting that the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; A transition from the first mode to the second mode is performed, replacing on the display the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; displaying a time indicator on the display at a location that overlaps at least a portion of the obscured representation of the at least a portion of the first user interface of the application. An electronic device that contains instructions.

168. 1. An electronic device comprising: A display and means for displaying, while the electronic device is operating in a first mode, a first user interface of an application on the display; means for detecting when the electronic device meets a criterion for transitioning from the first mode to a second mode; in response to detecting that the electronic device meets the criteria for transitioning from the first mode to the second mode; A transition from the first mode to the second mode is performed, replacing on the display the first user interface with a second user interface that includes an obscured representation of at least a portion of the first user interface of the application; displaying a time indicator on the display at a location that overlaps at least a portion of the obscured representation of the at least a portion of the first user interface of the application. Means, An electronic device comprising:

Images