Time-related user interface

Abstract

This invention provides a method and user interface for managing the user interface of a wristwatch dial. [Solution] In some embodiments, a method and user interface for managing a watch face based on depth data of previously captured media items is described. In some embodiments, a method and user interface for managing a watch face based on geographic data is described. In some embodiments, a method and user interface for managing a watch face based on state information of a computer system is described. In some embodiments, a method and user interface related to time management is described. In some embodiments, a method and user interface for editing a user interface based on depth data of previously captured media items is described.

Description

Cross - reference to related applications

[0001] This application claims priority to U.S. Patent Application No. 17 / 738,940, titled "Time - related User Interface", filed on May 6, 2022; U.S. Provisional Application No. 63 / 197,447, titled "Time - related User Interface", filed on June 6, 2021; and U.S. Provisional Application No. 63 / 188,801, titled "Time - related User Interface", filed on May 14, 2021, the entire contents of which are incorporated herein by reference.

Technical Field

[0002] The present disclosure generally relates to a computer user interface, and more specifically, to techniques for managing the face of a wristwatch.

Background Art

[0003] When using smart wristwatch devices and other personal electronic devices, a user can manipulate the appearance of the face of the wristwatch. The user can select various options to manage how the face of the wristwatch is presented.

Summary of the Invention

[0004] However, some techniques for managing the face of a wristwatch using an electronic device are generally cumbersome and inefficient. For example, in some existing techniques, a complex and time - consuming user interface that may involve multiple key presses or keystrokes is used. Existing techniques take more time than necessary, wasting the user's time and the device's energy. This latter consideration is particularly important in battery - operated devices.

[0005] Therefore, this technology provides electronic devices with a faster and more efficient method and interface for managing watch faces. Such methods and interfaces optionally complement or replace other methods for managing watch faces. Such methods and interfaces reduce the cognitive burden on the user and create a more efficient human-machine interface. In the case of battery-operated computing devices, such methods and interfaces conserve power and extend the interval between battery charges.

[0006] A method is described according to several embodiments. The method is performed in a computer system that communicates with a display generating component and one or more input devices. The method includes receiving input via one or more input devices in response to a request to display a user interface based on a media item, and displaying a user interface via the display generating component in response to the reception of the input, wherein the display of the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0007] According to several embodiments, a non-temporary computer-readable storage medium is described. The non-temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generation component and one or more input devices, and the one or more programs include instructions for receiving input via one or more input devices in response to a request to display a user interface based on a media item, and instructions for displaying the user interface via the display generation component in response to receiving the input, wherein displaying the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0008] According to some embodiments, a temporary computer-readable storage medium is described. The temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generation component and one or more input devices, and the one or more programs include instructions for receiving input via one or more input devices in response to a request to display a user interface based on a media item, and instructions for displaying the user interface via the display generation component in response to receiving the input, wherein displaying the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0009] According to several embodiments, a computer system is described. The computer system includes one or more processors, the computer system communicating with a display generation component and one or more input devices, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for receiving input via one or more input devices in response to a request to display a user interface based on a media item, and instructions for displaying the user interface via the display generation component in response to receiving the input, wherein displaying the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0010] According to several embodiments, a computer system is described. The computer system communicates with a display generation component and one or more input devices. The method includes means for receiving input via one or more input devices in response to a request to display a user interface based on a media item, and means for displaying the user interface via a display generation component in response to receiving the input, wherein displaying the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0011] According to several embodiments, a computer program product is described. The computer program product includes one or more programs configured to be executed by one or more processors of a computer system that communicate with a display generation component and one or more input devices, the one or more programs including instructions for receiving input via one or more input devices in response to a request to display a user interface based on a media item, and instructions for displaying the user interface via the display generation component in response to receiving the input, wherein displaying the user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text having content that is displayed in front of the background element and behind the foreground element and is dynamically selected based on the context of the computer system.

[0012] According to several embodiments, the method is described. The method is performed in a computer system that communicates with a display generation component and one or more input devices. The method includes receiving a request to display a clock face via one or more input devices, and, in response to receiving the request to display a clock face, displaying a clock face via a display generating component that includes the names of one or more different cities, wherein the display includes simultaneously displaying the current time in the current time zone associated with the computer system and the names of one or more different cities, where one or more different cities include a first city, and displaying the names of one or more cities includes displaying the name of the first city, wherein, according to a determination that the computer system is associated with a first time zone, the name of the first city is displayed in a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display, and, according to a determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in a second position on the clock face in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

[0013] According to some embodiments, a non-temporary computer-readable storage medium is described. The non-temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generating component and one or more input devices, and the one or more programs include, via one or more input devices, instructions for receiving a request to display a clock face, and, in response to receiving a request to display a clock face, instructions via the display generating component for displaying a clock face including the names of one or more different cities, and the display includes simultaneously displaying the current time in the current time zone associated with the computer system, the names of one or more different cities, and one or more different The city includes the first city, and displaying the names of one or more cities includes displaying the name of the first city, and according to the determination that the computer system is associated with the first time zone, the name of the first city is displayed in the first position on the clock face in text oriented such that the bottom of the letters of the name of the first city is closer to the current time display than the top of the letters of the name of the first city is closer to the current time display, and according to the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in the second position on the clock face in text oriented such that the top of the letters of the name of the first city is closer to the current time display than the bottom of the letters of the name of the first city is closer to the current time display.

[0014] According to some embodiments, a temporary computer-readable storage medium is described. The temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generating component and one or more input devices, and the one or more programs include, via one or more input devices, instructions for receiving a request to display a clock face, and, in response to receiving a request to display a clock face, instructions via the display generating component for displaying a clock face including the names of one or more different cities, and the display includes simultaneously displaying the current time in the current time zone associated with the computer system, the names of one or more different cities, and one or more different The city includes the first city, and displaying the names of one or more cities includes displaying the name of the first city, and according to the determination that the computer system is associated with the first time zone, the name of the first city is displayed in the first position on the clock face in text oriented such that the bottom of the letters of the name of the first city is closer to the current time display than the top of the letters of the name of the first city is closer to the current time display, and according to the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in the second position on the clock face in text oriented such that the top of the letters of the name of the first city is closer to the current time display than the bottom of the letters of the name of the first city is closer to the current time display.

[0015] According to several embodiments, a computer system is described. The computer system includes one or more processors that communicate with a display generating component and one or more input devices, and a memory that stores one or more programs configured to be executed by the one or more processors, the one or more processors including instructions for receiving a request to display a clock face via one or more input devices, and instructions for displaying a clock face including the names of one or more different cities via the display generating component in response to receiving a request to display a clock face, the display including the current time in the current time zone associated with the computer system, and the names of one or more different cities, one or more different The city includes the first city, and displaying the names of one or more cities includes displaying the name of the first city, and according to the determination that the computer system is associated with the first time zone, the name of the first city is displayed in a first position on the clock face in text oriented such that the bottom of the letters of the name of the first city is closer to the current time display than the top of the letters of the name of the first city is closer to the current time display, and according to the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in a second position on the clock face in text oriented such that the top of the letters of the name of the first city is closer to the current time display than the bottom of the letters of the name of the first city is closer to the current time display.

[0016] According to several embodiments, a computer system is described. The computer system communicates with a display generation component and one or more input devices. The computer system includes means for receiving a request to display a clock face via one or more input devices, and means for displaying a clock face including the names of one or more different cities via a display generating component in response to receiving a request to display a clock face, wherein displaying includes simultaneously displaying the current time in the current time zone associated with the computer system and the names of one or more different cities, where one or more different cities include a first city, and displaying the names of one or more cities includes displaying the name of the first city, wherein, according to a determination that the computer system is associated with a first time zone, the name of the first city is displayed in a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display, and, according to a determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in a second position on the clock face in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

[0017] According to several embodiments, a computer program product is described. The computer program product includes one or more programs configured to be executed by one or more processors of a computer system that communicate with a display generating component and one or more input devices, the one or more programs including instructions for receiving a request to display a clock face via one or more input devices, and instructions for displaying a clock face including the names of one or more different cities via the display generating component in response to receiving a request to display a clock face, the display including the names of one or more different cities, the display including the current time in the current time zone associated with the computer system, and the names of one or more different cities, where one or more different cities is the first city Displaying the names of one or more cities includes displaying the name of a first city, and according to the determination that the computer system is associated with a first time zone, the name of the first city is displayed in a first position on the clock face in text oriented such that the bottom of the letters of the name of the first city is closer to the current time display than the top of the letters of the name of the first city is closer to the current time display, and according to the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed in a second position on the clock face in text oriented such that the top of the letters of the name of the first city is closer to the current time display than the bottom of the letters of the name of the first city is closer to the current time display.

[0018] A method is described according to several embodiments. The method is performed on a computer system that communicates with a display generating component. The method is to display a first user interface including an analog dial via the display generating component while the computer system is in a first state, and while the computer system is in a first state, displaying the analog dial includes simultaneously displaying a time indicator on the analog dial that shows the current time, and hour indicators displayed around the analog dial, wherein the hour indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size, and after displaying the analog dial with the first hour indicator in a first size and the second hour indicator in a second size, the computer system While the computer system is in a second state different from the first state, the system detects a request to display an analog dial and, in response to detecting a change in the state of the computer system, displays a first user interface updated to reflect the second state, including the display of an analog dial, wherein while the computer system is in the second state, the display of the analog dial includes simultaneously displaying a time indicator on the analog dial that shows the current time and hour indicators displayed around the analog dial, the hour indicators including an hour indicator displayed in a third size different from the first size and an hour indicator displayed in a fourth size different from the second size.

[0019] According to some embodiments, a non-temporary computer-readable storage medium is described. The non-temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generating component, and one or more programs, while the computer system is in a first state, provide instructions via the display generating component for displaying a first user interface including an analog dial, wherein while the computer system is in a first state, displaying the analog dial includes simultaneously displaying a time indicator on the analog dial that indicates the current time, and hour indicators displayed around the analog dial, wherein the hour indicators include instructions for displaying a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size, and instructions for displaying the first hour indicator in a first size The instructions include a command for detecting a request to display the analog dial while the computer system is in a second state different from the first state, after displaying the analog dial by displaying the second time indicator in a second size, and a command for displaying a first user interface updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein displaying the analog dial while the computer system is in the second state includes simultaneously displaying a time indicator on the analog dial that shows the current time, and time indicators displayed around the analog dial, the time indicators including a first time indicator displayed in a third size different from the first size, and a second time indicator displayed in a fourth size different from the second size.

[0020] According to some embodiments, a temporary computer-readable storage medium is described. The temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generating component, and one or more programs, while the computer system is in a first state, provide instructions via the display generating component for displaying a first user interface including an analog dial, wherein while the computer system is in a first state, displaying the analog dial includes simultaneously displaying a time indicator on the analog dial that indicates the current time, and hour indicators displayed around the analog dial, wherein the hour indicators include instructions for displaying a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size, and instructions for displaying the first hour indicator in a first size The instructions include a command for detecting a request to display the analog dial while the computer system is in a second state different from the first state, after displaying the analog dial by displaying the second time indicator in a second size, and a command for displaying a first user interface updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein displaying the analog dial while the computer system is in the second state includes simultaneously displaying a time indicator on the analog dial that shows the current time, and time indicators displayed around the analog dial, the time indicators including a first time indicator displayed in a third size different from the first size, and a second time indicator displayed in a fourth size different from the second size.

[0021] A computer system is described according to several embodiments. The computer system includes one or more processors, the computer system communicating with a display generating component, and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs being instructions for displaying a first user interface including an analog dial via the display generating component while the computer system is in a first state, the display of the analog dial while the computer system is in a first state including simultaneously displaying a time indicator on the analog dial that indicates the current time, and hour indicators displayed around the analog dial, the hour indicators including instructions for a first hour indicator displayed in a first size, and a second hour indicator displayed in a second size different from the first size, and the first hour indicator Instructions for displaying an analog dial, which displays a time indicator in a first size and a second time indicator in a second size, and for detecting a request to display the analog dial while the computer system is in a second state different from the first state, and for displaying a first user interface updated to reflect the second state, including the display of the analog dial, in response to detecting a change in the state of the computer system, wherein displaying the analog dial while the computer system is in the second state includes simultaneously displaying a time indicator on the analog dial that shows the current time and a time indicator displayed around the analog dial, the time indicator including a first time indicator displayed in a third size different from the first size and a second time indicator displayed in a fourth size different from the second size.

[0022] According to several embodiments, a computer system is described. The computer system communicates with a display generating component. The computer system is a means for displaying a first user interface, including an analog dial, via the display generating component while the computer system is in a first state, wherein displaying the analog dial while the computer system is in a first state includes simultaneously displaying a time indicator on the analog dial that indicates the current time, and hour indicators displayed around the analog dial, wherein the hour indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size, and after displaying the analog dial with the first hour indicator in the first size and the second hour indicator in the second size, the computer Means for detecting a request to display an analog dial while the system is in a second state different from a first state, and means for displaying a first user interface updated to reflect the second state, including the display of an analog dial, in response to the detection of a change in the state of the computer system, wherein displaying the analog dial while the computer system is in the second state includes simultaneously displaying a time indicator on the analog dial that shows the current time, and hour indicators displayed around the analog dial, wherein the hour indicators include an hour indicator displayed in a third size different from a first size, and an hour indicator displayed in a fourth size different from a second size.

[0023] According to several embodiments, a computer program product is described. The computer program product includes one or more programs configured to be executed by one or more processors of a computer system that communicate with a display generating component, the one or more programs being instructions for displaying a first user interface including an analog dial via the display generating component while the computer system is in a first state, the display of the analog dial while the computer system is in a first state including simultaneously displaying a time indicator on the analog dial that indicates the current time, and hour indicators displayed around the analog dial, the hour indicators including instructions for displaying the first hour indicator in the first size and the second hour indicator displayed in a second size different from the first size, and instructions for displaying the first hour indicator in the first size and the second Instructions for detecting a request to display the analog dial while the computer system is in a second state different from the first state, after displaying the time indicator in a second size, and instructions for displaying a first user interface updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein displaying the analog dial while the computer system is in the second state includes simultaneously displaying a time indicator on the analog dial that shows the current time, and a time indicator displayed around the analog dial, the instructions for the time indicator including a first hour indicator displayed in a third size different from the first size, and a second hour indicator displayed in a fourth size different from the second size.

[0024] A method is described according to several embodiments. The method is performed in a computer system that communicates with a display generating component and one or more input devices, including a rotatable input mechanism. The method includes displaying a selection user interface via the display generating component; detecting rotation of a rotatable input mechanism about a rotation axis while displaying the selection user interface; displaying a graphic representation of the selection focus that changes as the selection focus moves between a plurality of selectable objects in response to the detection of rotation of the rotatable input mechanism; detecting a press input in the rotatable input mechanism after changing the selection focus through the plurality of selectable objects; and selecting one of the plurality of selectable objects in response to the detection of the press input, wherein if a press input is detected, the first selectable object among the plurality of selectable objects is selected according to a determination that the first selectable object has the selection focus; and if a press input is detected, the second selectable object among the plurality of selectable objects, different from the first selectable object, is selected according to a determination that the second selectable object has the selection focus.

[0025] According to some embodiments, non-temporary computer-readable storage media are described. A non-temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generation component and one or more input devices including a rotatable input mechanism, and the one or more programs include, via the display generation component, instructions for displaying a selection user interface; instructions for detecting rotation of a rotatable input mechanism about a rotation axis while the selection user interface is displayed; instructions for displaying a graphic representation of the selection focus that changes as the selection focus moves among a plurality of selectable objects in response to the detection of rotation of the rotatable input mechanism; instructions for detecting a press input in the rotatable input mechanism after changing the selection focus through a plurality of selectable objects; and instructions for selecting one of the plurality of selectable objects in response to the detection of a press input, the instructions including, if a press input is detected, selecting a first selectable object according to a determination that the first selectable object among the plurality of selectable objects has the selection focus, and if a press input is detected, selecting a second selectable object according to a determination that the second selectable object among the plurality of selectable objects, different from the first selectable object, has the selection focus.

[0026] According to some embodiments, a temporary computer-readable storage medium is described. A temporary computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system, the computer system communicates with a display generation component and one or more input devices including a rotatable input mechanism, and the one or more programs include, via the display generation component, instructions for displaying a selection user interface; instructions for detecting rotation of a rotatable input mechanism about a rotation axis while the selection user interface is displayed; instructions for displaying a graphic representation of the selection focus that changes as the selection focus moves among a plurality of selectable objects in response to the detection of rotation of the rotatable input mechanism; instructions for detecting a press input in the rotatable input mechanism after changing the selection focus through a plurality of selectable objects; and instructions for selecting one of the plurality of selectable objects in response to the detection of a press input, the instructions including, if a press input is detected, selecting a first selectable object according to the determination that a first selectable object among the plurality of selectable objects has the selection focus, and if a press input is detected, selecting a second selectable object according to the determination that a second selectable object among the plurality of selectable objects, different from the first selectable object, has the selection focus.

[0027] According to some embodiments, a computer system is described. The computer system includes one or more processors that communicate with one or more input devices including a display generation component and a rotatable input mechanism, and a memory that stores one or more programs configured to be executed by the one or more processors. The one or more processors are configured to, via the display generation component, display instructions for displaying a selection user interface, detect rotation of the rotatable input mechanism about a rotation axis while displaying the selection user interface, display a graphical representation of a selection focus that changes as the selection focus moves between a plurality of selectable objects in response to detecting the rotation of the rotatable input mechanism, detect a press input in the rotatable input mechanism after changing the selection focus through the plurality of selectable objects, and include instructions for selecting one of the plurality of selectable objects in response to detecting the press input, including selecting the first selectable object of the plurality of selectable objects according to a determination that the first selectable object had the selection focus when the press input was detected, and selecting the second selectable object of the plurality of selectable objects according to a determination that a second selectable object different from the first selectable object had the selection focus when the press input was detected.

[0028] According to several embodiments, a computer system is described. The computer system communicates with a display generating component and one or more input devices, including a rotatable input mechanism. The computer system includes means for displaying a selection user interface via the display generating component; means for detecting rotation of a rotatable input mechanism about a rotation axis while the selection user interface is displayed; means for displaying a graphic representation of the selection focus that changes as the selection focus moves among a plurality of selectable objects in response to the detection of rotation of the rotatable input mechanism; means for detecting a press input in the rotatable input mechanism after changing the selection focus through the plurality of selectable objects; and means for selecting one of the plurality of selectable objects in response to the detection of the press input, including, if a press input is detected, selecting a first selectable object according to a determination that the first selectable object among the plurality of selectable objects has the selection focus, and if a press input is detected, selecting a second selectable object according to a determination that the second selectable object among the plurality of selectable objects, different from the first selectable object, has the selection focus.

[0029] According to several embodiments, a computer program product is described. The computer program product includes one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices including a rotatable input mechanism, the one or more programs including instructions for displaying a selection user interface via the display generating component; instructions for detecting rotation of a rotatable input mechanism about a rotation axis while the selection user interface is displayed; instructions for displaying a graphic representation of the selection focus that changes as the selection focus moves between a plurality of selectable objects in response to the detection of rotation of the rotatable input mechanism; instructions for detecting a press input in the rotatable input mechanism after changing the selection focus through the plurality of selectable objects; and instructions including, in response to the detection of the press input, selecting a first selectable object according to the determination that, if a press input is detected, the first selectable object among the plurality of selectable objects has the selection focus, and selecting a second selectable object according to the determination that, if a press input is detected, the second selectable object among the plurality of selectable objects, different from the first selectable object, has the selection focus.

[0030] According to some embodiments, a method is described that is executed in a computer system that communicates with a display generation component and one or more input devices. The method includes detecting, via the one or more input devices, an input corresponding to a request to display an editing user interface; and, in response to detecting the input, displaying, via the display generation component, the editing user interface, wherein displaying the editing user interface includes simultaneously displaying a media item that includes a background element and a foreground element segmented from the background element based on depth information, and system text, the system text being displayed in a first layer arrangement with respect to the foreground element based on depth information, the foreground element of the media item being displayed at a first position with respect to the system text; detecting user input directed to the editing user interface; and, in response to detecting user input directed to the editing user interface, updating the system text displayed in a second layer arrangement with respect to the foreground element segmented based on depth information for the media item according to a determination that the user input is a first type of user input, and updating the media item such that the foreground element of the media item is displayed at a second position different from the first position with respect to the system text according to a determination that the user input is a second type of user input different from the first type of user input.

[0031] According to some embodiments, a non-temporary computer-readable storage medium is described. The non-temporary computer-readable storage medium stores a display generation component and one or more programs configured to be executed by one or more processors of a computer system that communicates with one or more input devices, the one or more programs including instructions for detecting inputs corresponding to a request to display an editing user interface via one or more input devices, and instructions for displaying the editing user interface via the display generation component in response to the detection of inputs, the display of the editing user interface including simultaneously displaying a media item including a background element and a foreground element segmented from the background element based on depth information, and system text, the system text is based on depth information and corresponds to the foreground element Displayed in a first layer arrangement, the foreground element of the media item includes an instruction to display in a first position relative to the system text, an instruction to detect user input directed to the editing user interface, and, in response to the detection of user input directed to the editing user interface, an instruction to update the system text displayed in a second layer arrangement relative to the foreground element segmented based on depth information for the media item, according to the determination that the user input is a first type of user input, and an instruction to update the media item so that the foreground element of the media item displays in a second position relative to the system text, different from the first position, according to the determination that the user input is a second type of user input different from the first type of user input.

[0032] According to several embodiments, a temporary computer-readable storage medium is described. The temporary computer-readable storage medium stores a display generation component and one or more programs configured to be executed by one or more processors of a computer system that communicates with one or more input devices, the one or more programs including instructions for detecting inputs corresponding to a request to display an editing user interface via one or more input devices, and instructions for displaying the editing user interface via the display generation component in response to the detection of inputs, the display of the editing user interface including simultaneously displaying a media item including a background element and a foreground element segmented from the background element based on depth information, and system text, the system text relating to the foreground element based on depth information Displayed in a first layer arrangement, the foreground element of the media item includes a command to display in a first position relative to the system text, a command to detect user input directed to the editing user interface, and, in response to the detection of user input directed to the editing user interface, a command to update the system text displayed in a second layer arrangement relative to the foreground element segmented based on depth information for the media item, according to the determination that the user input is a first type of user input, and a command to update the media item so that the foreground element of the media item is displayed in a second position relative to the system text, different from the first position, according to the determination that the user input is a second type of user input different from the first type of user input.

[0033] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described. The computer system includes one or more processors and a memory that stores one or more programs configured to be executed by one or more processors, the one or more programs having instructions for detecting inputs corresponding to a request to display an editing user interface via one or more input devices, and instructions for displaying the editing user interface via a display generation component in response to the detection of inputs, the display of the editing user interface includes simultaneously displaying a media item including background elements and foreground elements segmented from the background elements based on depth information, and system text, the system text is displayed in the arrangement of a first layer relative to the foreground elements based on depth information. The foreground element of a media item includes instructions to display in a first position relative to system text, instructions to detect user input directed to the editing user interface, and instructions to update the system text displayed in a second layer arrangement relative to the foreground element segmented based on depth information for the media item, in accordance with the determination that the user input is of a first type, and in accordance with the determination that the user input is of a second type, different from the first type, instructions to update the media item so that the foreground element of the media item displays in a second position relative to the system text, different from the first position.

[0034] According to some embodiments, a computer system configured to communicate with a display generation component and one or more input devices is described. The computer system includes means for detecting inputs corresponding to a request to display an editing user interface via one or more input devices, and means for displaying the editing user interface via the display generation component in response to the detection of inputs, wherein displaying the editing user interface includes simultaneously displaying a media item comprising a background element and a foreground element segmented from the background element based on depth information, and system text, wherein the system text is displayed in a first layer arrangement relative to the foreground element based on depth information, and the foreground element of the media item is displayed in a first position relative to the system text, and means for detecting user input directed to the editing user interface, and means for updating the system text displayed in a second layer arrangement relative to the foreground element segmented based on depth information for the media item in response to the detection of user input directed to the editing user interface, according to a determination that the user input is a first type of user input, and updating the media item so that the foreground element of the media item is displayed in a second position relative to the system text, different from a first position, according to a determination that the user input is a second type of user input different from the first type of user input.

[0035] According to some embodiments, a computer program product is described. The computer program product includes a display generation component and one or more programs configured to be executed by one or more processors of a computer system that communicate with one or more input devices. One or more programs include instructions for detecting input corresponding to a request to display an editing user interface via one or more input devices, and instructions for displaying the editing user interface via a display generation component in response to the detection of input, wherein displaying the editing user interface includes simultaneously displaying a media item including a background element and a foreground element segmented from the background element based on depth information, and system text, wherein the system text is displayed in a first layer arrangement relative to the foreground element based on depth information, and the foreground element of the media item is displayed in a first position relative to the system text, instructions for detecting user input directed to the editing user interface, and instructions for updating the system text displayed in a second layer arrangement relative to the foreground element segmented based on depth information for the media item in response to the detection of user input directed to the editing user interface, in accordance with the determination that the user input is a first type of user input, and instructions for updating the media item so that the foreground element of the media item is displayed in a second position relative to the system text, different from the first position, in accordance with the determination that the user input is a second type of user input different from the first type of user input.

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

[0037] Therefore, the device is provided with a faster and more efficient method and interface for managing the watch face, thereby improving the effectiveness, efficiency, and user satisfaction of such a device. Such a method and interface can complement or replace other methods for managing the watch face. [Brief explanation of the drawing]

[0038] To better understand the various embodiments described, the following “Modes for Carrying Out the Invention” should be referenced in conjunction with the following drawings, and similar reference numbers throughout the following drawings refer to the corresponding parts.

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

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

[0041] [Figure 2] This figure shows a portable multifunctional device having a touchscreen, according to several embodiments.

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

[0043] [Figure 4A] The following are exemplary user interfaces for application menus on a portable multifunction device, according to several embodiments.

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

[0045] [Figure 5A] A personal electronic device according to several embodiments is shown.

[0046] [Figure 5B] This is a block diagram showing a personal electronic device according to several embodiments.

[0047] [Figure 5C] The following are exemplary components of a personal electronic device having a touch-sensitive display and an intensity sensor, according to several embodiments. [Figure 5D] The following are exemplary components of a personal electronic device having a touch-sensitive display and an intensity sensor, according to several embodiments.

[0048] [Figure 5E] This figure shows exemplary components and user interfaces of a personal electronic device according to several embodiments. [Figure 5F] This figure shows exemplary components and user interfaces of a personal electronic device according to several embodiments. [Figure 5G] This figure shows exemplary components and user interfaces of a personal electronic device according to several embodiments. [Figure 5H] This figure shows exemplary components and user interfaces of a personal electronic device according to several embodiments.

[0049] [Figure 6A] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6B]This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6C] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6D] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6E] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6F] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6G] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6H] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6I] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6J] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6K] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6L] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6M]This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6N] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6O] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6P] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6Q] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6R] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6S] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6T] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items. [Figure 6U] This example demonstrates a user interface for managing watch faces based on depth data from previously captured media items.

[0050] [Figure 7] This flowchart illustrates how to manage watch faces based on depth data from previously captured media items.

[0051] [Figure 8A]This example shows a user interface for managing a clock face based on geographical data. [Figure 8B] This example shows a user interface for managing a clock face based on geographical data. [Figure 8C] This example shows a user interface for managing a clock face based on geographical data. [Figure 8D] , [Figure 8D-CONT] This example shows a user interface for managing a clock face based on geographical data. [Figure 8E] This example shows a user interface for managing a clock face based on geographical data. [Figure 8F] This example shows a user interface for managing a clock face based on geographical data. [Figure 8G] This example shows a user interface for managing a clock face based on geographical data. [Figure 8H] This example shows a user interface for managing a clock face based on geographical data. [Figure 8I] This example shows a user interface for managing a clock face based on geographical data. [Figure 8J] This example shows a user interface for managing a clock face based on geographical data. [Figure 8K] This example shows a user interface for managing a clock face based on geographical data. [Figure 8L] This example shows a user interface for managing a clock face based on geographical data. [Figure 8M] This example shows a user interface for managing a clock face based on geographical data.

[0052] [Figure 9] This flowchart illustrates a method for managing clock faces based on geographical data.

[0053] [Figure 10A] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10B] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10C] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10D] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10E] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10F] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10G] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10H] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10I] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10J] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10K] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10L] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10M]This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10N] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10O] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10P] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10Q] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10R] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10S] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10T] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10U] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10V] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system. [Figure 10W] This exhibits an exemplary user interface for managing a clock face based on the state information of a computer system.

[0054] [Figure 11] This flowchart illustrates a method for managing the clock face based on the state information of a computer system.

[0055] [Figure 12A] This shows an exemplary user interface related to time management. [Figure 12B] This shows an exemplary user interface related to time management. [Figure 12C] This shows an exemplary user interface related to time management. [Figure 12D] This shows an exemplary user interface related to time management. [Figure 12E] This shows an exemplary user interface related to time management. [Figure 12F] This shows an exemplary user interface related to time management. [Figure 12G] This shows an exemplary user interface related to time management. [Figure 12H] This shows an exemplary user interface related to time management. [Figure 12I] This shows an exemplary user interface related to time management. [Figure 12J] This shows an exemplary user interface related to time management. [Figure 12K] This shows an exemplary user interface related to time management. [Figure 12L] This shows an exemplary user interface related to time management. [Figure 12M] This shows an exemplary user interface related to time management. [Figure 12N] This shows an exemplary user interface related to time management. [Figure 12O] This shows an exemplary user interface related to time management. [Figure 12P] This shows an exemplary user interface related to time management. [Figure 12Q] This shows an exemplary user interface related to time management. [Figure 12R] This shows an exemplary user interface related to time management. [Figure 12S] This shows an exemplary user interface related to time management. [Figure 12T] This shows an exemplary user interface related to time management. [Figure 12U] This shows an exemplary user interface related to time management. [Figure 12V] This shows an exemplary user interface related to time management. [Figure 12W] This shows an exemplary user interface related to time management.

[0056] [Figure 13] This flowchart illustrates methods related to user interfaces for time management.

[0057] [Figure 14A] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14B] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14C] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14D] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14E] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14F] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14G] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14H] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14I] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14J] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14K] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14L] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14M] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14N] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14O] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14P] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14Q] This example shows a user interface for editing the user interface based on depth data from previously captured media items. [Figure 14R]This example shows a user interface for editing the user interface based on depth data from previously captured media items.

[0058] [Figure 15] This flowchart illustrates a method related to editing the user interface based on depth data from previously captured media items. [Modes for carrying out the invention]

[0059] The following description includes exemplary methods, parameters, etc. However, it should be noted that such descriptions are not intended to limit the scope of this disclosure, but rather are provided as descriptions of exemplary embodiments.

[0060] An electronic device is needed that provides an efficient method and interface for managing watch faces. For example, a device is needed that enables an intuitive and efficient method of displaying a watch face based on previously captured media items, including depth data. Furthermore, a device is needed that enables an intuitive and efficient method of displaying a watch face including information based on geographic location data. Furthermore, a device is needed that enables an intuitive and efficient method of displaying a watch face that convincingly shows the current time. Furthermore, a device is needed that allows for the adjustment and modification of the watch face background and complications in an intuitive and efficient manner. Such technology would reduce the cognitive burden on the user managing the watch face and improve productivity. Moreover, such technology could reduce the processor and battery power that would normally be wasted on redundant user input.

[0061] Figures 1A-1B, 2, 3, 4A-4B, and 5A-5H below provide a description of an exemplary device for performing technology to manage event notifications.

[0062] Figures 6A to 6U show exemplary user interfaces for managing watch faces based on depth data of previously captured media items. Figure 7 is a flowchart illustrating how to manage watch faces based on depth data of previously captured media items according to several embodiments. The user interfaces in Figures 6A to 6U are used to illustrate processes described later, including the process in Figure 7.

[0063] Figures 8A to 8M show exemplary user interfaces for managing a clock face based on geographic data. Figure 9 is a flowchart illustrating how to manage a clock face based on geographic data in several embodiments. The user interfaces in Figures 8A to 8M are used to illustrate processes described later, including the process in Figure 9.

[0064] Figures 10A to 10W show exemplary user interfaces for managing the clock face based on the state information of a computer system. Figure 11 is a flowchart illustrating a method for managing the clock face based on the state information of a computer system, according to several embodiments. The user interfaces in Figures 10A to 10W are used to illustrate processes described later, including the process in Figure 11.

[0065] Figures 12A to 12W show exemplary user interfaces related to time management. Figure 13 is a flowchart illustrating a method related to the user interface for time management. The user interfaces in Figures 12A to 12W are used to illustrate processes described later, including the process in Figure 13.

[0066] Figures 14A to 14R show exemplary user interfaces for editing the user interface based on depth data of previously captured media items. The user interfaces in Figures 14A to 14R are used to illustrate processes described later, including the process in Figure 15.

[0067] Furthermore, in any method described herein that is conditional on one or more conditions being met by one or more steps, it should be understood that the method described can be repeated in multiple iterations such that all the conditions that the steps of the method are conditional on are met in different iterations of the method. For example, if a method requires that a first step be performed if a condition is met, and a second step be performed if the condition is not met, a person skilled in the art will understand that the steps described in the claim are repeated in a specific order until the conditions are met and then not met. Thus, a method described in one or more steps that depends on one or more conditions being met can be rewritten as a method that is repeated until each of the conditions described in the method is met. However, this is not required for claims of a system or computer-readable medium that includes instructions for performing a contingency operation based on the satisfaction of the corresponding one or more conditions, and therefore it is possible to determine whether the contingency is met without explicitly repeating the steps of the method until all the conditions that the steps of the method are conditional on are met. Those skilled in the art will understand that, as with methods involving incidental steps, a system or computer-readable storage medium may repeat the steps of the method as many times as necessary to ensure that all incidental steps are performed.

[0068] In the following description, terms such as “first,” “second,” etc., are used to describe various elements, but these elements should not be limited by these terms. In some embodiments, these terms are used to distinguish one element from another. For example, without departing from the scope of the various embodiments described, the first touch may be called the second touch, and similarly, the second touch may be called the first touch. In some embodiments, the first touch and the second touch are two distinct references to the same touch. Both the first touch and the second touch are touches, but they are not the same touch.

[0069] The terminology used in the descriptions of the various embodiments described herein is intended solely to describe specific embodiments and is not intended to be limiting. In the descriptions of the various embodiments and the accompanying claims, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless otherwise explicitly stated in the context. Furthermore, it should be understood that, as used herein, the term “and / or” refers to and includes any and all possible combinations of one or more of the enumerated items relating to the description. It will be further understood that, as used herein, the terms “includes,” “comprises,” and / or “comprising” specify the presence of the described features, integers, steps, actions, elements, and / or components, but do not exclude the presence or addition of one or more other features, integers, steps, actions, elements, components, and / or groups thereof.

[0070] The phrase "if" may optionally be interpreted, depending on the context, as meaning "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" may optionally be interpreted, depending on the context, as meaning "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]."

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

[0072] The following discussion describes electronic devices including displays and touch-sensitive surfaces. However, it should be understood that electronic devices optionally include one or more other physical user interface devices such as physical keyboards, mice, and / or joysticks.

[0073] The device typically supports a variety of applications, including drawing applications, presentation applications, word processing applications, website creation applications, disk authoring applications, spreadsheet applications, game applications, telephone applications, video conferencing applications, email applications, instant messaging applications, training support applications, photo management applications, digital camera applications, digital video camera applications, web browsing applications, digital music player applications, and / or digital video player applications.

[0074] Various applications running on this device optionally utilize at least one common physical user interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface, as well as the corresponding information displayed on the device, are optionally adjusted and / or modified on an application-by-application basis and / or within individual applications. In this way, the device's common physical architecture (such as the touch-sensitive surface) optionally supports a variety of applications with intuitive and transparent user interfaces for the user.

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

[0076] As used herein and in the claims, the term “strength” of contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of contact on the touch-sensitive surface (e.g., finger contact), or a proxy for the force or pressure of contact on the touch-sensitive surface. The strength of contact has a range of values, including at least four distinct values, and more typically, including several hundred (e.g., at least 256) distinct values. The strength of contact is optionally determined (or measured) using various methods and various sensors or combinations of sensors. For example, one or more force sensors below or adjacent to the touch-sensitive surface are optionally used to measure the force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., weighted averaged) to determine the estimated force of contact. Similarly, the pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size and / or modification of the contact area detected on the touch-sensing surface, the capacitance and / or modification of the touch-sensing surface adjacent to the contact, and / or the resistance and / or modification of the touch-sensing surface adjacent to the contact may optionally be used as a substitute for the force or pressure of the contact on the touch-sensing surface. In some implementations, the substitute measurement of the contact force or pressure is used directly to determine whether or not an intensity threshold is exceeded (e.g., the intensity threshold is described in units corresponding to the substitute measurement). In some implementations, the substitute measurement of the contact force or pressure is converted into an estimate of the force or pressure, which is then used to determine whether or not an estimate of the force or pressure exceeds an intensity threshold (e.g., the intensity threshold is a pressure threshold measured in units of pressure). By using the intensity of contact as an attribute of user input, it becomes possible for users to access additional device functions that may otherwise be inaccessible (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 control such as a knob or button) on reduced-size devices where the implementation area for displaying affordances is limited.

[0077] As used herein and in the claims, the term “tactile output” refers to the physical displacement of a device relative to its previous position, the physical displacement of a component of a device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or the displacement of a component relative to the center of mass of a device, which will be detected by the user through the user’s sense of touch. For example, in a situation where a device or component of a device is in contact with a touch-sensitive user’s surface (e.g., the user’s fingers, palm, or other part of their hand), the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in the physical properties of the device or component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) may be optionally interpreted by the user as a “down-click” or “up-click” of a physical actuator button. In some cases, the user may perceive a tactile sensation such as a “down-click” or “up-click” even when there is no movement of a physical actuator button associated with a touch-sensitive surface that has been physically pressed (e.g., displaced) by the user’s action. In another embodiment, movement of a touch-sensitive surface may be optionally interpreted or perceived by the user as "roughness" of the touch-sensitive surface, even if there is no change in the smoothness of the touch-sensitive surface. Such user interpretations of touch depend on the user's personal sensory perception, but there are many touch sensory perceptions common to the majority of users. Therefore, when a tactile output is described as corresponding to a user's specific sensory perception (e.g., "up-click," "down-click," "roughness"), unless otherwise stated, the generated tactile output corresponds to the physical displacement of the device or its components that produce the described sensory perception of a typical (or average) user.

[0078] It should be understood that device 100 is merely an example of a portable multifunction device, and that device 100 may optionally have more or fewer components than those shown, may optionally combine two or more components, or may optionally have different configurations or arrangements of those 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.

[0079] 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.

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

[0081] The RF (radio frequency) circuit 108 transmits and receives RF signals, also known as electromagnetic signals. The RF circuit 108 converts electrical signals to electromagnetic signals or electromagnetic signals to electrical signals and communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 108 optionally includes well-known circuits for performing these functions, which include, but are not limited to, antenna systems, RF transceivers, one or more amplifiers, tuners, one or more oscillators, digital signal processors, CODEC chipsets, subscriber identity module (SIM) cards, and memory. The RF circuit 108 optionally communicates wirelessly with networks such as the Internet, also known as the World Wide Web (WWW), intranets, and / or wireless networks such as cellular telephone networks, wireless local area networks (LANs), and / or metropolitan area networks (MANs), as well as with other devices. The RF circuit 108 optionally includes a well-known circuit for detecting a near-field communication (NFC) field using a short-range communication radio. Wireless communication is not limited to this, but optionally includes 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-HSPADA), and long-term evolution.Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and / or IEEE 802.11ac), Voice over Internet Protocol (VoIP), Wi-MAX, Email protocols (e.g., Internet Message Access Protocol (IMAP) and / or Post Office Protocol (POP)), Instant messaging (e.g., Extensible Messaging and Presence Protocol) Using any of several communication standards, protocols, and technologies, including the XMPP protocol, 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 a communication protocol not yet developed as of the filing date of this specification.

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

[0083] The I / O subsystem 106 connects input / output peripherals on device 100, such as the touchscreen 112 and other input control devices 116, to the peripheral interface 118. The I / O subsystem 106 optionally includes a display controller 156, an optical sensor controller 158, a depth camera controller 169, an intensity sensor controller 159, a haptic feedback controller 161, and one or more input controllers 160 for other input or control devices. One or more input controllers 160 receive electrical signals from / transmit electrical signals to other input control devices 116. The other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons), dials, slider switches, joysticks, click wheels, etc. In some embodiments, one or more input controllers 160 are optionally connected to (or not connected to) one of the following: a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. One or more buttons (e.g., 208 in Figure 2) optionally include up / down buttons for volume control of speaker 111 and / or microphone 113. One or more buttons optionally include push buttons (e.g., 206 in Figure 2). In some embodiments, the electronic device is a computer system communicating with one or more input devices (e.g., via wireless communication over wired communication). In some embodiments, one or more input devices include a touch-sensitive surface (e.g., a trackpad as part of a touch-sensitive display). In some embodiments, one or more input devices include one or more camera sensors (e.g., one or more optical sensors 164 and / or one or more depth camera sensors 175), for example, to track user gestures as input (e.g., hand gestures and / or air gestures). In some embodiments, one or more input devices are integrated with the computer system. In some embodiments, one or more input devices are separate from the computer system.In some embodiments, an air gesture is a gesture detected without the user touching an input element that is part of the device (or independently of an input element that is part of the device), and is based on detected movement of a part of the user's body, including movement of the user's body relative to an absolute reference (e.g., the angle of the user's arm relative to the ground, or the distance of the user's hand relative to the ground), movement of the user's body relative to another part of the user's body (e.g., movement of the user's hand relative to the user's shoulder, movement of the user's other hand relative to one hand, and / or movement of the user's fingers relative to another finger or part of the user's hand), and / or absolute movement of a part of the user's body (e.g., a tap gesture involving movement of the hand in a predetermined pose by a predetermined amount and / or speed, or a shake gesture involving rotation of a part of the user's body by a predetermined speed or amount).

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

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

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

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

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

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

[0090] The touchscreen 112 optionally has a video resolution greater than 100 dpi. In some embodiments, the touchscreen has a video resolution of approximately 160 dpi. The user optionally touches the touchscreen 112 using any suitable object or attachment such as a stylus or finger. In some embodiments, the user interface is designed to operate primarily using finger-based touch and gestures, which may be less precise than stylus-based input due to the larger contact area of ​​the finger on the touchscreen. In some embodiments, the device translates coarse finger input into a precise pointer / cursor position or command to perform an action desired by the user.

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

[0092] Device 100 also includes a power system 162 that supplies power to various components. The power system 162 optionally includes a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharge system, a power failure detection circuit, a power converter or inverter, a power status indicator (e.g., a light-emitting diode (LED)), and any other components associated with generating, managing, and distributing power within the portable device.

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

[0094] Device 100 also optionally includes one or more depth camera sensors 175. Figure 1A shows a depth camera sensor coupled to a depth camera controller 169 in the I / O subsystem 106. The depth camera sensor 175 receives data from the environment to create a three-dimensional model of an object in the scene (e.g., a face) from a viewpoint (e.g., the depth camera sensor). In some embodiments, in conjunction with an imaging module 143 (also called a camera module), the depth camera sensor 175 is optionally used to determine the depth map of different parts of an image captured by the imaging module 143. In some embodiments, the depth camera sensor is positioned on the front of Device 100 to optionally acquire an image of the user with depth information for video conferencing while the user is viewing other video conference participants on a touchscreen display, and also to capture a selfie image with depth map data. In some embodiments, the depth camera sensor 175 is positioned 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 (for example, by rotating the lens and sensor within the device housing), so that the depth camera sensor 175 can be used in conjunction with the touchscreen display for both video conferencing and the acquisition of still images and / or videos.

[0095] In some embodiments, the depth map (e.g., depth map image) includes information (e.g., values) about the distance of objects in the scene from a viewpoint (e.g., camera, light sensor, depth camera sensor). In one embodiment of the depth map, each depth pixel defines the position on the Z-axis of the viewpoint where its corresponding 2D pixel is located. In some embodiments, the depth map is composed of pixels, each pixel defined by a value (e.g., 0 to 255). For example, a value of "0" represents the furthest pixel located in the "3D" scene, and a value of "255" represents the pixel located closest to the viewpoint (e.g., camera, light sensor, depth camera sensor) in the "3D" scene. In other embodiments, the depth map represents the distance between objects in the scene and the plane of the viewpoint. In some embodiments, the depth map includes information about the relative depth of various feature parts of the target object as seen from the depth camera (e.g., the relative depth of the eyes, nose, mouth, and ears of the user's face). In some embodiments, the depth map includes information that enables the device to determine the contour of the target object in the z-direction.

[0096] Device 100 also optionally includes one or more contact intensity sensors 165. Figure 1A shows a contact intensity sensor coupled to an intensity sensor controller 159 in the I / O subsystem 106. The contact intensity sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electric force sensors, pressure-power sensors, optical force sensors, capacitive touch-sensing surfaces, or other intensity sensors (e.g., sensors used to measure the force (or pressure) of contact on a touch-sensing surface). The 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 positioned juxtaposed with or adjacent to a touch-sensing surface (e.g., a touch-sensing display system 112). In some embodiments, at least one contact intensity sensor is positioned on the back of Device 100, opposite the touchscreen display 112 located on the front of Device 100.

[0097] The device 100 also optionally includes one or more proximity sensors 166. Figure 1A shows a proximity sensor 166 coupled to a peripheral interface 118. Alternatively, the proximity sensor 166 is optionally coupled to an input controller 160 in the I / O subsystem 106. The proximity sensor 166 optionally functions as described in U.S. Patent Applications 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 all incorporated herein by reference. In some embodiments, if the multifunction device is placed near the user's ear (for example, when the user is making a phone call), the proximity sensor turns off and disables the touchscreen 112.

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

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

[0100] In some embodiments, the software components stored in memory 102 include an operating system 126, a communications module (or instruction set) 128, a contact / motion module (or instruction set) 130, a graphics module (or instruction set) 132, a text input module (or instruction set) 134, a Global Positioning System (GPS) module (or instruction set) 135, and an application (or instruction set) 136. Furthermore, in some embodiments, memory 102 (Figure 1A) or 370 (Figure 3) stores device / global internal state 157, as shown in Figures 1A and 3. The device / global internal state 157 includes one or more of the following: active application state, indicating which application is active if there is an application currently active; display state, indicating which application, view, or other information occupies various areas of the touchscreen display 112; sensor state, including information obtained from various sensors and input control devices 116 of the device; and location information relating to the device's location and / or orientation.

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

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

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

[0104] In some embodiments, the contact / motion module 130 uses a set of one or more intensity thresholds to determine whether an action has been performed by a user (for example, to determine whether a user has "clicked" on an icon). In some embodiments, at least a subset of the intensity thresholds is determined according to software parameters (for example, the intensity thresholds can be adjusted without modifying the physical hardware of device 100, rather than being determined by the activation threshold of a particular physical actuator). For example, the mouse "click" threshold for a trackpad or touchscreen display can be set to one of a range of predefined thresholds without modifying the trackpad or touchscreen display hardware. In addition, in some implementations, the user of the device is provided with software settings to adjust one or more of the set of intensity thresholds (for example, by adjusting individual intensity thresholds and / or by adjusting multiple intensity thresholds at once using a system-level click "intensity" parameter).

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

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

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

[0108] The haptic feedback module 133 includes various software components for generating commands used by a tactile output generator(s) 167, and generates tactile outputs at one or more locations on the device 100 in response to the user's interaction with the device 100.

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

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

[0111] Application 136 optionally includes the following modules (or instruction sets) or subsets or supersets thereof: ● Contact module 137 (sometimes called the address book or contact list), ●Telephone module 138, ●Video conferencing module 139, ● Email client module 140, ● Instant messaging (IM) module 141, ●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, ●Optionally, a widget module 149 may include one or more of the following: weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, other widgets obtained by the user, and user-created widgets 149-6. ●Widget creator module 150 for creating user-created widget 149-6, ● Search module 151, ●Video and music player module 152, which integrates a video player module and a music player module. ●Memo Module 153, ●Map module 154 and / or, ● Online video module 155.

[0112] Examples of other applications 136 that may be 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, speech recognition, and speech duplication.

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

[0114] The telephone module 138 works in conjunction with the RF circuit 108, audio circuit 110, speaker 111, microphone 113, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134 to optionally input a series of characters corresponding to a telephone number, access one or more telephone numbers in the contact module 137, modify an entered telephone number, dial individual telephone numbers, make a call, and disconnect and terminate a call at the end of the call. As previously mentioned, wireless communication may optionally use any of several communication standards, protocols, and technologies.

[0115] The video conferencing module 139 works in conjunction with the RF circuit 108, audio circuit 110, speaker 111, microphone 113, touchscreen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact / motion module 130, graphics module 132, text input module 134, contact module 137, and telephone module 138 to include executable commands for starting, running, and ending video conferences between the user and one or more other participants in accordance with the user's commands.

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

[0117] The instant messaging module 141, in conjunction with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, includes executable commands for inputting a series of characters corresponding to an instant message, modifying previously entered characters, sending individual instant messages (for example, using the Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for telephone-based instant messaging, or XMPP, SIMPLE, or IMPS for internet-based instant messaging), receiving instant messages, and viewing received instant messages. In some embodiments, the instant messages sent and / or received optionally include graphics, photographs, audio files, video files, and / or other attachments, such as those supported by MMS and / or Enhanced Messaging Service (EMS). In this specification, “instant messaging” refers to both telephone-based messaging (e.g., messages sent using SMS or MMS) and internet-based messaging (e.g., messages sent using XMPP, SIMPLE, or IMPS).

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

[0119] The camera module 143 works in conjunction with the touchscreen 112, display controller 156, optical sensor(s) 164, optical sensor controller 158, contact / motion module 130, graphics module 132, and image management module 144 to include executable commands for capturing still images or videos (including video streams) and storing them in memory 102, modifying the characteristics of still images or videos, or deleting still images or videos from memory 102.

[0120] The image management module 144 works in conjunction with the touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, text input module 134, and camera module 143 to include executable commands for arranging, modifying (e.g., editing), or otherwise manipulating still images and / or videos, labeling, deleting, presenting (e.g., in a digital slideshow or album), and storing them.

[0121] The browser module 147 works in conjunction with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134 to include executable commands for browsing the internet according to user commands, including searching, linking, receiving, and displaying web pages or parts thereof, as well as attachments and other files linked to web pages.

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

[0123] The widget module 149 works in conjunction with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and browser module 147 to optionally download and use 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) or mini-applications created by the user (e.g., user-created widget 149-6). In some embodiments, the widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, the widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., Yahoo! widget).

[0124] The widget creator module 150 works in conjunction with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and browser module 147 to be used by the user to optionally create widgets (for example, to turn a user-specified portion of a web page into a widget).

[0125] The search module 151 works in conjunction with the touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134 to include executable commands for searching for characters, music, sounds, images, videos, and / or other files in memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) according to user commands.

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

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

[0128] The map module 154 works in conjunction with the RF circuit 108, touchscreen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147 to optionally receive, display, modify, and store maps and map-related data (e.g., driving directions, data on shops and other points of interest at a specific location or nearby, and other location-based data) in accordance with user commands.

[0129] The online video module 155, in conjunction with the touchscreen 112, display controller 156, touch / motion module 130, graphics module 132, audio circuit 110, speaker 111, RF circuit 108, text input module 134, email client module 140, and browser module 147, includes instructions that enable the user to access, browse, receive (e.g., by streaming and / or downloading), play (e.g., on the touchscreen or on an external display connected via external port 124), send emails with links to specific online videos, and perform other management of online videos in one or more file formats such as H.264. In some embodiments, an instant messaging module 141 is used instead of the email client module 140 to send links to specific online videos. For further information regarding online video applications, please refer to U.S. Provisional Patent Application No. 60 / 936,562, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” filed June 20, 2007, and U.S. Patent Application No. 11 / 968,067, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” filed December 31, 2007, the entire contents of which are incorporated herein by reference.

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

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

[0132] A default set of functions, which are performed only through the touchscreen and / or touchpad, optionally includes navigation between user interfaces. In some embodiments, the touchpad, when touched by the user, navigates the device 100 from any user interface displayed on the device 100 to the main menu, home menu, or root menu. 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.

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

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

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

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

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

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

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

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

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

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

[0143] The event dispatcher module 174 dispatches event information to an event recognition unit (e.g., an event recognition unit 180). In embodiments including an active event recognition unit determination module 173, the event dispatcher module 174 distributes the event information to the event recognition unit determined by the active event recognition unit determination module 173. In some embodiments, the event dispatcher module 174 stores event information retrieved by individual event receiving units 182 in an event queue.

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

[0145] In some embodiments, application 136-1 includes a plurality of event processing units 190 and one or more application views 191, each containing instructions for handling touch events occurring within a separate view of the application's user interface. Each application view 191 of application 136-1 includes one or more event recognition units 180. Typically, a separate application view 191 includes a plurality of event recognition units 180. In other embodiments, one or more of the event recognition units 180 are part of a separate module, such as a user interface kit or a higher-level object from which application 136-1 inherits methods and other properties. In some embodiments, a separate event processing unit 190 includes one or more event data 179 received from a data update unit 176, an object update unit 177, a GUI update unit 178, and / or an event sorting unit 170. The event processing unit 190 optionally uses or calls the data update unit 176, the object update unit 177, or the GUI update unit 178 to update the application's internal state 192. Alternatively, one or more of the application views 191 include one or more event processing units 190. In some embodiments, one or more of the data update unit 176, object update unit 177, and GUI update unit 178 are included in individual application views 191.

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

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

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

[0149] In some embodiments, the event definition 186 includes event definitions for individual user interface objects. In some embodiments, the event comparison unit 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view where three user interface objects are displayed on the touch-sensitive display 112, when a touch is detected on the touch-sensitive display 112, the event comparison unit 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with an individual event processing unit 190, the event comparison unit uses the results of the hit test to determine which event processing unit 190 should be activated. For example, the event comparison unit 184 selects the sub-event and the event processing unit associated with the object that triggers the hit test.

[0150] In some embodiments, the definition of an individual event 187 also includes a delay action that delays the delivery of event information until it is determined whether a series of sub-events correspond to an event type in the event recognition unit.

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

[0152] In some embodiments, an individual event recognition unit 180 includes metadata 183 having configurable properties, flags, and / or lists that indicate to the actively involved event recognition unit how the event distribution system should perform sub-event distribution. In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate how the event recognition units interact with each other, or how they can interact with each other. In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate how sub-events are distributed to various levels in the view hierarchy or program hierarchy.

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

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

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

[0156] In some embodiments, the event processing unit(s) 190 includes or has access to a data update unit 176, an object update unit 177, and a GUI update unit 178. In some embodiments, the data update unit 176, the object update unit 177, and the GUI update unit 178 are contained in a single module of an individual application 136-1 or application view 191. In other embodiments, they are contained in two or more software modules.

[0157] The foregoing description regarding the handling of user touch events on a touch-sensitive display also applies to other forms of user input for operating the multifunction device 100 using input devices, but it should be understood that not all of these begin on the touchscreen. For example, mouse movement and mouse button presses, touch movements such as taps, drags, and scrolls on a touchpad, pen stylus input, device movement, verbal commands, detected eye movements, biometric input, and / or any combination thereof may be optionally used as inputs corresponding to sub-events that define the events to be recognized.

[0158] Figure 2 shows a portable multifunction device 100 having a touchscreen 112 according to several embodiments. The touchscreen optionally displays one or more graphics within a user interface (UI) 200. In this embodiment, and in other embodiments described below, the user can select one or more of the graphics by performing gestures on the graphics using, for example, one or more fingers 202 (not shown in the figure to an exact scale) or one or more styluses 203 (not shown in the figure to an exact scale). In some embodiments, the selection of one or more graphics is performed when the user interrupts contact with that one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, right to left, upward and / or downward) and / or rolling (from right to left, left to right, upward and / or downward) with a finger in contact with the device 100. In some implementations or situations, accidental contact with a graphic does not constitute a selection of that graphic. For example, if the gesture corresponding to selection is a tap, a swipe gesture sweeping over an application icon does not arbitrarily select the corresponding application.

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

[0160] In some embodiments, device 100 includes a touchscreen 112, a menu button 204, a push button 206 for turning the device on / off and locking the device, one or more volume buttons 208, a subscriber identification module (SIM) card slot 210, a headset jack 212, and an external port 124 for docking / charging. The push button 206 is optionally used to turn the device on / off by pressing down and holding the button down for a predetermined period of time, to lock the device by pressing down and releasing the button before a predetermined period of time has elapsed, and / or to unlock the device or initiate an unlocking process. In alternative embodiments, device 100 also accepts verbal input via a 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 contact on the touchscreen 112, and / or one or more tactile output generators 167 for generating tactile output to the user of device 100.

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

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

[0163] Next, we optionally turn our attention to an embodiment of a user interface implemented in, for example, a portable multi-functional device 100.

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

[0165] Please note that the icon labels shown in Figure 4A are for illustrative purposes only. For example, the icon 422 for the video and music player module 152 is labeled "Music" or "Music Player". 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 to which that individual application icon corresponds. In some embodiments, the label for a particular application icon is different from the name of the application to which that particular application icon corresponds.

[0166] Figure 4B shows an exemplary user interface on a device (e.g., device 300 in Figure 3) having a touch-sensitive surface 451 (e.g., tablet or touchpad 355 in Figure 3) separate from the display 450 (e.g., touchscreen display 112). Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) for detecting the intensity of contact on the touch-sensitive surface 451, and / or one or more tactile output generators 357 for generating tactile output to the user of device 300.

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

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

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

[0170] For example, see, for instance, International Patent Application PCT / US2013 / 040061, “Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application,” filed 8 May 2013, published as International Publication 2013 / 169849, and International Patent Application PCT / US2013 / 069483, “Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships,” filed 11 November 2013, published as International Publication 2014 / 105276.

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

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

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

[0174] The memory 518 of the personal electronic device 500 may include one or more non-temporary computer-readable storage media for storing computer-executable instructions, which, when executed by one or more computer processors 516, can cause the computer processors to execute techniques described later, including processes 700, 900, 1100, and 1300 (Figures 7, 9, 11, and 13). The computer-readable storage media 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 temporary computer-readable storage medium. In some embodiments, the storage medium is a non-temporary computer-readable storage medium. The non-temporary computer-readable storage medium may include, but is not limited to, magnetic storage devices, optical storage devices, and / or semiconductor storage devices. Examples of such storage devices include magnetic disks, CDs, DVDs, or optical disks based on Blu-ray technology, as well as persistent solid-state memory such as flash and solid-state drives. The personal electronic device 500 is not limited to the components and configurations shown in Figure 5B, and may include other or additional components in multiple configurations.

[0175] As used herein, the term “affordance” refers to user-interactive graphic user interface objects that are optionally displayed on the display screens of devices 100, 300, and / or 500 (Figures 1A, 3, and 5A-5H). For example, images (e.g., icons), buttons, and text (e.g., hyperlinks) each optionally constitute an affordance.

[0176] 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, including a cursor or other location marker, the cursor acts as a “focus selector,” and therefore, when an input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 in Figure 3 or touch-sensitive surface 451 in Figure 4B) while the cursor is positioned over a particular user interface element, the particular user interface element is adjusted according to the detected input. In some implementations, including a touchscreen display that allows direct interaction with user interface elements on the touchscreen display (e.g., touch-sensitive display system 112 in Figure 1A or touchscreen 112 in Figure 4A), a detected contact on the touchscreen acts as a “focus selector,” and therefore, when an input (e.g., a press input by touch) is detected at the location of a particular user interface element (e.g., a button, window, slider, or other user interface element) on the touchscreen display, the particular user interface element is adjusted according to the detected input. In some implementations, focus is moved from one area of ​​the user interface to another without the corresponding cursor movement or touch movement on the touchscreen display (for example, by using the tab key or arrow keys to move focus from one button to another), and in these implementations, the focus selector moves in accordance with the movement of focus between different areas of the user interface. Regardless of the specific form the focus selector takes, the focus selector is generally a user interface element (or touch on the touchscreen display) controlled by the user to communicate the user's intended interaction with the user interface (for example, by pointing to the device an 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 pressure input is detected on a touch-sensitive surface (e.g., a touchpad or touchscreen) indicates that the user intends to activate that individual button (rather than other user interface elements displayed on the device's display).

[0177] As used herein and in the claims, the term “characteristic intensity” of a contact refers to the characteristics of that contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on multiple intensity samples. The characteristic intensity is optionally based on a set of intensity samples collected over 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 detection of contact, before detection of lift-off of contact, before or after detection of the start of movement of contact, before detection of the end of contact, before or after detection of an increase in contact intensity, and / or before or after detection of a decrease in contact intensity). The characteristic intensity of a contact is optionally based on one or more of the following: the maximum value of the contact intensity, the mean value of the contact intensity, the average value of the contact intensity, the top 10 percentile value of the contact intensity, the maximum half value of the contact intensity, the maximum 90 percent value of the contact intensity, and so on. In some embodiments, the duration of contact is used when determining characteristic intensity (for example, when characteristic intensity is the average intensity of contact over time). In some embodiments, characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an action has been 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 embodiment, contact with a characteristic intensity not exceeding the first threshold results in a first action, contact with a characteristic intensity above the first intensity threshold but not exceeding the second intensity threshold results in a second action, and contact with a characteristic intensity above the second threshold results in a third action. In some embodiments, the comparison between characteristic intensity and one or more thresholds is not used to determine whether a first action should be performed or a second action should be performed, but rather to determine whether one or more actions should be performed at all (for example, whether individual actions should be performed or whether individual actions should be withheld).

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

[0179] According to some embodiments, Figures 6A–6U show exemplary user interfaces for managing a watch face based on depth data of previously captured media items. The user interfaces in those figures are used to illustrate processes described later, including the process in Figure 7.

[0180] Figure 6A shows a computer 600 with the display 602 turned off. The computer system 600 includes a rotatable and pressable input mechanism 604. In some embodiments, the computer system 600 optionally includes one or more functions of device 100, device 300, or device 500. In some embodiments, the computer system 600 is a tablet, phone, laptop, desktop, camera, etc. In some embodiments, the inputs described later can optionally be replaced with alternative inputs such as press inputs and / or rotational inputs received via the rotatable and pressable input mechanism 604.

[0181] In some embodiments, the computer system 600 activates and displays a wristwatch user interface 606 in response to inputs such as tap inputs, wrist-raising inputs, press inputs, and / or rotation inputs received via the rotatable and pressable input mechanism 604.

[0182] In Figure 6B, the computer system 600 displays a watch user interface 606 including a background element 606a, system text 606b, a foreground element 606c, and a complication 606d1. In one embodiment, the foreground element 606c and background element 606a correspond to portions of a portrait media item (e.g., a photograph) that are divided into at least two layers based on the depth data of the media item, such that the foreground element 606c is based on a first layer of the media item and the background element 606a is based on a second layer of the media item that is different from the first layer of the media item. In some embodiments, the computer system 600 segments the media item into a first layer and a second layer based on the determination that, at the time the media item containing depth data was captured, the first layer of the media item and the second layer of the media item were at different distances from the camera sensor.

[0183] In Figure 6B, the watch user interface 606 is based on an image that includes depth data indicating that the foreground element 606c was closer to the camera sensor than the background element 606a at the time the image was captured. The computer system 600 generates and displays the watch user interface 606 based on the image depth data by stacking the elements of the watch user interface 606 to represent the depth field (FOD). For example, Figure 6B shows that the background element 606a is below (e.g., overlapping) the system text 606b, which is below the foreground element 606c, which is below the complication 606d1. Thus, the watch user interface 606 includes elements that are displayed in a simulated stack such that each element is displayed at a different simulated (e.g., virtual) distance from the display 602. For example, in Figure 6B, the complication 606d1 has the smallest simulated distance from the display 602, and the background element 606a has the largest simulated distance from the display 602. In some embodiments, the computer system 600 creates and / or generates a watch user interface 606 without user input specifying the order in which elements of an image having depth data are stacked or virtually stacked. In some embodiments, the elements of the watch user interface are displayed in different arrangements or virtual stacking orders. For example, in some embodiments, the computer system 600 generates and / or displays a watch user interface based on an image having depth data, and complications (e.g., 606d1, 640d, etc.) are displayed below (e.g., behind) foreground elements (e.g., 606c, 640c), such as in Figure 6Q later. In some embodiments, the computer system 600 generates and / or displays a watch user interface based on an image having depth data, and system text (e.g., 606b, 642b, etc.) are displayed above (e.g., in front) foreground elements (e.g., 606c, 642c, etc.), such as in Figure 6R later.

[0184] In Figure 6B, the system text 606b includes a lock icon 606b1 indicating that the computer system 600 is currently locked. In some embodiments, when the computer system 600 is locked, the functionality of the computer system 600 is limited. The system text 606b further includes a date 606b2 indicating the current date (e.g., month, day, and / or year) and a current time 606b3 indicating the current time of day (e.g., hour, minute, and / or second).

[0185] Figure 6C shows a computer system 600 displaying a watch user interface 606 with a simulated parallax visual effect. In Figure 6C, the computer 600 is a watch worn on a wrist 608. In Figure 6C, the relative positions of the elements of the watch user interface 606, including the background element 606a, system text 606b, and foreground element 606c, are adjusted based on the rotation angle of the wrist 608. For example, the top of Figure 6C shows that when the wrist 608 is at a first rotation angle, the foreground element 606c is displayed at an angle that largely obscures the system text 606b. However, the bottom of Figure 6C shows that when the wrist 608 is at a second rotation angle different from the first rotation angle, the relative positions of the elements of the watch user interface 606 are adjusted based on the change in the angle of the wrist 608 so that the foreground element 606c does not obscure the system text 606b. In some embodiments, the magnitude of the change in the position of the elements of the watch user interface 606 is largely based on the rotation angle of the user's wrist.

[0186] In some embodiments, the relative positions of elements in the watch user interface 606 are limited to a certain range, and changes in wrist position exceeding a threshold amount (e.g., exceeding a threshold angle) do not cause elements of the watch user interface 606 to update beyond that threshold amount. In some embodiments, the magnitude of the simulated parallax visual effect is not as pronounced as shown in Figure 6C. In some embodiments, some elements of the watch user interface are affected by wrist rotation (e.g., move based on wrist rotation), while others maintain a fixed position within the watch user interface 606. For example, in some embodiments, the simulated parallax visual effect applies to foreground elements (e.g., 606c) and background elements (e.g., 606a), but not to system text (e.g., 606b) or complications (e.g., 606d1, 606d2).

[0187] Figure 6D shows a watch user interface 606 displayed with a simulated dolly zoom animation (for example, an animation in which a simulated camera moves closer to or further away from a subject while adjusting the zoom to keep the subject the same size, creating a visual effect where the background size and detail appear larger or the foreground size appears larger than the background). In some embodiments, when the computer system 600 first displays the watch user interface 606 (for example, after closing an application, after selecting the watch user interface 606 via the watch face selection mode, after waking from sleep, after first powering on, after unlocking the computer system 600, etc.), it displays the watch user interface 606 with the dolly zoom animation. The top of Figure 6D shows the computer system 600 displaying the watch user interface 606 with the dolly zoom effect, where initially, the background element 606a of the watch user interface 606 is displayed with a simulated first zoom level applied. The lower part of Figure 6D shows the second part of the dolly zoom animation, where the background element 606a is updated to appear at a simulated second zoom level different from the simulated first zoom level. In some embodiments, the computer system 600 automatically displays the simulated dolly zoom animation on the watch user interface 606, and after playing the simulated animation, maintains the simulated second zoom level applied to the background element 606a after the animation has been displayed.

[0188] In some embodiments, the simulated dolly zoom applies a stepped zoom level to the background element 606a while maintaining the simulated zoom level applied to the foreground element 606c. In some embodiments, displaying the simulated dolly zoom animation includes initially applying a minimum amount of simulated zoom effect (e.g., the lowest magnification level) to the background element 606a. During the simulated dolly zoom animation, the simulated zoom effect applied to the background element 606a is updated so that a larger amount of simulated zoom effect is applied to the background element 606a of the watch user interface 606 at the end of the simulated dolly zoom animation. In some embodiments, displaying the simulated dolly zoom animation includes initially applying a maximum amount of simulated zoom effect (e.g., the highest magnification level) to the background element 606a. During the simulated dolly zoom animation, the simulated zoom effect applied to the background element 606a is updated so that a smaller amount of simulated zoom effect is applied to the background element of the watch user interface 606 (e.g., 606a as shown in Figure 6A) at the end of the simulated dolly zoom animation.

[0189] In Figure 6E, the computer system 600 displays the wristwatch user interface 606, and the system text 606b is updated to display without the lock icon 606b1 indicating that the computer 600 is not in a locked state. In some embodiments, the computer system 600 transitions from a locked state to an unlocked state in response to a sequence of user inputs received via one or more input mechanisms communicating with the computer system 600. In some embodiments, the computer system 600 transitions from a locked state to an unlocked state in response to a series of tap inputs received by the computer system 600 corresponding to the input of a passcode. In some embodiments, the computer system 600 transitions from a locked state to an unlocked state in response to a press input received by a rotatable and pressable input mechanism 604. In some embodiments, the computer system 600 transitions from a locked state to an unlocked state in response to a sequence of user inputs received via a computer system other than the computer system 600 that communicates with the computer system 600, such as a paired telephone (e.g., computer system 660). In some embodiments, the computer system 600 transitions from a locked state to an unlocked state in response to a wrist-raising gesture.

[0190] In Figure 6E, the computer system 600 detects a long press input 650a in the watch user interface 606. In Figure 6F, in response to the detection of the long press input 650a, the computer system 600 displays a selection user interface 610a. The selection user interface 610a includes a representation 618a, which is a graphic representation of the watch user interface 606. Representation 618a includes elements of the watch user interface 606, including a background element 606a, system text 606b, a foreground element 606c, and a complication 606d1. In some embodiments, representation 618a is a static representation of the watch user interface 606 and includes a current time 606b3 with text indicating a time other than the current time, and a complication 606d1 with information other than real-time data.

[0191] The selection user interface 610a includes a shared user-interactive graphic user interface object 614, which, when selected, causes the computer system 600 to display a user interface related to sending and / or sharing information related to the watch user interface 606 to another computer system (e.g., a phone, watch, tablet, etc.). The selection user interface 610a further includes an editable user-interactive graphic user interface object 616, which, when selected, causes the computer system 600 to display an editable user interface for editing the appearance of the watch user interface 606. The selection user interface 610a further includes a dial indicator 612a, which includes a visual indicator and / or text indicator indicating the name of the watch user interface currently centered in the selection user interface 610a. In Figure 6F, the dial indicator 612a indicates that the title of the currently displayed watch user interface 606, represented by representation 618a in the selection user interface 610a, is "Portrait".

[0192] The selection user interface 610a further includes at least portions of representations 607a and 607b. Representations 607a and 607b represent watch user interfaces other than watch user interface 606. In some embodiments, in response to receiving a swipe input on display 602 and / or a rotational input via a rotatable and pressable input mechanism 604, the computer system displays representation 607a or 607b at the center of the selection user interface 610a, and the diagrams of each representation are more complete than those shown in Figure 6F.

[0193] In Figure 6F, the computer system 600 detects a tap input 650b in the edit user interactive graphic user interface object 616. In Figure 6G, in response to the detection of the tap input 650b, the computer system 600 displays the edit user interface 620a1. The edit user interface 620a1 includes a representation 618b1 representing the watch user interface 606. In some embodiments, representation 618b1 is substantially the same as 618a. In some embodiments, representation 618b1 is fairly similar to representation 618a but is displayed at a different size. In Figure 6G, representation 618b1 includes 606 elements of the watch user interface, including a background element 606a, system text 606b, a foreground element 606c, and a complication 606d1.

[0194] The editing user interface 620a1 includes an appearance indicator 624a that contains a visual and / or textual representation of the appearance of the currently selected watch user interface 606 for editing. In Figure 6G, the appearance indicator 624a indicates that the appearance of the currently selected watch user interface 606 for editing is "Style".

[0195] The editing user interface 620a1 further includes a selection indicator 622a1 which contains a visual and / or textual representation of the currently selected option regarding the editable appearance of the watch user interface 606. In Figure 6G, the selection indicator 622a1 indicates that the currently selected “Style” option for the watch user interface 606 is “Classic”.

[0196] The editing user interface 620a1 further includes a position indicator 626a1. The position indicator 626a1 includes a graphical representation of the number of selectable options for the editable appearance of the watch user interface 606 currently being edited, and the position of the currently selected option in the list of selectable options. For example, the position indicator 626a1 indicates that the currently selected option "Classic" for the "Style" appearance of the watch user interface 606 is at the top of the list of at least two possible options for the "Style" appearance of the watch user interface 606.

[0197] In Figure 6G, the computer system 600 detects a rotational input 638a via a rotatable and pressable input mechanism 604. In Figure 6H, in response to the detection of the rotational input 638a, the computer system 600 displays the edit user interface 620a2. In some embodiments, the computer system 600 displays the edit user interface 620a2 in response to a swipe input received while the edit user interface 620a1 is displayed (e.g., a downward swipe input on the display 602). The edit user interface 620a2 includes a representation 618b2 representing the edited representation of the watch user interface 606, which includes the current time 606b3 in system text 606b displayed in a different font from the font previously used to display the current time 606b3 (e.g., the font used in Figures 6B to 6G). In Figure 6H, the “Style” appearance of the watch face 606 is edited to be displayed in a “Modern” style instead of a “Classic” style. Therefore, the selection indicator 622a2 indicates that the currently selected "Style" option of the watch user interface 606 is "Modern," and the position indicator 626a2 indicates that the position within the selectable options for the appearance of "Style" of the watch user interface 606 has been updated.

[0198] In Figure 6H, the computer system 600 detects a swipe input 650c in the editing user interface 620a2. In Figure 6I, in response to the detection of the swipe input 650c, the computer system 600 displays the editing user interface 620b1, which includes a representation 618c1 of the watch user interface 606. The editing user interface 620b1 further includes an appearance indicator 624b indicating that the editing user interface 620b1 is for editing the position of system text 606b.

[0199] The editing user interface 620b1 further includes a selection indicator 622b1 which includes a visual and / or textual representation of the currently selected option regarding the editable appearance of the watch user interface 606. In Figure 6I, the selection indicator 622b1 indicates that the currently selected “position” option for the watch user interface 606 is “top”. Thus, the representation 618c1 includes system text 606b which is displayed towards the top of the display 602.

[0200] The editing user interface 620b1 further includes a position indicator 626b1. The position indicator 626b1 includes a graphical representation of the number of selectable options for the editable appearance of the watch user interface 606 currently being edited, and the position of the currently selected option in the list of selectable options. For example, the position indicator 626b1 indicates that the currently selected option "Top" with respect to the "Position" of the system text 606b is at the top of the list of at least two possible options with respect to the appearance of the "Position" of the system text 606b.

[0201] In Figure 6I, the computer system 600 detects a rotational input 638b via a rotatable and pressable input mechanism 604. In Figure 6J, in response to the detection of the rotational input 638b, the computer system 600 displays an editing user interface 620b2 containing a representation 618c2. Representation 618c2 is substantially identical to representation 618c1, except that the position of the system text 606b is changed so that it is now displayed closer to the bottom of the display 602, since the system text 606b is closer to the bottom of representation 618c2. The editing user interface 620b2 further includes an appearance indicator 624b indicating that the editing user interface 620b2 is a user interface for editing the position of the system text 606b.

[0202] The editing user interface 620b2 further includes a selection indicator 622b2 which contains a visual and / or textual representation of the currently selected option with respect to the editable appearance of the watch user interface 606. In Figure 6J, the selection indicator 622b2 indicates that the currently selected "position" option for the system text 606b is "bottom".

[0203] The editing user interface 620b2 further includes a position indicator 626b2. The position indicator 626b2 includes a graphical display of the number of selectable options for the editable appearance of the watch user interface 606 currently being edited, and the position of the currently selected option in the list of selectable options. For example, the position indicator 626b2 indicates that the currently selected option "Bottom" is lower than the position of the selectable option "Top" with respect to the "Position" of the watch user interface 606, as shown by the position indicator 626b1 in Figure 6I.

[0204] In FIG. 6I, computer system 600 detects a swipe input 650d in the editing user interface 620b1. In FIG. 6K, in response to detecting the swipe input 650d, computer system 600 displays an editing user interface 620c1 that includes a representation 618d1. The representation 618d1 substantially matches the representation 618c1. The editing user interface 620c1 further includes an appearance indicator 624c that indicates that the editing user interface 620c1 is a user interface for editing the color of the appearance of the wristwatch user interface 606.

[0205] The editing user interface 620c1 further includes a selection indicator 622c1 that includes a visual and / or text representation of the currently selected color option with respect to the appearance of the wristwatch user interface 606. In some embodiments, the currently selected color option is applied to elements of the system text 606b. In some embodiments, the currently selected color option is applied to some elements of the system text 606b (e.g., the current time 606b3), but not to other elements (e.g., the date 606b2 and / or the lock icon 606b1). In FIG. 6K, the selection indicator 622c1 indicates that the currently selected “color” option with respect to the wristwatch user interface 606 is “orange”.

[0206] The editing user interface 620c1 further includes a color option indicator 628 that includes various selectable color options. The selected color 628a includes a visual display around the currently selected color, which provides a visual and / or graphic display of the selected color and its position within the color option indicator 628.

[0207] In Figure 6K, the computer system 600 detects a swipe input 650e on the editing user interface 620c1. In Figure 6L, in response to the detection of the swipe input 650e, the computer system 600 displays the editing user interface 620d1, which includes representation 618e1. Representation 618e1 is substantially the same as representation 618d1, except that it is displayed in a larger size and a blur and / or dimming effect is applied to elements of representation 618d1 that are not currently being edited (e.g., elements other than the complications of the watch user interface 606). The editing user interface 620d1 further includes an appearance indicator 624d indicating that the editing user interface 620d1 is a user interface for editing complications displayed together with the watch user interface 606.

[0208] In Figure 6L, the computer system 600 detects a tap input 650f in the complication 606d1. In Figure 6M, in response to the detection of the tap input 650f, the computer system 600 displays an editing user interface 620d2 containing multiple selectable complication options displayed on the watch user interface 606.

[0209] Figure 6M includes complication options that can be selected to be displayed in the watch user interface 606. In some embodiments, the selectable complications are categorized based on the relevant functions and applications associated with the selectable complications. The editing user interface 620d2 includes category 632a, which includes a visual and / or text display indicating that the complications under category 632a are related to “heart rate”. The editing user interface 620d2 further includes category 632b, which includes a visual and / or text display indicating that the complications under category 632b are related to “weather”. In some embodiments, a category may include multiple complications, in which case multiple complications associated with a particular category are displayed under the text and / or visual display associated with the category. In some embodiments, the editing user interface 620d2 is initially displayed centered and / or focused on the complication selected from the previous user interface. In some embodiments, the computer system navigates from one complication option to another (e.g., moving the focus selection) by scrolling via swipe input in the editing user interface 620d2 and / or via rotational input through a rotatable and pressable input mechanism 604.

[0210] The editing user interface 620d2 further includes a cancel user-interactive graphic user interface object 630 that, if selected, causes the computer system 600 to stop displaying the editing user interface 620d2 and display the editing user interface 620d1. The editing user interface 620d2 further includes an off user-interactive graphic user interface object 634 that, if selected, edits the watch user interface 606 to be displayed without complications (e.g., without 606d1 or 606d2).

[0211] The editing user interface 620d2 further includes a position indicator 626c. The position indicator 626c includes a graphical representation of the number of selectable options for the complication displayed in the watch user interface 606, and the position of the complication within the list of selectable complication options that currently have focus selection. For example, in Figure 6M, the position indicator 626c shows the relative position of complication 606d2 within the list of selectable complication options displayed in the watch user interface 606.

[0212] In Figure 6M, the computer system 600 detects tap input 650g and press input 636a in complication 606d2 via a rotatable and pressable input mechanism while complication 606d2 has focus selection. In Figure 6N, in response to the detection of tap input 650g or press input 636a, the computer system 600 displays an editable user interface 620d3 containing representation 618e2. Representation 618e2 is substantially the same as representation 618e1, except that the complication options are edited so that representation 618e2 contains complication 606d2, which is a heart rate complication, instead of complication 606d1, which is a weather complication.

[0213] In Figure 6M, the computer system 600 detects a press input 636b via a rotatable and pressable input mechanism 604. In Figure 6O, in response to the press input 636b, the computer system 600 displays a selection user interface 610b, which is substantially the same as the selection user interface 610a, except that it includes a representation 618f which includes edits to the watch user interface 606 as performed in Figures 6G to 6N. In particular, representation 618f differs from representation 618a in that the current time 606b3 is displayed in a different font, and representation 618f includes complication 606d2 instead of complication 606d1.

[0214] In Figure 6O, the computer system 600 detects tap input 650h and press input 636c in representation 618f via a rotatable and pressable input mechanism 604. In Figure 6P, in response to the detection of tap input 650h or press input 636c, the computer system 600 displays the watch user interface 638, which includes a background element 606a, system text 606b displayed in a different font than that used in the watch user interface 606 in Figure 6A, a foreground element 606c, and complications 606d2.

[0215] In Figure 6Q, the computer system 600 displays the watch user interface 640. In some embodiments, the computer system 600 transitions from the display of the watch user interface 638 to the display of the watch user interface 640 in response to input (e.g., a tap input in the watch user interface 638). In some embodiments, the computer system 600 transitions from the display of the watch user interface 638 to the display of the watch user interface 640 based on the passage of time (e.g., system text 606b indicates that the current time in Figure 6P is 10:09, while system text 640b indicates that the current time in Figure 6Q is 3:08). In some embodiments, the computer system 600 transitions from the display of the watch user interface 638 to the display of the watch user interface 640 in response to a wrist-raising gesture.

[0216] The watch user interface 640 includes a background element 640a, system text 640b, a foreground element 640c, and a complication 640d. Similar to user interface 606, the elements of the watch user interface 640 are displayed arranged in a virtual stack. The elements of the watch user interface 640 are arranged such that the background element 640a is below the system text 640b, the system text 640b is below the complication 640d, and the system text 640d is below the foreground element 640c. In particular, the virtual arrangement with the foreground element (e.g., 640c) in front of (e.g., overlaid on) the complication (e.g., 640d) differs from the watch user interface 606.

[0217] In some embodiments, when a computer system generates and / or creates a user interface for a watch, such as a watch user interface 640, based on an image having depth data, the computer system 600 virtually arranges the layers according to a determination that the layers can be displayed in a specific order without any particular layer placed on top obscuring any layer placed below by a threshold amount. For example, in some embodiments, a foreground element (e.g., 640c) is placed in front of (e.g., overlaid on) a complication (e.g., 640) according to a determination that the foreground element does not obscure the complication by a threshold amount (e.g., 1 / 5 of the complication, 1 / 6 of the complication, etc.).

[0218] The aforementioned process for overlaying foreground elements on complications can also be applied when overlaying foreground elements on system text. For example, as will be described later with respect to Figure 6R, the computer system 600 can generate a watch user interface based on a media item having depth data, and the foreground elements may be placed below the system text according to the determination that there is not enough space in the media item to generate and / or display the watch user interface based on the media item, and the system text may be placed below the foreground elements so that the system text is not obscured by more than a threshold amount.

[0219] In Figure 6R, the computer system 600 displays the watch user interface 642. In some embodiments, the computer system 600 transitions from the display of the watch user interface 640 to the display of the watch user interface 642 in response to input (e.g., a tap input in the watch user interface 640). In some embodiments, the computer system 600 transitions from the display of the watch user interface 640 to the display of the watch user interface 642 based on the passage of time (e.g., system text 640b indicates that the current time in Figure 6Q is 3:08, while system text 642b indicates that the current time in Figure 6R is 9:01). In some embodiments, the computer system 600 transitions from the display of the watch user interface 640 to the display of the watch user interface 642 in response to a wrist-raising gesture.

[0220] The watch user interface 642 includes a background element 642a, system text 642b, a foreground element 642c, and a complication 642d. Similar to watch user interfaces 606 and 640, the elements of watch user interface 642 are virtually arranged as layers. In watch user interface 642, the elements of watch user interface 640 are arranged on a virtual stack such that the background element 642a is below the foreground element 640c, and the foreground element 640c is below the system text 642b and the complication 642d1. In particular, the arrangement with a foreground element (e.g., 640c) virtually placed below the system text 642b differs from watch user interface 606.

[0221] In some embodiments, when a computer system generates a watch user interface, such as a watch user interface 642, based on a medium containing depth data, the computer system 600 arranges the elements of the watch user interface in a virtual stack according to the determination that a particular layer placed on top can display the layers in a specific order without obscuring any layers placed below it by a threshold amount. For example, in some embodiments, a foreground element (e.g., 642c) is placed in front of (e.g., overlaid on) the system text (e.g., 642b) according to the determination that the foreground element does not obscure any system text by a threshold amount (e.g., 1 / 5 of the system text, 1 / 6 of the system text, etc.).

[0222] In Figure 6R, the computer system 600 generates and displays the watch user interface 642 based on its determination that there is not enough space in the media item to generate the watch user interface, and places the system text 642b below the foreground element 642c so that the system text 642b is not hidden or blocked by the foreground element 642c beyond a threshold amount. Thus, the computer system 600 generates the watch user interface 642 having elements of the watch user interface 642 arranged on a virtual stack so that the foreground element is below the system text 642b.

[0223] Figures 6S to 6U show a user interface for enabling and displaying a user interface using a media item with depth data via computer system 660, and computer system 660 communicates wirelessly with computer system 600. In some embodiments, computer systems 600 and 660 log in to the same user account. In some embodiments, computer systems 600 and 660 are paired. In some embodiments, computer system 660 optionally includes one or more functions of device 100, device 300, or device 500. In some embodiments, computer system 660 is a tablet, phone, laptop, desktop, camera, etc.

[0224] In Figure 6S, computer system 660 displays My Watch User Interface 675a ​​via display 662, which includes options for editing watch user interfaces that can be displayed via computer system 600. My Watch User Interface 675a ​​includes a back-user interactive graphic user interface 644, which, if selected, causes computer system 660 to display a user interface for selecting which computer system (e.g., watch) to configure via computer system 660. My Watch User Interface 675a ​​includes a watch name 646, indicating that the currently selected watch to be configured via computer system 660 is Jane's watch. In Figure 6S, computer system 600 corresponds to Jane's watch. My Watch User Interface 675a ​​further includes a search bar 664, if selected, for searching among several selectable watch user interfaces available via computer system 600 to configure via computer system 660.

[0225] My watch user interface 675a ​​further includes a header 647, which includes a visual and / or textual indication that the watch face representation displayed therebelow corresponds to a watch face available on computer system 600 (e.g., Jane's Watch) (e.g., stored in the local memory of computer system 600). My watch user interface 675a ​​includes several watch face representations available on computer system 600, which include a watch user interface representation 648 titled "Meridian", a watch user interface representation 652 titled "Portrait" corresponding to a watch user interface 642 displayed via computer system 600, and a watch user interface representation 654 titled "Operation".

[0226] My wristwatch user interface 675a further includes an option area 666. The option area 666 includes a plurality of selectable options for configuring various functions of the computer system 600. When selected, the option area 666 causes the computer system 660 to display a user interface for editing the notification settings of the computer system 600, including a notification user interactive graphic user interface object 666a. When selected, the option area 666 further causes the computer system 660 to display a user interface including options for editing the display and brightness settings of the computer system 600, including a display user interactive graphic user interface object 666b.

[0227] My wristwatch user interface 675a further includes selectable options for displaying user interfaces other than my wristwatch user interface 675a related to the configuration functions of the computer system 600 via the computer system 660. For example, my wristwatch user interface 675a includes a dial gallery user interactive graphic user interface object 656 that causes the computer system 660 to display a user interface for showing additional wristwatch user interfaces available on the computer system 600 when selected. My wristwatch user interface 675a further includes a discovery user interactive graphic user interface object 658 that causes the computer system 660 to display a user interface for obtaining additional wristwatch user interfaces that have not yet been downloaded to the computer system 600 when selected. My wristwatch user interface 675a further includes a dial gallery user interactive graphic user interface object 654 corresponding to my wristwatch user interface 675a that causes my wristwatch user interface 675a to be displayed on the computer system 660 when selected.

[0228] In Figure 6S, the computer system 600 displays the watch user interface 642, maintaining the functionality of the watch user interface 642 as described and illustrated in Figure 6R, as previously mentioned. In Figure 6S, the computer system 660 detects a tap input 650i in representation 652a, which corresponds to the watch user interface 642 displayed on the computer system 600.

[0229] In Figure 6T, upon detecting a tap input 650i, the computer system 660 displays the watch user interface 675b, which includes additional options for configuring how the watch user interface 642 is displayed via the computer system 600. My watch user interface 675b includes a back user-interactive graphic user interface 671, which, if selected, causes the computer system 660 to display my watch user interface 675a. My watch user interface 675b further includes a dial name 676, indicating that the name of the currently selected watch user interface is "Portrait" as configured via the computer system 660. My dial user interface 675b includes a shared user-interactive graphic user interface object 669, which, if selected, causes the computer system 660 to display a user interface related to sending and / or sharing information related to the watch user interface 642 to another device (e.g., another computer system).

[0230] My watch user interface 675b further includes a representation 652a, which is a representation of the watch user interface currently displayed on the computer system 600 (e.g., watch user interface 642). In some embodiments, representation 652a is a live preview of the currently selected configuration, which has been selected to be displayed via the computer system 600. Thus, in some embodiments, when an option is selected in my dial user interface 675b, representation 652a is updated in response to input received via the computer system 660, so that both representation 652a displayed by the computer system 660 and watch user interface 642 displayed by the computer system 600 are updated. The watch user interface further includes a description 674, which contains a textual description of the features of the watch user interface currently selected for editing (e.g., the “Portrait” watch user interface corresponding to watch user interface 642).

[0231] My watch user interface 675b further includes a color area 668 for selecting a color to display the appearance of the watch user interface 642 via a computer system 600. The color area 668a includes a selected color 668a indicating the currently selected color on which the appearance of the watch user interface 642 is displayed. In some embodiments, the appearance affected by the color selection includes system text 642b. Thus, the watch user interface 675b can be used to edit the color of the appearance of the watch user interface 642 in a manner similar to the color editing process described above with respect to the editing user interface 620c1.

[0232] The watch user interface 675b further includes an options area 670 containing selectable options for editing the appearance of the watch user interface 642. The options area 670 includes a content header 670a indicating that the options contained in area 670 below the header 670a are for editing the content of the currently selected watch user interface (e.g., 642). Area 670 further includes an album user-interactive graphic user interface object 670b which, when selected, constitutes the user interface of the “portrait” watch, displayed using a media item with depth data from the album of the selected media item. A selection indicator 672 appears as a check mark on the album user-interactive graphic user interface object 670b, indicating that the watch user interface 642 is currently configured to be displayed using an album of media items. The album name user-interactive graphic user interface object 670c1 contains the title of the album from which the media item containing depth data used by the computer system 600 to generate the watch user interface is selected. In Figure 6T, the album name user-interactive graphic user interface object 670c1 indicates that the media item with depth data used to generate the watch user interface 642 is currently selected from the album titled "Spring". Region 670 further includes a photo user-interactive graphic user interface object 670d, which, if selected, configures the "Portrait" watch user interface (e.g., 642) to be displayed using the media item with depth data from the computer system 600 and / or a photo album accessible by the computer system 600.Region 670 further includes a dynamic user-interactive graphic user interface object 670e that, if selected, configures the "Portrait" watch user interface (e.g., 642) to be displayed using media items having depth data from new and / or updated media items, and / or media items having depth data newly available via computer system 600 and / or computer system 660.

[0233] In Figure 6U, computer system 660 displays the My Watch user interface 675c. In Figure 6U, in the My Watch user interface 675c, the album name user-interactive graphic user interface object 670c1 is replaced with the album name user-interactive graphic user interface object 670c2, which indicates that the album of media items containing depth data from which the "Portrait" watch user interface is generated has been updated from "Spring" to "Summer". Accordingly, representation 652a is replaced with representation 652b, which corresponds to the watch user interface 680 displayed via 600.

[0234] The watch user interface 680 is generated and displayed by the computer system 600 based on a media item with depth data selected from an album titled "Summer" rather than a previously selected album titled "Spring". In some embodiments, depending on a sequence of user inputs received by the computer system 660, including a tap input to an album name user-interactive graphic user interface object 670c1, the computer system 660 transitions from the watch user interface 675b to the watch user interface 675c, and the computer system 600 transitions from the display of the watch user interface 642 to the display of the watch user interface 680. Thus, in Figure 6U, while my watch user interface 675b is displayed, depending on a sequence of one or more user inputs received via the computer system 660, including a tap input to an album name 670c1, the computer system 600 displays the watch user interface 680, which includes a background element 680a, system text 680b, a foreground object 680c, and complications 680d.

[0235] Accordingly, Figures 6S-6U show that the watch user interface displayed via computer system 600 can be updated and / or configured via input received from a computer system that wirelessly communicates with computer system 600 (e.g., is paired). Furthermore, Figures 6S-6U demonstrate that a source of media items containing depth data for generating the watch user interface to be displayed via computer system 600 can be manually edited and / or configured via computer system 660 (e.g., a computer system that wirelessly communicates with computer system 600).

[0236] Figure 7 is a flowchart illustrating a method, according to several embodiments, for managing a watch face based on depth data of previously captured media items using a computer system. Method 700 is performed on a computer system (e.g., 100, 300, 500, 600) (e.g., smartwatch, wearable electronic device, smartphone, desktop computer, laptop, tablet) that communicates with display generation components and one or more input devices (e.g., display controller, touch-sensitive display system, rotatable input mechanism, touch-sensitive surface). Multiple operations in Method 700 can be arbitrarily combined, the order of multiple operations can be arbitrarily changed, and multiple operations can be arbitrarily omitted.

[0237] As described later, Method 700 provides an intuitive method for managing a watch face based on depth data of previously captured media items. This method reduces the cognitive burden on the user of managing a watch face based on depth data of previously captured media items, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, being able to manage a watch face based on depth data of previously captured media items allows for faster and more efficient power saving and longer battery charging intervals.

[0238] In some embodiments, the watch face described in Method 700 may be displayed and / or edited in the manner described later with respect to Method 1500 (e.g., Figure 15) and / or in the manner described later with respect to Figures 14A to 14R.

[0239] A computer system (e.g., 600) receives input via one or more input devices that corresponds to a request to display a user interface based on a media item (e.g., a lift-up gesture, a tap gesture, a digital crown rotation gesture, etc.) (702).

[0240] In response to receiving input, the computer system displays a user interface (e.g., 606) (e.g., a watch user interface, a wake screen, a watch face, a lock screen) via a display generation component (704). Displaying a user interface involves simultaneously displaying a media item (706) (e.g., a photograph, video, GIF, animation) including a background element (e.g., 606a shown in Figure 6B) and a foreground element (e.g., 606c shown in Figure 6B) segmented from the background element based on depth information and system text (e.g., 606b shown in Figure 6B) (708) (e.g., first time, current date), wherein the system text is displayed in front of the background element (e.g., visually overlaid or in a position corresponding to a part of the background element) and behind the foreground element (e.g., at least partially visually overlaid) and has content that is dynamically selected based on the context of the computer system. In some embodiments, media items include depth data (e.g., data for segmenting foreground elements from one or more background elements, data indicating that when media is captured, foreground elements are less than a threshold distance away from one or more cameras, and when media is captured, background elements are greater than a threshold distance away from one or more cameras, or a dataset relating to the distance between two objects in the media, a dataset including the relative distance between a camera sensor and at least a first and second object that were in the field of view of the camera sensor when media was captured, multiple layers, etc.). In some embodiments, background and foreground elements are selected based on depth data (e.g., according to a determination that background elements are located behind foreground elements) (in some embodiments, automatically).Automatically creating and displaying a user interface (e.g., 606 shown in Figure 6B) involves simultaneously displaying a media item containing background elements, foreground elements segmented from the background elements based on depth information, and system text, the system text being displayed in front of the background elements and behind the foreground elements, having content dynamically selected based on the context of the computer system, and enabling the user interface to be displayed without requiring multiple inputs from the user to configure it (e.g., configuring the user interface by manually splitting the media item into segmented elements and / or selecting which elements of the media item should be foreground elements and which should be background elements). Performing an operation without requiring further user input when a set of conditions are met improves the usability of the device, makes the user-device interface more efficient (e.g., by assisting the display of the user interface by determining that the media item contains background elements and foreground elements segmented from the background elements based on depth information), and further reduces power consumption and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0241] In some embodiments, upon determination that the input was received in a first context (e.g., a first time, a first date, a first time zone), the computer system (e.g., 600) displays first content in system text (e.g., 606b shown in Figure 6B) (e.g., first time, first date). In some embodiments, upon determination that the input was received in a second context (e.g., a second time, a second date, a second time zone), the computer system displays second content (e.g., 640b shown in Figure 6Q) (e.g., second time, second date) that differs from the first content in the system text. Displaying system text with different content depending on the context provides visual feedback regarding the context of the computer system. Providing improved feedback enhances the usability of the device, makes the user-device interface more efficient (e.g., by helping the user quickly and easily view information about the context of the computer system), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0242] In some embodiments, a computer system (e.g., 600) detects changes in the computer system's context (e.g., changes in time, date, or time zone). In some embodiments, in response to detecting a change in the computer system's context, the computer system updates system text (e.g., 606b shown in Figure 6B) at least in part based on the change in context. In some embodiments, updating system text includes revising system text to display different content. Updating system text based on changes in the computer system's context provides improved visual feedback by enabling the computer system to display context-specific system text to quickly and easily inform the user of current contextual information. Providing improved feedback improves device usability, makes the user-device interface more efficient (e.g., by helping the user quickly and easily view contextual information), and further reduces power consumption and extends device battery life by enabling the user to use the device more quickly and efficiently.

[0243] In some embodiments, the media item-based user interface is a watch face (e.g., 606 shown in Figure 6B) (e.g., a watch face including a time display and one or more watch complications). Displaying the user interface as a watch face provides improved visual feedback by allowing the user to quickly and easily access the information provided by the user interface within the watch face. This improved feedback enhances the usability of the device, makes the user-device interface more efficient (e.g., by helping the user quickly and easily access the information contained in the user interface), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0244] In some embodiments, the user interface (e.g., 606 shown in Figure 6B) is the first screen (e.g., a wake screen or lock screen) displayed on a computer system (e.g., 600) (e.g., a smartphone, tablet, PC, television) when the computer system transitions from a low-power state (e.g., shown in Figure 6A) (e.g., off state, sleep state, low-power mode, battery saver mode, eco mode) to a high-power state (e.g., active state, on state, normal (e.g., non-low-power) mode). Displaying the user interface first when the computer system transitions from a low-power state to a high-power state provides improved visual feedback by allowing the user to quickly and easily access information when the computer system transitions from a low-power state to a high-power state (e.g., when waking). Providing improved feedback improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user access information provided in the user interface), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0245] In some embodiments, the user interface is a lock screen (e.g., 606 shown in Figure 6A) (e.g., when authentication (e.g., biometric authentication, passcode authentication) is required to unlock the computer system). In some embodiments, the lock screen includes prompts (e.g., instructions) to provide information for unlocking the device. Displaying the user interface as a lock screen provides improved visual feedback by allowing the user to quickly and easily access the information provided in the user interface while restricting access to other functions of the device based on the device's lock state. Providing improved visual feedback improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user access information contained in the user interface while the device is locked), and further reduces power consumption and extends the device's battery life by allowing the user to use the device more quickly and efficiently. Furthermore, displaying the user interface as a lock screen user interface improves the security of the device while maintaining functionality by allowing the user to view the information contained in the user interface when other functions of the computer system are not enabled because the device is locked.

[0246] In some embodiments, displaying system text (e.g., 606b shown in Figure 6B) includes displaying the current time (e.g., 606b3 shown in Figure 6B) (e.g., current time, time in the current time zone) and / or the current date in the system text. In some embodiments, the text is continuously updated over time to reflect the current time. In some embodiments, the text is intended to be aligned with and / or reflect Coordinated Universal Time using an offset based on the currently selected time zone. Displaying a user interface (e.g., 606 shown in Figure 6B) includes displaying system text containing the current time and / or the current date, enabling the user interface to contain information about the current activity state of the computer system, which provides improved visual feedback by allowing the user to quickly and efficiently view information about the current activity state. Providing improved visual feedback improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user quickly determine the date / time), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0247] In some embodiments, system text (e.g., 606b shown in Figure 6B) is at least partially obscured by a foreground element (e.g., 606c shown in Figure 6B). Because the system text is displayed and at least partially obscured by the foreground element of the media item, elements displayed in the user interface (e.g., 606 shown in Figure 6B) (e.g., system text and / or foreground element) can be displayed in a larger size without compromising the functionality and / or readability of the system text, which provides improved visual feedback by allowing the user to easily and efficiently view the content of the system text (in a larger font for improved readability) and to display the foreground element of the media item in a larger size for clearer visibility of the foreground element. Providing improved feedback improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user view foreground elements and system text in a larger size without compromising readability), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0248] In some embodiments, the media includes photographs and / or videos. The system displays a user interface including system text (e.g., 606b shown in Figure 6B) and media items, where the media items are photographs and / or videos, providing improved visual feedback by enabling the user to easily and efficiently view photographs and / or videos while simultaneously viewing system text. By providing improved feedback, the device's usability is enhanced, the user-device interface becomes more efficient (e.g., by helping the user make appropriate inputs when operating / interacting with the device and reducing user errors), and this further reduces power consumption and improves the device's battery life by allowing the user to use the device more quickly and efficiently.

[0249] In some embodiments, displaying a user interface (e.g., 606 shown in Figure 6B) includes displaying an animation. In some embodiments, the animation includes a change in the appearance of one or more elements of the user interface over time, based at least partially on depth information. In some embodiments, the animation includes displaying a foreground element having a first set of characteristics and a background element having a second set of characteristics different from the first set. Displaying an animation, which includes a change in the appearance of one or more elements of the user interface over time, based at least partially on depth information of the media item, improves visual feedback regarding which parts of the media item are background elements (e.g., 606a shown in Figure 6B) and which parts are foreground elements (e.g., 606c shown in Figure 6B). Providing improved feedback enhances the usability of the device, makes the user-device interface more efficient (e.g., by visually identifying different elements of the media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0250] In some embodiments, the animation includes a simulated rack focus effect. In some embodiments, the rack focus effect includes blurring background elements (e.g., 606a shown in Figure 6B). In some embodiments, the rack focus effect includes reducing (e.g., focusing on) the blur of foreground elements (e.g., 606c shown in Figure 6B). In some embodiments, the rack focus effect includes blurring background elements while reducing the blur of foreground elements. Displaying an animation of a media item that includes a simulated rack focus effect provides improved visual feedback regarding which parts of the media item are background elements and which parts are foreground elements. Providing improved feedback enhances the usability of the device, makes the user-device interface more efficient (e.g., by visually identifying the various elements of the media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0251] In some embodiments, the animation includes a simulated dolly zoom effect. In some embodiments, the dolly zoom effect includes displaying an animation in which a simulated camera moves closer to or further away from a foreground element (e.g., 606c shown in Figure 6D) while adjusting the zoom to keep the size of the foreground element (e.g., 606c) constant, creating a visual effect in which the size and detail of the background (e.g., 606a shown in Figure 6D) increases or the foreground element becomes larger relative to the background. In some embodiments, the dolly zoom effect includes updating a simulated zoom effect applied to the background element (e.g., 606a) while maintaining the simulated zoom level applied to the foreground element (e.g., 606c). In some embodiments, the dolly zoom effect includes zooming out the background element (e.g., 606a) while maintaining the simulated zoom level applied to the foreground element (e.g., 606c). In some embodiments, the dolly zoom effect includes zooming in on a background element (e.g., 606a) while maintaining a simulated zoom level applied to a foreground element (e.g., 606c). Displaying an animation of a media item that includes a simulated dolly zoom effect provides improved visual feedback regarding which parts of the media item are background elements and which parts are foreground elements (e.g., 606c). Providing improved visual feedback enhances the usability of the device, making the user-device interface more efficient (e.g., by visually identifying the various elements of the media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0252] In some embodiments, the animation includes a parallax effect (e.g., shown in Figure 6C). In some embodiments, the parallax effect includes updating the position in which a foreground element (e.g., 606c shown in Figure 6C) is displayed relative to a background element (e.g., 606a shown in Figure 6C). In some embodiments, the parallax effect includes translating the foreground element at a first velocity on the display and translating the background element at a second velocity different from the first velocity on the display. Displaying an animation of a media item that includes a parallax effect provides improved visual feedback regarding which parts of the media item are background elements and which parts are foreground elements. Providing improved feedback improves the usability of the device, makes the user-device interface more efficient (e.g., by visually identifying the various elements of the media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0253] In some embodiments, a computer system (e.g., 600) detects an action (e.g., an action triggered by a user of the computer system (e.g., a wrist tilt gesture)) (e.g., as shown in Figure 6C) while the computer system is in a high-power state (e.g., an active state, an on state, a normal (e.g., non-low-power) mode) (e.g., an action triggered by a user of the computer system (e.g., a wrist tilt gesture)) (e.g., as shown in Figure 6C). In some embodiments, in response to detecting an action, the computer system displays a user interface with a simulated parallax effect via a display generating component, having a direction and / or magnitude determined based on the direction and / or magnitude of the action. In some embodiments, the parallax effect is based at least in part on the degree and / or direction of the action. In some embodiments, displaying a user interface with a simulated parallax effect (e.g., 606 as shown in Figure 6C) includes displaying a media item with a simulated panning effect, where foreground elements are shown to move faster than background elements when the field of view pans. In some embodiments, when a computer system is in a low-power state (e.g., off state, sleep state, low-power mode, battery saver mode, eco mode), the user interface is not displayed with parallax effects in response to detected activity. Displaying animations of media items, including parallax effects, in response to activity provides improved visual feedback regarding which parts of a media item are background elements and which parts are foreground elements. Providing this improved feedback enhances the usability of the device, makes the user-device interface more efficient (e.g., by visually identifying the various elements of a media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0254] In some embodiments, a computer system (e.g., 600) displays an editing user interface (e.g., 620a1) for editing a first complication (e.g., 606d1 shown in Figure 6B) of a user interface (e.g., 606 shown in Figure 6B) via a display generation component. In some embodiments, a complication refers to any watch face feature other than those used to indicate the hours and minutes of a given time (e.g., the hands of a clock or an hour / minute indicator). In some embodiments, a complication provides data obtained from an application. In some embodiments, a complication includes affordances that, when selected, launch the corresponding application. In some embodiments, a complication is displayed on the display in a fixed, predefined location. In some embodiments, a complication occupies a location in a specific area of ​​the watch face (e.g., bottom right, bottom left, top right, and / or top left). In some embodiments, while displaying the editing user interface, the computer system receives a first sequence of one or more user inputs (e.g., touch input, rotation input, press input) via one or more input devices. In some embodiments, in response to receiving a first sequence of one or more user inputs, the computer system edits a first complication (for example, shown in Figures 6L to 6N). In some embodiments, the complication contains information from a first application, and editing the complication includes editing the complication to display different information from the first application. In some embodiments, editing the complication includes editing the complication to display different information from a second application different from the first application. By editing the first complication in response to receiving a sequence of one or more user inputs while the editing user interface is displayed, the user can easily and intuitively edit the first complication.By providing improved control options, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users input correctly and reducing user errors during device operation / interaction), and power consumption is reduced and device battery life is extended by enabling users to use the device more quickly and efficiently.

[0255] In some embodiments, system text (e.g., 606b shown in Figure 6B) displayed on a user interface (e.g., 606 shown in Figure 6B) is displayed in a first font. In some embodiments, after displaying a user interface including system text displayed in the first font, the computer system receives a request to edit the user interface (e.g., touch input, rotation input, press input) (e.g., shown in Figure 6F) via one or more input devices. In some embodiments, in response to receiving a request to edit the user interface, the computer system displays an editable user interface (e.g., 620a1) for editing the user interface via a display generation component. In some embodiments, while displaying the editable user interface, the computer system receives a second sequence of one or more user inputs (e.g., touch input, rotation input, press input) (e.g., shown in Figures 6G-6H) via one or more input devices. In some embodiments, in response to receiving a second sequence of one or more user inputs, the computer system selects a second font for the system text. In some embodiments, after selecting the second font for the system text, the computer system displays the user interface. In some embodiments, system text displayed in the user interface is displayed in a second font different from the first font (for example, as shown in Figure 6P). In some embodiments, updating the user interface to display system text in a second font different from the first font includes updating the user interface to stop displaying system text in the first font. Editing the font in which system text is displayed in response to receiving a second sequence of one or more user inputs while the editing user interface is displayed allows the user to edit the font easily and intuitively.By providing improved control options, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users input correctly and reducing user errors during device operation / interaction), and power consumption is reduced and device battery life is extended by enabling users to use the device more quickly and efficiently.

[0256] In some embodiments, system text displayed in a user interface (e.g., 606b shown in Figure 6B) is displayed in a first color. In some embodiments, after displaying the user interface with the system text in the first color, the computer system receives a second request to edit the user interface via one or more input devices. In some embodiments, in response to receiving the second request to edit the user interface, the computer system displays an editable user interface (e.g., 620c1) for editing the user interface via a display generation component. In some embodiments, while displaying the editable user interface, the computer system receives a third sequence of one or more user inputs (e.g., touch input, rotation input, press input) via one or more input devices. In some embodiments, in response to receiving the third sequence of one or more user inputs, the computer system selects a second color for the system text. In some embodiments, after selecting a second color for the system text, the computer system displays the user interface so that the system text displayed in the user interface is displayed in a second color different from the first color. In some embodiments, updating the user interface to display the system text in a second color different from the first font includes updating the user interface to stop displaying the system text in the first color. When editing the color of system text displayed in response to receiving a third sequence of one or more user inputs while the editing user interface is displayed, the user can easily and intuitively edit the color. By providing improved control options, the device's usability is enhanced, the user-device interface becomes more efficient (for example, by helping users input correctly and reducing user errors when operating / interacting with the device), and further reduces power consumption and extends the device's battery life by allowing users to use the device more quickly and efficiently.

[0257] In some embodiments, a computer system (e.g., 600) detects that certain conditions have been met (e.g., a predetermined amount of time has elapsed, or user input (e.g., a tap, on the wrist) has been detected). In some embodiments, in response to the detection that certain conditions have been met, the computer system displays a user interface (e.g., 606 shown in Figure 6B). In some embodiments, the user interface is based on a second media item instead of a media item (e.g., shown in Figure 6Q). In some embodiments, displaying the user interface includes simultaneously displaying a second media item (including a second background element and a second foreground element segmented from the second background element based on depth information) and system text (e.g., 640b shown in Figure 6Q). In some embodiments, it includes simultaneously displaying system text that is displayed in front of the second background element (e.g., 640a) and behind the second foreground element (e.g., 640c), and that contains content dynamically selected based on the context of the computer system (e.g., shown in Figure 6Q). In some embodiments, a predetermined condition is met when the computer detects input via one or more input devices (e.g., tap input, rotation input, and / or motion). In some embodiments, a predetermined condition is met when the computer system changes state (e.g., from low power state to high power state, from off state to on state, from sleep state to wake state). In some embodiments, a second media item is automatically selected. In some embodiments, the second media item includes depth data. In some embodiments, the second media item includes a second background element and a second foreground element. Based on whether a predetermined condition is met, the display of the media item is conditionally stopped, and the user interface based on the second media item is displayed, so that an operation is performed by a specific device without requiring further user input.Performing an operation without requiring further user input when a set of conditions are met improves device usability, makes the user-device interface more efficient (for example, by helping the user interface display updated media items when certain conditions are met), and further reduces power consumption and extends device battery life by allowing users to use the device more quickly and efficiently.

[0258] In some embodiments, a computer system (e.g., 600, 660) displays a media selection user interface (e.g., 675b) containing a set of media items (e.g., shown in Figure 6S) (e.g., from the computer system's media library) via a display generation component. In some embodiments, the computer system receives a fourth sequence of one or more user inputs (e.g., touch input, rotation input, press input) corresponding to the selection of a third media item via one or more input devices. In some embodiments, the computer system displays the user interface in response to receiving a fourth sequence of one or more user inputs (e.g., touch input, rotation input, press input) corresponding to the selection of a subset of the set of media items containing the third media item. In some embodiments, the user interface is based on the third media item. In some embodiments, the computer system generates a set of eligible media items based at least partially on the characteristics of the media item (e.g., the availability of depth information, the shape of the depth information, the presence of a particular type of point of interest (e.g., a face, a pet, a favorite person)) and the location of points of interest within the media item (e.g., a face, a pet, a significant foreground element). In some embodiments, the set of media items is a subset of a larger set of media items (e.g., photo albums) that are accessible from the computer system (e.g., stored in the computer system). By displaying a user interface based on the third media item in response to receiving a fourth sequence of one or more user inputs corresponding to the selection of the third media item, the user can easily and intuitively edit the user interface displayed based on the selected media item. By providing improved control options, the usability of the device is enhanced, the user-device interface becomes more efficient (e.g., by helping the user select the media item on which the user interface is based), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0259] In some embodiments, according to a determination that a plurality of media items contain at least one media item that satisfies a predetermined first set of criteria (e.g., availability of depth information, shape of depth information, presence of a particular type of point of interest (e.g., face, pet, person), presence of a point of interest in the media (e.g., face, pet, important foreground element)), one or more media items that satisfy the predetermined first set of criteria are added to a subset of media items selected for use in the user interface (e.g., 606). In some embodiments, according to a determination that a plurality of media items do not contain at least one media item that satisfies the predetermined first set of criteria, the computer system stops adding media items to the subset of media items selected for use in the user interface. In some embodiments, the determination that a plurality of media items contain at least one media item that satisfies the predetermined first set of criteria includes the computer system evaluating a plurality of available (e.g., accessible) media items to determine whether any media items within the plurality of media items satisfy the predetermined first set of criteria. In some embodiments, after adding one or more media items that satisfy the predetermined first set of criteria to the subset of media items, the user interface is displayed. In some embodiments, as part of displaying the user interface, the computer system automatically selects a fourth media item from a subset of media items selected for use in the user interface (e.g., without user input), and after selecting the fourth media item from the subset of media items selected for use in the user interface, the computer system displays the fourth media item. The user interface containing the media items is displayed, the media items are automatically selected based on a determination of a set of media item characteristics, and the user is provided with a media item-based user interface without the user having to select media items to display the media item-based user interface.By performing actions when a set of conditions is met without requiring further user input, the usability of the device is enhanced, the user-device interface is made more efficient (for example, by assisting the user in providing appropriate input when operating / interacting with the device and reducing user errors), and in addition, power consumption is reduced and the battery life of the device is improved by enabling the user to use the device more quickly and efficiently.

[0260] In some embodiments, the determination of the characteristics of a set of media items includes a determination that displaying system text behind a foreground element will not obscure the system text (e.g., 606b) beyond a threshold amount. In some embodiments, the determination includes a determination that a media item includes a portion above a foreground element (e.g., the top of the media item) that is large enough to display the system text without it being obscured beyond a threshold amount. A user interface is displayed based on media items, and the media items are selected based on whether displaying system text behind a foreground element of the media item would obscure the system text beyond a threshold amount to provide the user interface based on the media item to the user, without requiring the user to select the media item to display the user interface based on the media item (e.g., 640), and without the system text being excessively obscured (e.g., to maximize readability and / or legibility). Performing an operation without requiring further user input when a set of conditions is met improves the usability of the device, makes the user-device interface more efficient (e.g., by providing a user interface with readable system text behind a foreground element of a media item), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0261] In some embodiments, upon determination that a fifth media item (e.g., a photograph, video, GIF, animation) satisfies a first set of predetermined criteria, the computer system (e.g., 600) displays a second user interface (e.g., 640 shown in Figure 6Q) based on the fifth media item (e.g., a watch user interface, a wake screen, a watch face, a lock screen) via a display generation component. As part of the display of the second user interface, the computer system simultaneously displays a fifth media item including a third background element and a third foreground element segmented from the third background element based on depth information and system text (e.g., a first time, the current date). In some embodiments, the system text is displayed in front of the third background element (e.g., visually overlaid or in a position corresponding to a part thereof) and behind the third foreground element (e.g., at least partially visually overlaid), and includes content dynamically selected based on the third context of the computer system (e.g., 640 shown in Figure 6Q). In some embodiments, upon determination that a fifth media item does not satisfy a first set of predetermined criteria, the computer system displays a second user interface via a display generation component. In some embodiments, as part of the display of the second user interface, the computer system simultaneously displays a fifth media item comprising a third background element and a third foreground element segmented from the background element based on depth information and system text. In some embodiments, the system text includes content displayed in front of the third background element (e.g., visually overlaid or in a position corresponding to a part thereof) and on the third foreground element, dynamically selected based on a third context of the computer system (e.g., 642 shown in Figure 6R). Determining whether to display the system text in front of or behind the foreground element of a media item based on predetermined criteria provides the user with a media item-based user interface, where the position is selected based on the criteria without requiring the user to select the position of the system text.By performing actions when a set of conditions is met without requiring further user input, the usability of the device is enhanced, the user-device interface is made more efficient (for example, by assisting the user in providing appropriate input when operating / interacting with the device and reducing user errors), and in addition, power consumption is reduced and the battery life of the device is improved by enabling the user to use the device more quickly and efficiently.

[0262] In some embodiments, according to a determination that a fifth media item satisfies a first set of predetermined criteria, the computer system (e.g., 600) displays system text (e.g., 640b shown in Figure 6Q) at the top (e.g., the apex) of the second user interface. In some embodiments, according to a determination that a fifth media item does not satisfy a first set of predetermined criteria, the computer system displays system text (e.g., 642b) at the bottom (e.g., the base) of the second user interface (e.g., 642 shown in Figure 6S). Displaying the second user interface with system text at either the top or bottom of the user interface, based on whether a fifth media item satisfies a first set of predetermined criteria, provides the user with a media item-based user interface, and the portion of the second user interface in which the system text is displayed is automatically determined without requiring the user to select the position of the system text. Performing an operation without requiring further user input when a set of conditions is met improves device usability, makes the user-device interface more efficient (for example, by selecting preferred portions of media items to display system text), and further reduces power consumption and extends device battery life by allowing users to use the device more quickly and efficiently.

[0263] In some embodiments, the computer system simultaneously displays a second complication (e.g., 606d2 shown in Figure 6P) as part of the user interface display. In some embodiments, the second complication is displayed in front of (e.g., visually overlaid on or in a position corresponding to a part thereof) a foreground element (e.g., 606c). In some embodiments, a complication refers to any watch face feature other than those used to indicate the hours and minutes of a given time (e.g., clock hands or hour / minute indicators). In some embodiments, the complication provides data obtained from an application. In some embodiments, the complication includes affordances that, when selected, launch the corresponding application. In some embodiments, the complication is displayed on the display in a fixed, predefined location. In some embodiments, the complication occupies a location in a specific area of ​​the watch face (e.g., bottom right, bottom left, top right, and / or top left). Displaying a secondary complication in front of a foreground element provides improved visual feedback by allowing the user to view the secondary complication without it being visually obscured by the foreground element of the media item, and it also provides visual feedback that the secondary complication can be selected even while the foreground element is displayed. By providing improved feedback, the usability of the device is enhanced, and the user-device interface becomes more efficient (for example, by helping the user make appropriate inputs when operating / interacting with the device and reducing user errors), which in turn reduces power consumption and improves the device's battery life by allowing the user to use the device more quickly and efficiently.

[0264] In some embodiments, as part of the display of a user interface (e.g., 640), a computer system (e.g., 600) simultaneously displays a third complication (e.g., 640d). In some embodiments, the third complication is displayed behind (e.g., at least partially visually overlaid) a foreground element (e.g., 640c shown in Figure 6S). In some embodiments, a complication refers to any watch face feature other than those used to indicate the hours and minutes of a given time (e.g., clock hands or hour / minute indicators). In some embodiments, a complication provides data obtained from an application. In some embodiments, a complication includes affordances that, when selected, launch a corresponding application. In some embodiments, a complication is displayed on the display in a fixed, predefined location. In some embodiments, a complication occupies a location in a specific area of ​​the watch face (e.g., bottom right, bottom left, top right, and / or top left). Displaying a secondary complication behind a foreground element provides improved visual feedback by visually highlighting the foreground element of the media item while maintaining the display of the secondary complication. By providing improved feedback, device usability is enhanced, the user-device interface becomes more efficient (for example, by helping users make appropriate inputs when operating / interacting with the device and reducing user errors), and this further reduces power consumption and improves the device's battery life by allowing users to use the device more quickly and efficiently.

[0265] It should be noted that the details of the process described above with respect to Method 700 (for example, Figure 7) can be applied in a similar manner to the methods described later with reference to Methods 900, 1100, and 1300. For example, Method 700 optionally includes one or more features of the various methods described above with reference to Method 900. For example, the device may use either the user interface including a time display based on geographic data as described with reference to Figures 8A to 8M, or the watch user interface as described with reference to Figures 6A to 6U, as its watch user interface. In another embodiment, the watch user interface as described with reference to Figures 6A to 6U may include time digits that are updated based on the current time, as described with reference to Figures 10A to 10W with reference to Method 1100. Furthermore, for example, Method 1300 optionally includes one or more features of the various methods described above with reference to Method 700. For example, the watch user interfaces of Figures 6A to 6U can be created or edited through a process of updating and selecting the watch user interface, as described with reference to Figures 12A to 12W. Furthermore, for example, Method 1500 may optionally include one or more features of the various methods described above with reference to Method 700. For example, the watch user interfaces in Figures 6A-6U can be initially edited via a second computer system, as described with reference to Figures 14A-14R. For brevity, these details will not be repeated below.

[0266] Figures 8A to 8M show exemplary user interfaces for managing the clock face based on geographic data. These user interfaces are used to illustrate processes described later, including the process shown in Figure 9.

[0267] Figure 8A shows a computer system 800 that displays a wristwatch user interface 816a via a display 802. The computer system 800 includes a rotatable and pressable input mechanism 804. In some embodiments, the computer system 800 optionally includes one or more functions of device 100, device 300, or device 500. In some embodiments, the computer system 800 is a tablet, phone, laptop, desktop, camera, etc. In some embodiments, the inputs described later can optionally be replaced with alternative inputs such as press inputs and / or rotational inputs received via the rotatable and pressable input mechanism 804.

[0268] Figure 8A includes a position indicator 814a indicating that the computer system 800 is located in San Francisco at Pacific Standard Time. In some embodiments, the functions of the wristwatch user interface 816a correspond to and / or are based on a determination that the computer system 800 is located at a specific location and / or a specific time zone, as will be further described later.

[0269] The wristwatch user interface 816a includes multiple parts, including a section 820a containing a circular dial with location names (e.g., city, country, island, region, etc.) displayed around the circular dial. Various location names include name 820a1 (Los Angeles), name 820a2 (Dubai), name 820a3 (Beijing), and name 820a4 (Mexico). The locations within section 820a where the location names are displayed, and the orientation in which the location names are displayed, correspond to geographic data indicating the current location and / or time zone where the computer system 800 is located. In Figure 8A, Los Angeles is displayed in the lower center of section 820a, based on the determination that the computer system 800 is located in San Francisco (indicated by location indicator 814a) in Pacific Standard Time. In Figure 8A, section 820a includes location names corresponding to locations representing different time zones. In some embodiments, the computer system 800 displays the name of the location corresponding to the time zone in which the computer system 800 is located at the center of the bottom of section 820a (for example, name 820a1, Los Angeles is shown in Figure 8A). In some embodiments, the name of the location corresponding to the time zone in which the computer system 800 is located is different from the actual city in which the computer system 800 is located (for example, Los Angeles represents San Francisco). In some embodiments, according to a determination that the location of the computer system 800 has changed and / or that the computer system 800 has moved from one time zone to another, the computer system 800 updates the location and / or orientation by the name of the location displayed in section 820a.

[0270] The watch user interface 816a further includes an indicator 815 which includes a graphic indicator of the name of the location corresponding to the location of the computer system 800. In some embodiments, the indicator 815 includes a graphic indicator of the time digits contained in a portion 820b corresponding to the current time in the time zone in which the computer system 800 is located. In the watch user interface 816a, the indicator 815 includes an arrow at the bottom center of portion 820a indicating that the time digits contained in portion 820b corresponding to the current time in Los Angeles is 10 (for example, the time in Los Angeles is approximately 10 a.m.).

[0271] The wristwatch user interface 816a further includes a portion 820b which includes a circular dial containing multiple hour digits corresponding to the hours of the day. In the wristwatch user interface 816a, portion 820b contains multiple hour digits ranging from 1 to 24, each digit corresponding to a different hour that makes up a 24-hour day. In some embodiments, portion 820b contains 12-hour digits instead of 24-hour digits. In some embodiments, portion 820b contains overlapping hour digits (e.g., two 8s), and / or certain hour digits are omitted to take into account different time zones and / or the observation of daylight saving time in cities or countries (e.g., no digit 7). In some embodiments, according to a determination that the date corresponds to a daylight saving time period, the computer system 800 updates the hour digits contained in portion 820b to omit at least one hour digit and / or repeat at least one hour digit.

[0272] In some embodiments, the relative position between the location name in part 820a and the time digit in part 820b roughly indicates the time of the location corresponding to the location name displayed next to the time digit. For example, in Figure 8A, Dubai, with name 820a2, displays the time digit "22" in the center, indicating that the current time in Dubai corresponds to the time digit "22" (e.g., approximately 10 p.m.). The name Mexico, with 820a4, displays the time digit "5" in the center, indicating that the current time in Mexico City corresponds to the time digit "5" (e.g., approximately 5 a.m.).

[0273] The wristwatch user interface 816a further includes a portion 820c which includes a circular area of ​​the wristwatch user interface 816a including a time display 826 including analog clock hands, the position of which represents the current time (hours, minutes, seconds, etc.). The portion 820c further includes a map 824a which includes at least a portion of an animated map and / or globe. In some embodiments, the map 824a includes an animated map and / or globe diagram which includes a representation of the location of the computer system 800 (e.g., city, country, island, region, etc.) (e.g., San Francisco, region corresponding to Pacific Standard Time, etc.). The portion 820c includes a terminator line 822 which includes a visual and / or graphic animation that represents the distinction between day and night. In some embodiments, the terminator line 822 is displayed on the map 824a to indicate portions of the animated map and / or globe that are currently nighttime, and / or portions of the animated map and / or globe that are currently daytime. In some embodiments, the terminator line 822 is updated over time to reflect the passage of time and / or the movement of the Earth.

[0274] The computer system 800 displays location names in an orientation that makes them easier to read. For example, in the wristwatch user interface 816a, Los Angeles, named 820a1, is oriented so that the top of the letters of name 820a1 is closer to the time display 826 than the bottom of the letters of name 820a1. Similarly, Mexico, named 820a4, is oriented so that the top of the letters of name 820a4 is closer to the time display 826 than the bottom of the letters of name 820a4. However, Dubai, named 820a2, and Beijing, named 820a3, are displayed so that the bottom of the letters is closer to the time display 826 than the top of the letters. In some embodiments, the orientation in which location names are displayed is updated based on geographic data related to the locations of the computer system 800.

[0275] The watch user interface 816a further includes a lock icon 818 indicating that the computer system 800 is currently locked. In some embodiments, when the computer system 800 is locked, the functionality of the computer system 800 is limited. The watch user interface 816a includes several complications, including complication 806, complication 808, complication 810, and complication 812. In some embodiments, the complications (806, 808, 810, 812) contain information from applications available on (e.g., installed) the computer system 800. In some embodiments, the complications (806, 808, 810, 812) are updated over time to display the latest information (e.g., from applications associated with the complications). In some embodiments, by selecting a complication (806, 808, 810, 812), the computer system 800 launches the application corresponding to the selected complication.

[0276] Figure 8B shows the computer system 800 at different times and locations. Figure 8B includes a location indicator 814b indicating that the computer system 800 is located in Abu Dhabi, which is in Gulf Standard Time. In Figure 8B, the computer system 800 displays a watch user interface 816b. The watch user interface 816b includes a section 820a, and the names of the locations displayed within section 820a are updated. For example, Los Angeles, with name 820a1, is displayed in the lower center of section 820a in watch user interface 816a, but name 820a1 is displayed in the upper center of section 820a in watch user interface 816b. Dubai, with name 820a2, is displayed in the upper center of section 820a in 816a, but name 820a2 is displayed in the lower center of section 820a in watch user interface 816b. The locations where Mexico (named 820a4) and Beijing (named 820a3) are displayed are also updated in the watch user interface 816b.

[0277] The orientation of the names of some locations is also updated in the watch user interface 816b. In the watch user interface 816a, Los Angeles, named 820a1, was displayed with an orientation such that the top of the letters of name 820a1 was closer to the time display 826 than the bottom of the letters of name 820a1. In the watch user interface 816b, Los Angeles, named 820a1, is displayed with an orientation such that the bottom of the letters of name 820a1 is closer to the time display 826 than the top of the letters of name 820a1. Similarly, in the watch user interface 816a, Dubai, named 820a2, was displayed with an orientation such that the bottom of the letters of name 820a2 was closer to the time display 826 than the top of the letters of name 820a1. In the watch user interface 816b, Dubai, named 820a2, is displayed with an orientation such that the top of the letters of name 820a2 is closer to the time display 826 than the bottom of the letters of name 820a2. The orientation for displaying Beijing (named 820a3) and Mexico (named 820a4) has also been updated.

[0278] The watch user interface 816b includes an indicator 815 which includes a graphic indicator of the name of a location corresponding to geographic data related to the location of the computer system. The indicator 815 further includes a graphic indicator of the time digits contained in a portion 820b corresponding to the current time in the time zone in which the computer system 800 is located. In the watch user interface 816b, the indicator 815 includes an arrow at the bottom center of portion 820a indicating that the time digits contained in portion 820b corresponding to the current time in Dubai are 12.

[0279] The wristwatch user interface 816a further includes a part 820b which includes a circular dial containing multiple hour digits corresponding to the hours of the day. In the wristwatch user interface 816b, part 820b contains multiple hour digits ranging from 1 to 24, each digit corresponding to a different hour that makes up a 24-hour day.

[0280] The wristwatch user interface 816b further includes a portion 820c which includes a circular area of ​​the wristwatch user interface 816b including a time display 826 including analog clock hands, the position of which represents the current time (hours, minutes, seconds, etc.). The portion 820c further includes a map 824a which includes at least a portion of an animated map and / or globe. In some embodiments, the map 824a includes an animated map and / or globe depiction which includes a representation of the location of the computer system 800 (e.g., city, country, island, region, etc.) (e.g., Dubai, region corresponding to Gulf Standard Time, etc.). The portion 820c includes a terminator line 822 which includes a visual and / or graphic animation that represents the distinction between day and night. In some embodiments, the terminator line 822 is displayed on the map 824a to indicate portions of the animated map and / or globe that are currently nighttime, and / or portions of the animated map and / or globe that are currently daytime.

[0281] The watch user interface 816b further includes a lock icon 818 indicating that the computer system 800 is currently locked. In some embodiments, when the computer system 800 is locked, its functionality is limited. The watch user interface 816b includes several complications, including complications 806, 808, 810, and 812. In some embodiments, the complications (806, 808, 810, 812) contain information from applications available on (e.g., installed) the computer system 800. In some embodiments, the complications (806, 808, 810, 812) are updated over time to display the latest information. In some embodiments, by selecting a complication (806, 808, 810, 812), the computer system 800 launches the application corresponding to the selected complication.

[0282] Figure 8C shows the computer system 800 at different times and locations. Figure 8C includes a location indicator 814c indicating that the computer system 800 is located in Ireland, which is in Irish Standard Time. In Figure 8C, the computer system 800 displays a watch user interface 816c. The watch user interface 816c includes a section 820a, and the names of the locations displayed within section 820a are updated. Los Angeles, named 820a1, is displayed at the bottom center of section 820a in watch user interface 816a and at the top center of section 820a in watch user interface 816b, but name 820a1 is displayed to the left of section 820a in watch user interface 816c. Name 820a2 is displayed at the top center of section 820a in watch user interface 816a and at the bottom center of section 820a in watch user interface 816b, but name 820a2 is displayed to the right of section 820a in watch user interface 816c. The locations of Mexico (named 820a4a) and Beijing (named 820a3) are also updated in the watch user interface 816c.

[0283] The orientation of the names of some locations is also updated in the watch user interface 816c. In the watch user interface 816a, Los Angeles, named 820a1, is displayed with an orientation such that the top of the letters of name 820a1 is closer to the time display 826 than the bottom of the letters of name 820a1, while in the watch user interface 816b, Los Angeles, named 820a1, is displayed with an orientation such that the bottom of the letters of name 820a1 is closer to the time display 826 than the top of the letters of name 820a1. In the watch user interface 816a, Dubai, named 820a2, is displayed with an orientation such that the bottom of the letters of name 820a2 is closer to the time display 826 than the top of the letters of name 820a1, while in the watch user interface 816b, Dubai, named 820a2, is displayed with an orientation such that the top of the letters of name 820a2 is closer to the time display 826 than the bottom of the letters of name 820a2. In the watch user interface 816c, both Los Angeles (name 820a1) and Dubai (name 820a2) are displayed with the same orientation such that the bottom of the letters is closer to the time display 826 than the top of the letters. The orientation of some location names is maintained even as the time zone shifts. For example, Mexico (name 820a4) is displayed in both the watch user interfaces 816b and 816c with the orientation such that the bottom of the letters is closer to the time display 826. In some embodiments, the computer system 800 reverses the orientation in which a particular location name is displayed according to a determination that the position within the moved portion 820a has changed by more than a threshold amount. In some embodiments, the computer system 800 reverses the orientation in which a particular city name is displayed according to a determination that the angle at which the name is displayed has changed by more than a threshold amount based on the updated time zone.

[0284] The wristwatch user interface 816c further includes an indicator 815 which includes a graphic indicator of the name of the location corresponding to the location of the computer system 800. The indicator 815 further includes a graphic indicator of the time digit contained in part 820b which corresponds to the current time in the time zone in which the computer system 800 is located. In the wristwatch user interface 816c, the indicator 815 includes an arrow at the bottom center of part 820a which indicates that the time digit contained in part 820b which corresponds to the current time in London is 2 (for example, the time in London is approximately 2 a.m.).

[0285] The wristwatch user interface 816c further includes a part 820b which includes a circular dial containing multiple hour digits corresponding to the hours of the day. In the wristwatch user interface 816c, part 820b contains multiple hour digits ranging from 1 to 24, each digit corresponding to a different hour that makes up a 24-hour day.

[0286] The wristwatch user interface 816c further includes a portion 820c which includes a circular area of ​​the wristwatch user interface 816c including a time display 826 including analog clock hands, the position of which represents the current time (hours, minutes, seconds, etc.). The portion 820c further includes a map 824a which includes at least a portion of an animated map and / or globe. In some embodiments, the map 824a includes an animated map and / or globe depiction which includes a representation of the location of the computer system 800 (e.g., a city, country, island, region, etc.) (e.g., Ireland, region corresponding to Irish Standard Time, etc.). The portion 820c includes a terminator line 822 which includes a visual and / or graphic animation that represents the distinction between day and night. In some embodiments, the terminator line 822 is displayed on the map 824a to indicate portions of the animated map and / or globe that are currently nighttime, and / or portions of the animated map and / or globe that are currently daytime.

[0287] The watch user interface 816b further includes a lock icon 818 indicating that the computer system 800 is currently locked. In some embodiments, when the computer system 800 is locked, its functionality is limited. The watch user interface 816b includes several complications, including complications 806, 808, 810, and 812. In some embodiments, the complications (806, 808, 810, 812) contain information from applications available on (e.g., installed) the computer system 800. In some embodiments, the complications (806, 808, 810, 812) are updated over time to display the latest information. In some embodiments, by selecting a complication (806, 808, 810, 812), the computer system 800 launches the application corresponding to the selected complication.

[0288] Figure 8D shows that in some embodiments, the computer system rotates and displays part 820a in different time zones in response to rotational input received via a rotatable and pressable input mechanism 804. In some embodiments, the rotational input can change the currently selected time zone so that the watch user interface is displayed according to a first time zone instead of a second time zone. Figure 6D shows the computer system 800 displaying the watch user interface 816d, which is displayed according to the selected Pacific Standard Time, as indicated by position indicator 814d. While the watch user interface 816d is displayed, the computer system 800 receives rotational input 860a via the rotatable and pressable input mechanism 804, and in response to receiving rotational input 860a, the computer system 800 displays the watch user interface 816e, which is an updated display of the watch user interface 816d, which is displayed according to the selected Gulf Standard Time, as indicated by position indicator 814e. While the watch user interface 816e is displayed, the computer system 800 receives a rotation input 860b via a rotatable and pressable input mechanism 804, and in response to receiving the rotation input 860b, the computer system 800 displays the watch user interface 816f, which is an updated display of the watch user interface 816e displayed according to the selected Irish Standard Time, as indicated by the position indicator 814f. In some embodiments, while the watch user interface 816f is displayed, the computer system 800 receives a rotation input 860c via the rotatable and pressable input mechanism 804, and in response to receiving the rotation input 860c, the computer system 800 displays the watch user interface 816d, which is an updated display of the watch user interface 816f displayed according to the selected Pacific Standard Time, as indicated by the position indicator 814f. In some embodiments, the selected time zone is continuously updated in response to rotation inputs received via the rotatable and pressable input mechanism 804. In some embodiments, the computer system 800 cycles through a limited number of time zone options in a set order.

[0289] In Figure 8D, the computer system 600 displays a watch user interface (e.g., 816d, 816e, 816f) without the lock icon 818 indicating that the computer 800 is not locked. In some embodiments, the computer 800 system transitions from a locked state to an unlocked state in response to a sequence of user inputs received via one or more input mechanisms communicating with the computer system 800. In some embodiments, the computer system 800 transitions from a locked state to an unlocked state in response to a series of tap inputs received by the computer system 800 corresponding to the input of a passcode. In some embodiments, the computer system 800 transitions from a locked state to an unlocked state in response to a press input received by a rotatable and pressable input mechanism 604. In some embodiments, the computer system 800 transitions from a locked state to an unlocked state in response to a sequence of user inputs received via a computer system other than the computer system 800 that communicates with the computer system 800, such as a paired telephone. In some embodiments, the computer system 800 transitions from a locked state to an unlocked state in response to a wrist-raise gesture. In some embodiments, the computer system 800, while the computer system 800 is locked, applies a rotational input via a rotatable and pressable input mechanism 804, as shown in Figure 8D, to prevent updating the wristwatch user interface displayed via the display 802 to correspond to different time zones.

[0290] Figure 8E shows a computer system 800 displaying a watch user interface 816g that matches the watch user interface 816a. The watch user interface 816g includes a portion 830c which includes a circular area of ​​the watch user interface 816g including a time display 826 which includes analog clock hands, the position of which represents the current time (hours, minutes, seconds, etc.). Portion 820c further includes a map 824a which includes at least a portion of an animated map and / or globe. In some embodiments, the map 824a includes an animated map and / or globe depiction which includes a representation of the location of the computer system 800 (e.g., a city, country, island, region, etc.) (e.g., San Francisco, region corresponding to Pacific Standard Time, etc.). Portion 820c includes a terminator line 822 which includes a visual and / or graphic animation which represents the distinction between day and night. In some embodiments, the terminator line 822 is displayed on map 824a to indicate the portion of the animated map and / or globe that is currently nighttime, and / or the portion of the animated map and / or globe that is currently daytime. In Figure 8E, the computer system 800 detects an input 850a (e.g., a tap input) on map 824a.

[0291] In Figure 8F, in response to receiving input 850a, the computer system 800 displays the watch user interface 816h, which is an updated version of the watch user interface 816g in which map 824a has been replaced with map 824b. In some embodiments, map 824b is an enlarged version of map 824a. In some embodiments, map 824b includes a city-level map of a location corresponding to the name of the location currently indicated by indicator 815. In Figure 8F, indicator 815 indicates Los Angeles for the name of the location 820a1. Thus, map 824b includes a city map of at least a portion of the map of Los Angeles. In some embodiments, the transition from the display of map 824a shown on the watch user interface 816g to the display of map 824b shown on the wrist user interface 816h includes an animation, which represents an animation of the globe rotating and / or a zoom-in animation transitioning from map 824a to map 824b.

[0292] Figure 8G shows a computer system 800 displaying a watch user interface 816i that matches a watch user interface 816a. In particular, taking the watch user interface 816a as an example, the watch user interface 816a further includes a portion 820c which includes a circular area of ​​the watch user interface 816i including a time display 826 including analog clock hands, the position of which represents the current time (hours, minutes, seconds, etc.). The portion 820c further includes a map 824a which includes at least a portion of an animated map and / or globe. In some embodiments, the map 824a includes an animated map and / or globe which includes a representation of the location of the computer system 800 (e.g., a city, country, island, region, etc.). The portion 820c includes a terminator line 822 which includes a visual and / or graphic animation representing the distinction between day and night. In some embodiments, the terminator line 822 is displayed on map 824a to indicate the portion of the animated map and / or globe that is currently nighttime, and / or the portion of the animated map and / or globe that is currently daytime. In Figure 8G, the computer system 800 detects an input 850b (e.g., a long press input) in the wristwatch user interface 816i.

[0293] In Figure 8H, upon receiving input 850b, the computer system 800 displays a selection user interface 842a. The selection user interface 842a is a user interface for selecting a watch user interface to be displayed by the computer system 800. The selection user interface 842a includes a representation 844b1, which is a representation of the watch user interface 816i, and includes various functions of the watch user interface 816i. In some embodiments, the representation 844b1 is a static representation of the watch user interface 816i and includes complications that include time displays other than the current time, and / or information other than real-time updated data.

[0294] The selection user interface 842a further includes partial diagrams of representations 844a and 844b corresponding to watch user interfaces other than the watch user interface 816i. The selection user interface 842a includes a shared user-interactive graphic user interface object 825 that, if selected, causes the computer system 800 to display a user interface related to sending and / or sharing information related to the watch user interface 816i to another device (e.g., another computer system). The selection user interface 842a further includes an editable user-interactive graphic user interface object 828 that, if selected, causes the computer system 800 to display an editable user interface for editing the appearance of the watch user interface 816i. The selection user interface 842a further includes a dial indicator 846 that includes a visual and / or textual display of the name of the watch user interface currently centered on the selection user interface 842a. In Figure 8H, the dial indicator 846 indicates that the currently displayed wristwatch user interface 816i, represented by representation 844b1 in the selection user interface 842a, is titled "World Clock". In Figure 8H, the computer system detects input 850c (e.g., tap input) in the editable user interactive graphic user interface object 828.

[0295] In Figure 8I, upon detecting input 850c, the computer system 800 displays the editing user interface 848a1. The editing user interface 848a1 includes an appearance indicator 854 which contains a visual and / or textual representation of the appearance of the watch user interface 816i currently selected for editing. In Figure 8I, the appearance indicator 854 indicates that the appearance of the watch user interface 816i currently selected for editing is "Style".

[0296] The editing user interface 848a1 further includes a selection indicator 852a which contains a visual and / or textual representation of the currently selected option regarding the editable appearance of the watch user interface 816i. In Figure 8I, the selection indicator 852a indicates that the currently selected “Style” option for the watch user interface 816i is “Analog”.

[0297] The editing user interface 848a1 further includes a position indicator 856a. The position indicator 856a includes a graphical representation of the number of selectable options for the editable appearance of the watch user interface 816i currently being edited, and the position of the currently selected option in the list of selectable options. For example, the position indicator 856a indicates that the currently selected option "Style" for the "Style" appearance of the watch user interface 816i is at the top of the list of at least two possible options for the "Analog" appearance of the watch user interface 816i.

[0298] The editing user interface 848a1 includes expression 844d, which indicates that the watch user interface currently being edited is the watch user interface corresponding to expression 844d, i.e., the watch user interface 816i. Expression 844d corresponds to the watch user interface 816i and includes the functionality of the watch user interface 816i, including a portion 820c which includes a circular area of ​​the watch user interface 816a including a time display 826 including analog clock hands, where the position of the analog clock hands represents the time (hours, minutes, seconds, etc.). In some embodiments, in expression 844d, the time indicated by expression 826 (e.g., by the position of the analog clock hands) is a fixed time and / or different from the current time. In Figure 8I, the computer system 1200 detects a rotational input 860d via a rotatable and pressable input mechanism 804.

[0299] In Figure 8J, upon receiving rotation input 860d, the computer system 800 displays an edited user interface 848a2, which is an edited version of the edited user interface 848a1, and the representation 844d no longer includes the time display 826, but instead includes a time display 858 which includes a digital display of the time without analog clock hands.

[0300] The editing user interface 848a2 further includes a selection indicator 852b which contains a visual and / or textual representation of the currently selected option regarding the editable appearance of the watch user interface 816i. In Figure 8J, the selection indicator 852a indicates that the currently selected “Style” option for the watch user interface 816i is “Digital”.

[0301] The editing user interface 848a2 further includes a position indicator 856b. Position indicator 856b includes an updated version of position indicator 856a, and the change in position indicator 856b compared to position indicator 856a indicates that the currently selected “style” option has changed (for example, from “analog” to “digital”). In Figure 8J, the computer system 800 receives a press input 870a via a rotatable and pressable input mechanism 804.

[0302] In Figure 8K, in response to receiving a press input 870a, the computer system 800 displays the selection user interface 842b. Figure 8K shows an edited representation of the wristwatch user interface 816i in the selection user interface. The selection user interface 842b is identical to the selection user interface 842a, except that representation 844b1 is replaced by representation 844b2. Representation 844b2 includes a time display 858 (e.g., a digital display of the time) instead of a time display 826 which includes analog wristwatch hands. In Figure 8K, the computer system 800 detects a press input 870b via a pressable and rotatable input mechanism 804.

[0303] In Figure 8L, in response to the detection of the press input 870b, the computer system 800 displays the wristwatch user interface 816j. The wristwatch user interface 816j is identical to the wristwatch user interface 816i, except that the wristwatch user interface 816j includes a time display 858 which includes a digital time display instead of the time display 826 which includes analog clock hands in section 820c.

[0304] In Figure 8M, the computer system 800 displays a wristwatch user interface 816k including a time display 826, with the analog clock hands displayed extending beyond the edge of section 820c. In Figure 8M, the analog clock hands of the time display 826 are displayed extending to the edge of section 820a. In some embodiments, the analog clock hands are displayed extending further or shorter than shown in Figure 8M. In some embodiments, the analog clock hands at least partially obscure at least one hour digit contained within section 820b. In some embodiments, the analog clock hands at least partially obscure the name of at least one position within section 820a. In some embodiments, the length of the clock hands included in the time display 826 is the editable appearance of the wristwatch user interface.

[0305] Figure 9 is a flowchart illustrating a method for managing a watch face based on geographic data using a computer system, according to several embodiments. Method (900) is performed on a computer system (e.g., 800) (e.g., a smart watch, a wearable electronic device, a smartphone, a desktop computer, a laptop, a tablet) that communicates with a display generation component (802) and one or more input devices (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system communicates with one or more input devices (e.g., a rotatable input mechanism, a touch-sensitive surface). Multiple operations in Method 900 can be arbitrarily combined, the order of multiple operations can be arbitrarily changed, and multiple operations can be arbitrarily omitted.

[0306] As described later, Method 900 provides an intuitive method for managing a watch face based on geographic data. This method reduces the cognitive burden on the user to manage the watch face based on geographic data, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, enabling users to manage the watch face more quickly and efficiently based on geographic data saves power and extends the battery charging interval.

[0307] The computer system receives a request (e.g., tap input, swipe, on wrist, press input) via one or more input devices to display a watch face (e.g., 816a) (902).

[0308] In response to a request to display a clock face, the computer system (e.g., 800) displays a clock face (e.g., 816a) (904) via a display generating component (e.g., 802) that includes the names of one or more different cities (e.g., 820a1, 820a2, 820a3, and 820a4 shown in Figure 8A). Displaying the clock face includes simultaneously displaying the current time in the current time zone associated with the computer system (e.g., 826) (906) and the names of one or more different cities (e.g., surrounding at least a portion of the current time in the current time zone) (908). In some embodiments, the current time display is updated continuously or periodically over time to reflect the current time (e.g., the time in the current time zone). In some embodiments, the current time display is intended to be aligned with and / or reflect Universal Time adjusted using an offset based on the currently selected time zone.

[0309] One or more different cities include the first city (e.g., 820a5 shown in Figure 8A), and displaying the names of one or more cities includes displaying the name of the first city, and (910) according to the determination that the computer system is associated with the first time zone (e.g., 814a) (e.g., the current time zone is the first time zone), the name of the first city (e.g., 820a5 shown in Figure 8A) is such that the lower part of the letters of the name of the first city is closer to the current time display (e.g., as shown in Figure 8A) than the upper part of the letters of the name of the first city is closer to the current time display. (912) The name of a first city (e.g., 820a5 shown in Figure 8B) is displayed in a first position on the clock face in text oriented to be closer to the current time display than the lower part of the letters of the name of the first city is closer to the current time display, according to the determination by the computer system that the computer system is associated with a second time zone (e.g., 814b) different from the first time zone (e.g., the current time zone is the second time zone), and in a second position on the clock face in text oriented to be closer to the current time display than the lower part of the letters of the name of the first city is closer to the current time display. In some embodiments, the clock face includes at least one complication (e.g., 812 shown in Figure 8A). In some embodiments, a complication means any feature of the clock face other than those used to indicate the hours and minutes of a given time (e.g., clock hands or hour / minute indications). In some embodiments, the complication provides data obtained from an application. In some embodiments, the complication includes affordances that, when selected, launch a corresponding application. In some embodiments, complications are displayed in fixed, predefined locations on the display. In some embodiments, complications occupy specific locations on the watch face (e.g., bottom right, bottom left, top right, and / or top left). In some embodiments, complications are editable (e.g., to display data corresponding to various applications available on the computer system).Conditionally displaying the name of a city at a first position in a first orientation (e.g., 820a5 shown in Figure 8A) or a city at a second position in a second orientation (e.g., 820a2 shown in Figure 8B) based on whether the computer system is associated with a first time zone (e.g., 814a) or a second time zone (e.g., 814b) provides the user with relevant information about the computer system context without requiring additional user input, and improves the readability of city names by maintaining the correct orientation rather than rotating the city names around the dial and displaying them upside down. Performing an operation without requiring further user input when a set of conditions are met improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user determine whether the name of the first city represents the current time zone associated with the computer system), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently. Furthermore, selecting the text orientation of city names based on the computer system's determination that they are associated with a specific time zone reduces the number of inputs required to display city names in that orientation, as the user no longer needs to manually select from various text orientations for city names. Reducing the number of inputs required to perform an action improves the usability of the device, making the user-device interface more efficient (for example, by helping the user make appropriate inputs when operating / interacting with the device and reducing user errors), and in addition, it reduces the device's power consumption and improves battery life by allowing the user to use the device more quickly and efficiently.

[0310] In some embodiments, one or more cities include a second city (e.g., 820a6 shown in Figure 8A), and displaying the names of one or more cities includes simultaneously displaying the name of the second city (e.g., 820a6 shown in Figure 8A) and the name of the first city (e.g., 820a5 shown in Figure 8A), and (910) according to the determination that a computer system (e.g., 800) is associated with a first time zone (e.g., 814a) (e.g., the current time zone is the first time zone), the name of the second city (e.g., 814a6 shown in Figure 8A) is such that the lower part of the letters of the name of the second city is close to the current time display. Rather than the top of the letters of the name of the second city being closer to the current time display, the text is displayed in the third position on the clock face in an orientation that is closer to the current time display (e.g., 826 as shown in Figure 8A). According to the computer system's determination that it is associated with a second time zone different from the first time zone (e.g., 814b) (e.g., the current time zone is the second time zone), the name of the second city (e.g., 814a6 as shown in Figure 8B) is displayed in the fourth position on the clock face in an orientation that is closer to the current time display than the top of the letters of the name of the second city being closer to the current time display. Conditionally displaying the name of the second city in the third position in the first orientation or the fourth position in the second orientation, based on whether the computer system is associated with the first or second time zone, provides the user with relevant information about the context of the computer system without requiring additional user input. Performing an operation without requiring further user input when a set of conditions is met improves device usability, makes the user-device interface more efficient (for example, by helping the user determine whether the name of a second city represents the current time zone associated with the computer system), and further reduces power consumption and extends the device's battery life by allowing the user to use the device more quickly and efficiently.

[0311] In some embodiments, one or more cities include a third city (e.g., 820a3 shown in Figure 8A), and as part of the display of the names of one or more cities, the computer system (e.g., 800) simultaneously displays the name of the third city (e.g., 820a3 shown in Figure 8A), the name of the first city (e.g., 820a5 shown in Figure 8A), and the name of the second city (e.g., 820a61 shown in Figure 8A). In some embodiments, according to the determination that the computer system is associated with a first time zone (e.g., 814a) (e.g., the current time zone is the first time zone), the computer system displays the name of the third city (e.g., 820a3 shown in Figure 8A) at the fifth position on the clock face in text oriented such that the bottom of the letters of the name of the third city is closer to the current time display (e.g., 826 shown in Figure 8A) than the top of the letters of the name of the third city is closer to the current time display (e.g., 826 shown in Figure 8A). In some embodiments, upon determination that the computer system is associated with a second time zone different from the first time zone (e.g., 814b) (e.g., the current time zone is the second time zone), the computer system displays the third city (e.g., 820a3 shown in Figure 8B) at the sixth position on the clock face in text oriented such that the top of the letters of the third city's name is closer to the current time display than the bottom of the letters of the third city's name is closer to the current time display. Conditionally displaying the name of the third city at the fifth position in the first orientation or the sixth position in the second orientation, based on whether the computer system is associated with the first or second time zone, provides the user with relevant information about the computer system's context without requiring additional user input. Performing an operation without requiring further user input when a set of conditions are met improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user determine whether the name of the third city represents the current time zone associated with the computer system), and further reduces power consumption and extends the device's battery life by allowing the user to use the device more quickly and efficiently.

[0312] In some embodiments, one or more cities include a fourth city (e.g., 820a2 shown in Figure 8A), and as part of the display of the names of one or more cities, the computer system (e.g., 800) simultaneously displays the name of the fourth city (e.g., 820a2 shown in Figure 8A), the name of the first city (e.g., 820a5 shown in Figure 8A), the name of the second city (e.g., 820a6 shown in Figure 8A), and the name of the third city (e.g., 820a3 shown in Figure 8A). In some embodiments, according to the determination that the computer system (e.g., 800) is associated with a first time zone (e.g., 814a) (e.g., the current time zone is the first time zone), the computer system displays the name of the fourth city (e.g., 820a2 shown in Figure 8A) at the seventh position on the clock face in text oriented such that the bottom of the letters of the name of the fourth city is closer to the current time display (e.g., 826 shown in Figure 8A) than the top of the letters of the name of the fourth city is closer to the current time display (e.g., 826 shown in Figure 8A). In some embodiments, upon determination that the computer system is associated with a second time zone different from the first time zone (e.g., 814b) (e.g., the current time zone is the second time zone), the computer system displays the name of the fourth city (e.g., 820a2 shown in Figure 8B) at the eighth position of the clock face in text oriented such that the top of the letters of the name of the fourth city is closer to the current time display than the bottom of the letters of the name of the fourth city is closer to the current time display. Conditionally displaying the name of the fourth city at the seventh position in the first orientation or the eighth position in the second orientation, based on whether the computer system is associated with the first or second time zone, provides the user with relevant information about the context of the computer system without requiring additional user input. Performing an operation without requiring further user input when a set of conditions are met improves the usability of the device, makes the user-device interface more efficient (e.g., by helping the user determine whether the name of the fourth city represents the current time zone associated with the computer system), and further reduces power consumption and extends the battery life of the device by allowing the user to use the device more quickly and efficiently.

[0313] In some embodiments, according to a determination that a computer system (e.g., 800) is associated with a third time zone (e.g., 814c) different from the first and second time zones (e.g., the current time zone is the third time zone), the computer system displays the name of a first city in text oriented such that the top of the characters of the name of the first city (e.g., 820a5 shown in Figure 8C) is closer to the current time display than the bottom of the characters of the name of the first city (e.g., 820a6 shown in Figure 8C). In some embodiments, according to a determination that a computer system is associated with a third time zone (e.g., 814c) (e.g., the current time zone is the third time zone), the computer system displays the name of a second city (e.g., 820a6 shown in Figure 8C) in text oriented such that the top of the characters of the name of the second city is closer to the current time display than the bottom of the characters of the name of the second city is closer to the current time display. Conditionally displaying the name of the first city in the same orientation as the name of the second city provides the user with relevant information about the computer system's context without requiring additional user input. Performing an operation without requiring further user input when a set of conditions are met improves device usability, makes the user-device interface more efficient (for example, by displaying information about which cities correspond to which time zones), and further reduces power consumption and extends the device's battery life by allowing the user to use the device more quickly and efficiently.

[0314] In some embodiments, one or more cities include a third city (e.g., 820a3 shown in Figure 8A), and as part of the display of the names of one or more cities, the computer system (e.g., 800) simultaneously displays the name of the third city (e.g., 820a3 shown in Figure 8A), the name of the first city (e.g., 820a5 shown in Figure 8A), and the name of the second city (e.g., 820a6 shown in Figure 8A). In some embodiments, accordi...

Claims

1. It is a method, In a computer system that communicates with a display generation component and one or more input devices, Receiving input via one or more input devices corresponding to a request to display a user interface based on a media item, In response to receiving the aforementioned input, the user interface is displayed via the display generation component, and the display of the aforementioned interface is, A media item including a background element and a foreground element segmented from the background element based on depth information, and A method comprising simultaneously displaying the system text, which is displayed in front of the background element and behind the foreground element, and which has content dynamically selected based on the context of the computer system.

2. Displaying the aforementioned system text means In accordance with the determination that the input was received in the first context, the first content is displayed in the system text, The method according to claim 1, comprising displaying a second content different from the first content in the system text, in accordance with the determination that the input was received in a second context.

3. To detect a change in the context of the aforementioned computer system, The method according to claim 1 or 2, further comprising: detecting the change in the context of the computer system; updating the system text at least in part on the change in the context.

4. The method according to any one of claims 1 to 3, wherein the user interface based on a media item is a watch face.

5. The method according to any one of claims 1 to 4, wherein the user interface is the screen of the computer system that is first displayed when the computer system transitions from a low-power state to a high-power state.

6. The method according to any one of claims 1 to 5, wherein the user interface is a lock screen.

7. The method according to any one of claims 1 to 6, wherein displaying the system text includes displaying the current time and / or the current date in the system text.

8. The method according to any one of claims 1 to 7, wherein the system text is at least partially obscured by the foreground element.

9. The method according to any one of claims 1 to 8, wherein the media item includes photographs and / or videos.

10. The method according to any one of claims 1 to 9, wherein displaying the user interface includes displaying an animation, the animation includes a change over time in the appearance of one or more elements of the user interface, at least in part based on the depth information.

11. The method according to claim 10, wherein the animation includes a simulated rack focus effect.

12. The method according to claim 10 or 11, wherein the animation includes a simulated dolly zoom effect.

13. The method according to any one of claims 10 to 12, wherein the animation includes reducing the blur of the foreground element and / or zooming in on the foreground element.

14. The method according to any one of claims 10 to 13, wherein the animation includes a parallax effect.

15. To detect the operation of the aforementioned computer system when it is in a high-power state, The method according to any one of claims 1 to 13, further comprising: in response to the detection of the aforementioned action, displaying the user interface having a simulated parallax effect having a direction and / or magnitude determined based on the direction and / or magnitude of the aforementioned action via the display generation component.

16. The display generation component is used to display an editing user interface for editing the first complication of the user interface, While the editing user interface is displayed, the system receives a first sequence of one or more user inputs via one or more input devices. Upon receiving the first sequence of one or more user inputs, The method according to any one of claims 1 to 15, further comprising editing the first complication.

17. The system text displayed in the user interface is displayed in a first font, and the method is After displaying the user interface having the system text displayed in the first font, the system receives a request to edit the user interface via one or more input devices. Upon receiving the request to edit the user interface, the system displays an editable user interface for editing the user interface via the display generation component. While the editing user interface is displayed, the system receives a second sequence of one or more user inputs via one or more input devices. In response to receiving the second sequence of one or more user inputs, the system selects a second font for the system text, The method according to any one of claims 1 to 16, further comprising selecting the second font for the system text, and then displaying the user interface, wherein the system text displayed in the user interface is displayed in a second font different from the first font.

18. The system text displayed in the user interface is displayed in a first color, and the method is After displaying the user interface having the system text displayed in a first color, a second request to edit the user interface is received via one or more input devices. Upon receiving the second request to edit the user interface, the system displays an editing user interface for editing the user interface via the display generation component. While the editing user interface is displayed, the system receives a third sequence of one or more user inputs via one or more input devices. In response to receiving the third sequence of one or more user inputs, the system selects a second color for the system text, The method according to any one of claims 1 to 17, further comprising selecting the second color for the system text and then displaying the user interface, wherein the system text displayed in the user interface is displayed in a second color different from the first color.

19. To detect when a predetermined condition is met, Upon detecting that the aforementioned predetermined conditions have been met, Displaying the user interface, wherein the user interface is based on a second media item instead of the media item, and displaying the user interface is A second media item comprising a second background element and a second foreground element segmented from the second background element based on depth information, and This includes simultaneously displaying the system text, which is displayed in front of the second background element and behind the second foreground element, and which has content dynamically selected based on the context of the computer system, The method according to any one of claims 1 to 18, further comprising:

20. To display a media selection user interface including a set of media items via the aforementioned display generation component, The system receives a fourth sequence of one or more user inputs corresponding to the selection of a third media item via the aforementioned one or more input devices, Displaying the user interface in response to receiving a fourth sequence of one or more user inputs corresponding to the selection of a subset of the set of media items, including a third media item, wherein the user interface is based on the third media item. The method according to any one of claims 1 to 19, further comprising:

21. In accordance with the determination that multiple media items include at least one media item that satisfies a first set of predetermined criteria, one or more media items that satisfy the first set of predetermined criteria are added to a subset of media items selected for use in the user interface. Displaying the user interface after adding one or more media items that satisfy the first set of predetermined criteria to the subset of media items, wherein displaying the user interface is Automatically select a fourth media item from the subset of media items selected for use in the user interface, The process includes selecting the fourth media item from the subset of media items selected for use in the user interface, and then displaying the fourth media item. The method according to any one of claims 1 to 20, further comprising:

22. The method according to claim 21, wherein the determination regarding the characteristics of the set of media items includes a determination that displaying the system text behind the foreground element will not obscure the system text by exceeding a threshold amount.

23. In accordance with the determination that the fifth media item satisfies a first set of predetermined criteria, a second user interface based on the fifth media item is displayed via the display generation component, and the display of the second user interface is: A fifth media item comprising a third background element and a third foreground element segmented from the third background element based on depth information, and This includes simultaneously displaying the system text, which is displayed in front of the third background element and behind the third foreground element, and which has third content dynamically selected based on the context of the computer system, Displaying the second user interface via the display generation component in accordance with the determination that the fifth media item does not satisfy the first set of predetermined criteria, wherein displaying the second user interface means A fifth media item comprising a third background element and a third foreground element segmented from the background element based on depth information, and This includes simultaneously displaying system text that is displayed in front of the third background element and the third foreground element, and which contains content dynamically selected based on the third context of the computer system, The method according to claims 1 to 22, further comprising:

24. In accordance with the determination that the fifth media item satisfies the first set of predetermined criteria, system text is displayed at the top of the second user interface, In accordance with the determination that the fifth media item does not satisfy the first set of predetermined criteria, system text is displayed at the bottom of the second user interface, The method according to claim 23, further comprising:

25. The method according to any one of claims 1 to 24, wherein displaying the user interface includes simultaneously displaying a second complication, the second complication being displayed in front of the foreground element.

26. The method according to any one of claims 1 to 25, wherein displaying the user interface includes simultaneously displaying a third complication, the third complication being displayed behind the foreground element.

27. A non-temporary computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component and one or more input devices, and the one or more programs include instructions for performing the method according to any one of claims 1 to 26.

28. A computer system, One or more processors, the computer system having one or more processors communicating with a display generation component and one or more input devices, A computer system comprising: a memory for storing one or more programs configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the method according to any one of claims 1 to 26.

29. A computer system, A computer system comprising means for performing the method described in any one of claims 1 to 26.

30. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs comprises instructions for performing the method according to any one of claims 1 to 26.

31. A non-temporary computer-readable storage medium for storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component and one or more input devices, and the one or more programs are A command for receiving input corresponding to a request to display a user interface based on a media item via one or more input devices, A command for displaying a user interface via the display generation component in response to receiving the aforementioned input, wherein the display of the aforementioned interface is: A media item including a background element and a foreground element segmented from the background element based on depth information, and A non-temporary computer-readable storage medium, which includes simultaneously displaying the system text, which is displayed in front of the background element and behind the foreground element and has content dynamically selected based on the context of the computer system.

32. A computer system, One or more processors, the computer system having one or more processors communicating with a display generation component and one or more input devices, A memory that stores one or more programs configured to be executed by one or more processors, A computer system comprising, wherein one or more programs A command for receiving input corresponding to a request to display a user interface based on a media item via one or more input devices, A command for displaying a user interface via the display generation component in response to receiving the aforementioned input, wherein the display of the aforementioned interface is: A media item including a background element and a foreground element segmented from the background element based on depth information, and A computer system including instructions, which includes simultaneously displaying the system text, which is displayed in front of the background element and behind the foreground element, and which has content dynamically selected based on the context of the computer system.

33. A computer system that communicates with a display generation component and one or more input devices, Means for receiving input corresponding to a request to display a user interface based on a media item via one or more input devices, A means for displaying a user interface via the display generation component in response to receiving the aforementioned input, wherein the display of the user interface is A media item including a background element and a foreground element segmented from the background element based on depth information, and A computer system including means for simultaneously displaying system text, which is displayed in front of the background element and behind the foreground element and has content that is dynamically selected based on the context of the computer system.

34. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs are A command for receiving input corresponding to a request to display a user interface based on a media item via one or more input devices, A command for displaying a user interface via the display generation component in response to receiving the aforementioned input, wherein the display of the aforementioned interface is: A media item including a background element and a foreground element segmented from the background element based on depth information, and A computer program product comprising instructions, which includes simultaneously displaying system text, which is displayed in front of the background element and behind the foreground element and has content dynamically selected based on the context of the computer system.

35. It is a method, In a computer system that communicates with a display generation component and one or more input devices, The system receives a request to display a clock face via one or more input devices, In response to receiving the request to display the clock face, the display generation component includes displaying a clock face containing the names of one or more different cities, and the display includes: The current time display in the current time zone associated with the aforementioned computer system, The process includes simultaneously displaying the names of one or more different cities, wherein the one or more different cities include a first city, and the display of the names of the one or more cities includes displaying the name of the first city. In accordance with the determination that the computer system is associated with a first time zone, the name of the first city is displayed at a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display. A method in which, in accordance with the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed at a second position on the clock face in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

36. The one or more cities include a second city, and displaying the names of the one or more cities includes displaying the name of the second city and the name of the first city simultaneously. In accordance with the determination that the computer system is associated with the first time zone, the name of the second city is displayed at a third position on the clock face in text oriented such that the upper part of the characters of the name of the second city is closer to the current time display than the lower part of the characters of the name of the second city is closer to the current time display. The method according to claim 35, wherein, according to the determination that the computer system is associated with a second time zone different from the first time zone, the name of the second city is displayed at the fourth position on the dial of the clock in text oriented such that the lower part of the characters of the name of the second city is closer to the current time display than the upper part of the characters of the name of the second city is closer to the current time display.

37. The one or more cities include a third city, and displaying the names of the one or more cities includes displaying the name of the third city, the name of the first city, and the name of the second city simultaneously. In accordance with the determination that the computer system is associated with the first time zone, the name of the third city is displayed at the fifth position on the clock face in text oriented such that the lower part of the letters of the name of the third city is closer to the current time display than the upper part of the letters of the name of the third city is closer to the current time display. The method according to claim 36, wherein, in accordance with the determination that the computer system is associated with a second time zone different from the first time zone, the name of the third city is displayed at the sixth position on the dial of the clock in text oriented such that the upper part of the characters of the name of the third city is closer to the current time display than the lower part of the characters of the name of the third city is closer to the current time display.

38. The one or more cities include a fourth city, and displaying the names of the one or more cities includes displaying the names of the fourth city, the first city, the second city, and the third city simultaneously. In accordance with the determination that the computer system is associated with the first time zone, the name of the fourth city is displayed at the seventh position on the clock face in text oriented such that the lower part of the letters of the name of the fourth city is closer to the current time display than the upper part of the letters of the name of the fourth city is closer to the current time display. The method according to claim 37, wherein, in accordance with the determination that the computer system is associated with a second time zone different from the first time zone, the name of the fourth city is displayed at the eighth position on the dial of the clock in text oriented such that the upper part of the characters of the name of the fourth city is closer to the current time display than the lower part of the characters of the name of the fourth city is closer to the current time display.

39. In accordance with the determination that the computer system is associated with a third time zone different from the first and second time zones, the name of the first city is displayed in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display. In accordance with the determination that the computer system is associated with the third time zone, the name of the second city is displayed in text oriented such that the upper part of the characters of the name of the second city is closer to the current time display than the lower part of the characters of the name of the second city is closer to the current time display. The method according to claim 36.

40. The one or more cities include a third city, and displaying the names of the one or more cities includes displaying the name of the third city, the name of the first city, and the name of the second city simultaneously. In accordance with the determination that the computer system is associated with the first time zone, the name of the third city is displayed at the fifth position on the clock face in text oriented such that the lower part of the characters of the name of the third city is closer to the current time display than the upper part of the characters of the name of the third city is closer to the current time display. In accordance with the determination that the computer system is associated with a second time zone different from the first time zone, the name of the third city is displayed at the sixth position on the clock face in text oriented such that the upper part of the characters of the name of the third city is closer to the current time display than the lower part of the characters of the name of the third city is closer to the current time display. The method according to claim 39, wherein, in accordance with the determination that the computer system is associated with a third time zone, the name of the third city is displayed in text oriented such that the lower part of the characters of the name of the third city is closer to the current time display than the upper part of the characters of the name of the third city is closer to the current time display.

41. The method according to any one of claims 35 to 40, wherein the orientation in which the names of one or more different cities are displayed is maintained while the current time zone associated with the computer system is maintained.

42. The method according to any one of claims 35 to 41, wherein the first position on the dial of the clock, on which the name of the first city is displayed, indicates the current time of the first city relative to the current time in the current time zone associated with the computer system.

43. The method according to claim 42, wherein the ninth position on the dial of the clock, where the name of the fifth city is displayed, indicates the current time of the fifth city relative to the current time in the first city and the current time in the current time zone associated with the computer system.

44. The dial of the aforementioned clock is An indicator of the sunrise time in the current time zone associated with the computer system, The method according to any one of claims 35 to 43, further comprising an indicator indicating the time of sunset in the current time zone, associated with the computer system.

45. The method according to claim 44, wherein the sunrise time and sunset time vary throughout the year.

46. The method according to claim 44 or 45, wherein the dial of the clock includes an analog dial, and the sunrise indicator and the sunset indicator are displayed within the analog dial.

47. The method according to any one of claims 44 to 46, wherein the dial of the clock includes a map, the sunrise indicator includes a first terminator line displayed on the map, and the sunset indicator includes a second terminator line displayed on the map.

48. The method according to any one of claims 35 to 47, wherein the current time zone associated with the computer system is selected based on the automatically determined position of the computer system.

49. The one or more different cities include a representative city selected based on the automatically determined location of the computer system, The method according to claim 48, further comprising displaying a visual indicator corresponding to the aforementioned representative city.

50. The method according to claim 49, wherein the representative city is different from the city where the computer system is located.

51. The method according to any one of claims 35 to 50, wherein rotating the position on the clock face where the names of one or more different cities are displayed corresponds to updating the current time zone associated with the computer system.

52. The computer system communicates with a rotatable input mechanism, The rotation of the rotatable input mechanism about the first rotation axis is detected via the rotatable input mechanism, The process includes detecting the rotation of the rotatable input mechanism about the first axis of rotation, and rotating the position on the clock face where the names of one or more different cities are displayed about a second axis of rotation different from the first axis of rotation, wherein the rotation of the position on the clock face where the names of one or more different cities are displayed is In accordance with the determination that the rotation of the rotatable input mechanism around the first rotation axis is in the first direction, the direction in which one or more different cities rotate around the second rotation axis is the third direction, The method according to any one of claims 35 to 51, comprising determining that the rotation of the rotatable input mechanism about the first rotation axis is in a second direction different from the first direction, the direction in which one or more different cities rotate about the second rotation axis is a fourth direction different from the third direction.

53. The method according to any one of claims 35 to 51, wherein the background of the clock face is a world map.

54. Receiving user input on the world map via one or more input devices, In response to receiving the user input, the world map is positioned to center the city representing the current time zone associated with the computer system, The method according to claim 53, further comprising:

55. To center the city representing the current time zone associated with the computer system on the world map is to The method according to claim 54, comprising displaying the city associated with the current time zone associated with the computer system offset from the center, and then displaying the city associated with the current time zone associated with the computer system at a point on the clock face where a plurality of clock hands, including a first clock hand and a second clock hand, rotate around a center.

56. The method according to any one of claims 35 to 55, wherein the dial of the clock includes a plurality of clock hands, including a first clock hand and a second clock hand, the positions of the clock hands are updated to indicate the current time in the current time zone associated with the computer system, and the names of one or more different cities are displayed behind the plurality of clock hands.

57. The method according to any one of claims 35 to 56, wherein the dial of the clock includes a second analog dial, the analog dial is updated based on the current time in the current time zone associated with the computer system.

58. The method according to any one of claims 35 to 57, wherein the current time display for the current time zone associated with the computer system is displayed at the bottom of the clock face.

59. The method according to any one of claims 35 to 58, wherein the dial of the clock includes an inset time display at a first position on the dial of the clock, the inset time display includes a representation of the current time in the current time zone associated with the computer system in 12-hour format.

60. The inset time display shown according to the first format is displayed via the display generation component, The system receives a sequence of one or more user inputs corresponding to a request to edit the inset time display via one or more input devices, In response to receiving a sequence of one or more user inputs corresponding to a request to edit the inset time display, the inset time display is displayed via the display generation component, wherein the inset time display is shown in a second format different from the first format. The method according to claim 59, further comprising:

61. The dial of the clock includes a second analog dial that includes a plurality of time markers representing a 24-hour period, and the method is In accordance with the determination that the current date is not within a predetermined time range, the plurality of time markers representing a 24-hour period are a plurality of first time markers, The method according to any one of claims 35 to 60, further comprising the determination that the current date is within a predetermined time range, wherein the plurality of time markers representing a 24-hour period are a plurality of second time markers different from the plurality of first time markers.

62. The method according to claim 61, wherein the plurality of second time markers include at least one dual time marker.

63. The method according to claim 61 or 62, wherein the plurality of first time markers include at least a first time marker that is not included in the plurality of second time markers.

64. A non-temporary computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component and one or more input devices, and the one or more programs include instructions for performing the method according to any one of claims 35 to 63.

65. A computer system, One or more processors, the computer system having one or more processors communicating with a display generation component and one or more input devices, A computer system comprising: a memory for storing one or more programs configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the method according to any one of claims 35 to 63.

66. A computer system, A computer system comprising means for performing the method described in any one of claims 35 to 63.

67. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs comprises instructions for performing the method according to any one of claims 35 to 63.

68. A non-temporary computer-readable storage medium for storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component and one or more input devices, and the one or more programs are A command for receiving a request to display a clock face via one or more input devices, In response to receiving the request to display the clock face, the display generation component includes an instruction to display a clock face containing the names of one or more different cities, and the display includes: The current time display in the current time zone associated with the aforementioned computer system, The process includes simultaneously displaying the names of one or more different cities, wherein the one or more different cities include a first city, and the display of the names of the one or more cities includes displaying the name of the first city. In accordance with the determination that the computer system is associated with a first time zone, the name of the first city is displayed at a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display. A non-temporary computer-readable storage medium, wherein, according to the computer system's determination that it is associated with a second time zone different from the first time zone, the name of the first city is displayed in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

69. A computer system, One or more processors, the computer system having one or more processors communicating with a display generation component and one or more input devices, A memory that stores one or more programs configured to be executed by one or more processors, A computer system comprising, wherein one or more programs A command for receiving a request to display a clock face via one or more input devices, In response to receiving the request to display the clock face, the display generation component includes an instruction to display a clock face containing the names of one or more different cities, and the display includes: The current time display in the current time zone associated with the aforementioned computer system, The process includes simultaneously displaying the names of one or more different cities, wherein the one or more different cities include a first city, and the display of the names of the one or more cities includes displaying the name of the first city. In accordance with the determination that the computer system is associated with a first time zone, the name of the first city is displayed at a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display. A computer system that, in accordance with a determination that the computer system is associated with a second time zone different from the first time zone, displays the name of the first city in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

70. A computer system that communicates with a display generation component and one or more input devices, Means for receiving a request to display a clock face via one or more input devices, In response to receiving the request to display the dial of the aforementioned clock, means for displaying a dial of a clock including the names of one or more different cities via the display generation component, and displaying, The current time display in the current time zone associated with the aforementioned computer system, The process includes simultaneously displaying the names of one or more different cities, wherein the one or more different cities include a first city, and the display of the names of the one or more cities includes displaying the name of the first city. In accordance with the determination that the computer system is associated with a first time zone, the name of the first city is displayed at a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display. A computer system that, in accordance with a determination that the computer system is associated with a second time zone different from the first time zone, displays the name of the first city in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

71. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs are A command for receiving a request to display a clock face via one or more input devices, In response to receiving the request to display the clock face, the display generation component includes an instruction to display a clock face containing the names of one or more different cities, and the display includes: The current time display in the current time zone associated with the aforementioned computer system, The process includes simultaneously displaying the names of one or more different cities, wherein the one or more different cities include a first city, and the display of the names of the one or more cities includes displaying the name of the first city. In accordance with the determination that the computer system is associated with a first time zone, the name of the first city is displayed at a first position on the clock face in text oriented such that the lower part of the characters of the name of the first city is closer to the current time display than the upper part of the characters of the name of the first city is closer to the current time display. A computer program product wherein, in accordance with the determination that the computer system is associated with a second time zone different from the first time zone, the name of the first city is displayed at a second position on the clock face in text oriented such that the upper part of the characters of the name of the first city is closer to the current time display than the lower part of the characters of the name of the first city is closer to the current time display.

72. It is a method, In a computer system that communicates with display generation components, While the computer system is in a first state, a first user interface including an analog dial is displayed via the display generation component, and while the computer system is in a first state, the display of the analog dial is: The analog dial includes a time indicator that shows the current time, and The method includes simultaneously displaying time indicators shown around the analog dial, wherein the time indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size. The system displays the analog dial by displaying the indicator for the first time in the first size and the indicator for the second time in the second size, and then, while the computer system is in a second state different from the first state, it detects a request to display the analog dial. In response to detecting a change in the state of the computer system, display the first user interface, which has been updated to reflect the second state, including the display of the analog dial, wherein the display of the analog dial is maintained while the computer system is in the second state. The analog dial includes a time indicator that shows the current time, and A method comprising simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include an indicator for the first hour displayed in a third size different from the first size, and an indicator for the second hour displayed in a fourth size different from the second size.

73. While the aforementioned first user interface is displayed, Updating the indicator for the first time from one displayed in the first size to one displayed in the third size, The indicator for the second time is updated from being displayed in the second size to being displayed in the fourth size, The method according to claim 72, further comprising:

74. The method according to claim 72 or 73, wherein the request to display the analog dial while the computer system is in the second state includes user input.

75. The method according to any one of claims 72 to 74, wherein the change in the state of the computer system includes a change in the current time.

76. To detect a second user input, In response to detecting the second user input, the indicator for the first time, which is displayed in a fifth size different from the first size, is updated. The method according to any one of claims 72 to 75, further comprising:

77. The method involves continuously animating the time indicator displayed around the dial, and animating the time indicator is The aforementioned time indicator is displayed at its initial size, Updating the time indicator, which is displayed at an enlarged size different from the initial size, This includes updating the time indicator, which is displayed at an enlarged size different from the initial size, and then reducing the size of the time indicator. The method according to any one of claims 72 to 76, further comprising:

78. The method according to any one of claims 72 to 77, wherein the time indicator includes a plurality of clock hands, and the positions of the clock hands relative to the analog dial are updated over time so as to indicate the current time.

79. The method according to any one of claims 72 to 78, wherein the time indicator is displayed in a plurality of different sizes, the time indicator corresponding to the current time is displayed in the largest of the plurality of different sizes, and the displayed size of the time indicator gradually decreases around the analog dial.

80. The computer system communicates with a rotatable input mechanism, and the method The rotational input is detected via the aforementioned rotatable input mechanism, The method according to any one of claims 72 to 79, further comprising temporarily increasing the display size of at least one time indicator in response to the detection of the rotation input.

81. In response to detecting the rotation input, the display size of a plurality of time indicators is temporarily enlarged, and the temporary enlargement of the display size of the plurality of time indicators includes continuously animating the time indicators displayed around the dial, and the animating of the time indicators is performed for a plurality of different time indicators. The aforementioned time indicators are displayed with individual initial sizes, Updating the time indicator, which is displayed with a different enlarged size than the individual initial size, This includes updating the time indicator displayed at an individual enlarged size different from the individual initial size, and then updating the time indicator displayed at the individual initial size. The method according to claim 80, further comprising the following:

82. Temporarily increasing the size of the time indicators includes continuously increasing the size of the time indicators from the initial time indicator size, and continuously increasing the size of the time indicators around the analog dial in a separate order. According to the determination that the rotation input is in the first direction, the individual sequences are in a clockwise order around the analog dial. The method according to claim 81, wherein, according to the determination that the rotation input is in a second direction different from the first direction, the individual sequences are in a counterclockwise order around the analog dial.

83. The computer system displays the time indicator with strokes of different widths while it is in a high-power state. The method according to any one of claims 72 to 82, further comprising:

84. The method according to claim 83, wherein the time indicator includes a plurality of clock hands, the clock hands are displayed in a first-width stroke, and the time indicator corresponding to the current time is displayed in a first-width stroke.

85. Transitioning the aforementioned computer system to a low-power state, While the computer system is in the low-power state, the time indicator is displayed with a reduced-width stroke, The method according to claim 83 or 84, further comprising:

86. Transitioning the aforementioned computer system to a low-power state, While the computer system is in the low-power state, all of the time indicators are displayed with the same stroke width. The method according to any one of claims 83 to 85, further comprising:

87. The aforementioned time indicator includes multiple clock hands, While the computer system is in a high-power state, the clock hand is displayed with a second width stroke, Transitioning the aforementioned computer system to a low-power state, The method according to any one of claims 83 to 86, further comprising displaying the clock hand in a third-width stroke while the computer system is in the low-power state, wherein the clock hand is displayed as an outline.

88. The method according to claim 87, wherein displaying the time indicator around the analog dial includes displaying the time indicator as an outline having a third width stroke.

89. The computer system communicates with one or more input devices, the first user interface includes at least a first complication, and the method is The first complication and the time indicator are displayed in the first color, To display an editing user interface for editing the first user interface via the display generation component, While the editing user interface is displayed, the system receives a first sequence of one or more user inputs via one or more input devices. In response to receiving the first sequence of one or more user inputs, the color of the first user interface is changed, The method according to any one of claims 72 to 88, further comprising: changing the color of the first user interface, and then displaying the first complication and the time indicator in a second color different from the first color via the display generation component.

90. To display an editing user interface for editing the first user interface via the display generation component, While the editing user interface is displayed, the system receives a second sequence of one or more user inputs via one or more input devices. In response to receiving the second sequence of one or more inputs, In accordance with the determination that the second sequence of one or more user inputs corresponds to a request to display a background filled with color, the first user interface is displayed via the display generation component with the background portion of the user interface filled with color. In accordance with the determination that the second sequence of one or more user inputs corresponds to a request to display the background without color filling, the display generation component displays the first user interface in which the background portion of the user interface is not filled with the color, The method according to any one of claims 72 to 89, further comprising:

91. In accordance with the determination that the second sequence of one or more user inputs corresponds to a request to display the background with a color fill, the first user interface is displayed via the display generation component, in which the time indicator is displayed at a first distance from the outer edge of the display area of ​​the display generation component, In accordance with the determination that the second sequence of one or more user inputs corresponds to a request to display the background without color filling, the first user interface, which includes the time indicator, is displayed via the display generation component at a second distance different from the first distance from the outer edge of the display area of ​​the display generation component, The method according to claim 90, further comprising:

92. A non-temporary computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component, and the one or more programs include instructions for performing the method according to any one of claims 72 to 91.

93. A computer system, One or more processors, wherein the computer system communicates with the display generation component, A computer system comprising: a memory for storing one or more programs configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the method according to any one of claims 72 to 91.

94. A computer system, A computer system comprising means for performing the method described in any one of claims 72 to 91.

95. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component, wherein the one or more programs comprises instructions for performing the method according to any one of claims 72 to 91.

96. A non-temporary computer-readable storage medium for storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with a display generation component, and the one or more programs are While the computer system is in a first state, a command for displaying a first user interface including an analog dial via the display generation component, wherein while the computer system is in a first state, the display of the analog dial is: The analog dial includes a time indicator that shows the current time, and The command includes simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size. A command for detecting a request to display the analog dial, after displaying the first time indicator in the first size and the second time indicator in the second size, while the computer system is in a second state different from the first state, A command for displaying the first user interface, which has been updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein the display of the analog dial is performed while the computer system is in the second state. The analog dial includes a time indicator that shows the current time, and A non-temporary computer-readable storage medium comprising instructions for simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include instructions for an indicator for the first hour displayed in a third size different from the first size, and an indicator for the second hour displayed in a fourth size different from the second size.

97. A computer system, One or more processors, wherein the computer system communicates with the display generation component, A memory that stores one or more programs configured to be executed by one or more processors, A computer system comprising, wherein one or more programs While the computer system is in a first state, a command for displaying a first user interface including an analog dial via the display generation component, wherein while the computer system is in a first state, the display of the analog dial is: The analog dial includes a time indicator that shows the current time, and The command includes simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size. A command for detecting a request to display the analog dial, after displaying the first time indicator in the first size and the second time indicator in the second size, while the computer system is in a second state different from the first state, A command for displaying the first user interface, which has been updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein the display of the analog dial is performed while the computer system is in the second state. The analog dial includes a time indicator that shows the current time, and A computer system comprising instructions that simultaneously display time indicators displayed around the analog dial, wherein the time indicators include an indicator for the first hour displayed in a third size different from the first size, and an indicator for the second hour displayed in a fourth size different from the second size.

98. A computer system that communicates with display generation components, Means for displaying a first user interface, including an analog dial, via the display generation component while the computer system is in a first state, wherein the display of the analog dial while the computer system is in a first state is The analog dial includes a time indicator that shows the current time, and The means includes simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include a first time indicator displayed in a first size and a second time indicator displayed in a second size different from the first size. Means for displaying the analog dial after displaying the first time indicator in the first size and the second time indicator in the second size, and while the computer system is in a second state different from the first state, Means for displaying the first user interface, which has been updated to reflect the second state, including the display of the analog dial, in response to detecting a change in the state of the computer system, wherein the display of the analog dial is performed while the computer system is in the second state. The analog dial includes a time indicator that shows the current time, and A computer system comprising means for simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include an indicator for the first hour displayed in a third size different from the first size, and an indicator for the second hour displayed in a fourth size different from the second size.

99. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component, wherein the one or more programs are While the computer system is in a first state, a command for displaying a first user interface including an analog dial via the display generation component, wherein while the computer system is in a first state, the display of the analog dial is: The analog dial includes a time indicator that shows the current time, and The command includes simultaneously displaying time indicators displayed around the analog dial, wherein the time indicators include a first hour indicator displayed in a first size and a second hour indicator displayed in a second size different from the first size. A command for detecting a request to display the analog dial, after displaying the first time indicator in the first size and the second time indicator in the second size, while the computer system is in a second state different from the first state, A command for displaying the first user interface, which has been updated to reflect the second state, including the display of the analog dial, in response to the detection of a change in the state of the computer system, wherein the display of the analog dial is performed while the computer system is in the second state. The analog dial includes a time indicator that shows the current time, and A computer program product comprising instructions that simultaneously display time indicators displayed around the analog dial, wherein the time indicators include an indicator for the first hour displayed in a third size different from the first size, and an indicator for the second hour displayed in a fourth size different from the second size.

100. It is a method, In a computer system that communicates with one or more input devices including a display generation component and a rotatable input mechanism, To display a selection user interface via the aforementioned display generation component, While the aforementioned user interface is displayed, the rotation of the rotatable input mechanism about the axis of rotation is detected, In response to detecting the rotation of the rotatable input mechanism, a graphical representation of the selection focus is displayed, which changes as the selection focus moves between multiple selectable objects. After changing the selection focus through the aforementioned multiple selectable objects, the pressing input in the rotatable input mechanism is detected, In response to detecting the aforementioned pressing input, one of the plurality of selectable objects is selected, When the aforementioned pressing input is detected, the first selectable object among the plurality of selectable objects is selected according to the determination that the first selectable object has selection focus, and A method comprising: when the pressing input is detected, selecting the second selectable object among the plurality of selectable objects, which is different from the first selectable object, according to the determination that the second selectable object has selection focus.

101. The method according to claim 100, wherein the selection focus is indicated by the position of a selectable object within the selection user interface.

102. To display a visual representation corresponding to the selectable object having a selection focus via the aforementioned display generation component, The method according to claim 100 or 101, further comprising:

103. While the aforementioned selection user interface is displayed, swipe input is detected, In response to the detection of the aforementioned swipe input, the selection focus is changed from the third selectable object to the fourth selectable object, The method according to any one of claims 100 to 102, further comprising:

104. Detecting tap input and In response to detecting the aforementioned tap input, one of the plurality of selectable objects is selected, The method according to any one of claims 100 to 103, further comprising performing a first operation which includes selecting the third selectable object in accordance with the determination that the tap input was on a separate part of the third selectable object.

105. In response to detecting the aforementioned tap input, one of the plurality of selectable objects is selected, The process includes performing a second operation different from the first operation, based on the determination that the tap input was on a fourth selectable object different from the individual part of the third selectable object. The method according to claim 104, further comprising:

106. The first is to display the dial of the wristwatch, While the dial of the first wristwatch is displayed, a first user input corresponding to a user request to select the dial of the wristwatch is detected, and in response to the detection of the first user input, The selection user interface, which is the dial selection user interface for the aforementioned wristwatch, is displayed. To visually distinguish the dials of the first wristwatch and to show the user interface for selecting the dial of the wristwatch, While the user interface for selecting the dial of the aforementioned wristwatch is displayed, A second user input is detected, and in response to the detection of the second user input, the dial of the second watch, which is different from the dial of the first watch, is visually distinguished. While the dial of the second wristwatch is displayed, the second pressing input in the rotatable input mechanism is detected, In response to detecting the second pressing input, the dial of the second wristwatch is selected to the computer system as the currently selected wristwatch dial, The method according to any one of claims 100 to 105, further comprising:

107. To display the dial of the third wristwatch, While the dial of the third watch is displayed, a first sequence of one or more user inputs corresponding to a request to edit the dial of the third watch is received via one or more input devices, Upon receiving the first sequence of one or more user inputs, Enter the watch face editing mode of the aforementioned computer system. Visually distinguishing the elements of the dial of the third watch for editing, wherein the visually distinguished elements are first selectable options of the visually distinguished elements of the dial of the third watch. While the computer system is in watch face editing mode, The system receives a second sequence of one or more user inputs via the one or more input devices, and in response to receiving the second sequence of one or more user inputs, it displays a second selectable option for the visually distinguishable elements on the dial of the third watch. While displaying the second selectable option for the visually distinct elements of the dial of the third wristwatch, the third pressing input in the rotatable input mechanism is detected. In response to detecting the third pressing input, the second selectable option is selected for the visually distinguishable elements of the dial of the third watch, The method according to any one of claims 100 to 106, further comprising:

108. To display the dial of the fourth watch, While the dial of the fourth watch is displayed, a third sequence of one or more user inputs corresponding to a request to edit the dial of the fourth watch is received via the one or more input devices, Upon receiving the third sequence of one or more user inputs, Enter the watch face editing mode of the aforementioned computer system. To visually distinguish the complications on the dial of the fourth wristwatch used for editing, While the computer system is in watch face editing mode, The first complication option for the aforementioned complication is displayed, The system receives a fourth sequence of one or more user inputs via the one or more input devices, and displays a second complication option in response to receiving the fourth sequence of one or more user inputs. While the second complication option is displayed, the fourth press input in the rotatable input mechanism is detected, In response to the detection of the fourth press input, the second complication option is selected, The method according to any one of claims 100 to 107, further comprising:

109. After selecting the second complication option, the fifth pressing input in the rotatable input mechanism is detected, In response to the detection of the fifth pressing input, the computer system selects the dial of the fourth wristwatch for display, The method according to claim 108, further comprising:

110. To display the dial of the fifth watch, While the dial of the fifth watch is displayed, a fifth sequence of one or more user inputs corresponding to a request to transmit the dial of the fifth watch to the receiving side is received via the one or more input devices, In response to receiving one or more user inputs in the fifth sequence, the receiving side selects a user interface and While the aforementioned receiving-side selection user interface is displayed, Display the name of the receiving side that has the selected focus, To detect the sixth pressing input in the rotatable input mechanism, In response to detecting the sixth pressing input, information associated with the dial of the fifth wristwatch is transmitted to the receiving side. The method according to any one of claims 100 to 109, further comprising:

111. To display a watch dial gallery user interface for showing selectable watch dials included in the watch dial gallery for the computer system via the display generation component, The method according to any one of claims 100 to 110, further comprising:

112. Displaying the selection user interface, which is the dial selection user interface for the aforementioned wristwatch, While displaying the watch face selection user interface for the aforementioned watch, the watch face generation affordances are displayed. The system receives a third user input corresponding to the dial generation affordance of the wristwatch via one or more input devices. In response to receiving the third user input, the system displays the watch face gallery user interface for showing the selectable watch faces, The method according to claim 111, further comprising:

113. The watch dial gallery user interface for displaying selectable watch dials is: The design of the dial of the sixth wristwatch, A third selectable option for displaying additional information related to the dial of the sixth wristwatch, The method according to claim 111 or 112, further comprising a fourth selectable option for adding the dial of the sixth watch to the gallery of the dial of the watch of the computer system.

114. While displaying the watch face gallery user interface for showing selectable watch faces, the graphic elements corresponding to the seventh watch face are displayed. Receiving a fourth user input via one or more of the aforementioned input devices, Upon receiving the fourth user input, In accordance with the determination that the fourth user input corresponds to a tap on the graphic element corresponding to the dial of the seventh watch, additional information relating to the dial of the seventh watch is displayed. In accordance with the determination that the fourth user input corresponds to the seventh pressing input in the rotatable input mechanism, the dial of the seventh watch is added to the watch dial gallery of the computer system, The method according to any one of claims 111 to 113, further comprising:

115. The watch face gallery user interface for displaying selectable watch faces includes an affordance for returning to a previously displayed user interface, and the method is: Receiving input corresponding to the selection of the affordance for returning to the previously displayed user interface, The method according to claim 114, further comprising: displaying the previously displayed user interface via the display generation component in response to receiving the input corresponding to the selection of the affordance for returning to the previously displayed user interface.

116. While displaying the watch dial gallery user interface for showing selectable watch dials, simultaneously displaying a second graphic element corresponding to the eighth watch dial, and affordances for adding the eighth watch dial to the watch dial gallery for the computer system, Receiving a fifth user input via one or more of the aforementioned input devices, Upon receiving the fifth user input, In accordance with the determination that the fifth user input is a second tap input in the affordance for adding the dial of the eighth watch to the gallery of the dials of the watch for the computer system, the dial of the eighth watch is added to the gallery of the dials of the watch for the computer system. In accordance with the determination that the fifth user input corresponds to the eighth pressing input in the rotatable input mechanism, the eighth watch dial is added to the gallery of the watch dial in the computer system, The method according to any one of claims 111 to 115, further comprising:

117. While displaying the watch face gallery user interface for showing selectable watch faces, a sixth user input is detected, In response to detecting the sixth user input, a third graphic representation of the selection focus is displayed, which changes as the selection focus moves between multiple second selectable objects. The method according to any one of claims 111 to 116, further comprising:

118. The method according to any one of claims 111 to 117, wherein the watch dial gallery user interface for displaying selectable watch dials includes a third graphic element corresponding to a single watch dial and a fourth graphic element corresponding to multiple watch dials.

119. The method according to claim 118, wherein the graphic element corresponding to the dial of a single watch includes a background of a first color, and the graphic element corresponding to the dials of multiple watches includes a background of a second color different from the first color.

120. Receiving the selection of graphic elements corresponding to the dials of multiple watches via one or more input devices, In response to receiving the selection of graphic elements corresponding to multiple watch faces, the system displays multiple watch faces that can be individually selected to be added to the watch face gallery for the computer system. The method according to claim 118, further comprising:

121. Receiving a selection of a watch face user interface via one or more input devices, and displaying a watch face editing user interface via the display generation component in response to receiving the selection of the watch face user interface, wherein the watch face editing user interface includes a representation of the watch user interface layout, which includes a time area for displaying the current time and one or more complication areas for displaying complications on the watch user interface. While displaying the watch face editing user interface of the watch, the system detects a sequence of one or more inputs via one or more input devices, including a seventh user input directed to a complication area among the one or more complication areas. In response to detecting the sequence of one or more inputs, including the seventh user input directed to one or more of the complication areas, the system changes which complication is assigned to the complication area of ​​the watch user interface. The method according to any one of claims 100 to 120, further comprising:

122. Displaying notifications corresponding to the availability of the watch face, Receiving an eighth user input corresponding to the notification corresponding to the availability of the dial of the ninth wristwatch via one or more input devices, In response to receiving the eighth user input, the system displays a user interface for adding the watch face associated with the notification corresponding to the availability of the watch face to the watch face gallery for the computer system, The method according to any one of claims 100 to 121, further comprising:

123. While the computer system displays the dial of the 10th wristwatch via the display generation component, and while the computer system is in an unlocked state, Receiving communications from a remote computer, Upon receiving the aforementioned communication from the remote server, the ninth wristwatch displays the notification corresponding to the availability on its dial, The method according to claim 122, further comprising:

124. A non-temporary computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with one or more input devices, including a display generation component and a rotatable input mechanism, and the one or more programs include instructions for performing the method according to any one of claims 100 to 123.

125. A computer system, A processor comprising one or more processors, wherein the computer system communicates with one or more input devices including a display generation component and a rotatable input mechanism, A computer system comprising: a memory for storing one or more programs configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the method according to any one of claims 100 to 123.

126. A computer system, A computer system comprising means for performing the method described in any one of claims 100 to 123.

127. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with one or more input devices including a display generation component and a rotatable input mechanism, wherein the one or more programs comprises instructions for performing the method according to any one of claims 100 to 123.

128. A non-temporary computer-readable storage medium for storing one or more programs configured to be executed by one or more processors of a computer system, wherein the computer system communicates with one or more input devices including a display generation component and a rotatable input mechanism, and the one or more programs Commands for displaying a selection user interface via the aforementioned display generation component, While the aforementioned user interface is displayed, a command is given to detect the rotation of the rotatable input mechanism about the axis of rotation, A command for displaying a graphical representation of the selection focus that changes as the selection focus moves between multiple selectable objects in response to the detection of the rotation of the rotatable input mechanism, After changing the selection focus through the plurality of selectable objects, a command for detecting a press input in the rotatable input mechanism, A command for selecting one of the plurality of selectable objects in response to the detection of the aforementioned pressing input, When the aforementioned pressing input is detected, the first selectable object among the plurality of selectable objects is selected according to the determination that the first selectable object has selection focus, and A non-temporary computer-readable storage medium, which includes an instruction that, when the aforementioned pressing input is detected, selects the second selectable object among the plurality of selectable objects, which is different from the first selectable object, according to the determination that the second selectable object has selection focus.

129. A computer system, A processor comprising one or more processors, wherein the computer system communicates with one or more input devices including a display generation component and a rotatable input mechanism, A memory that stores one or more programs configured to be executed by one or more processors, A computer system comprising, wherein one or more programs Commands for displaying a selection user interface via the aforementioned display generation component, While the aforementioned user interface is displayed, a command is given to detect the rotation of the rotatable input mechanism about the axis of rotation, A command for displaying a graphical representation of the selection focus that changes as the selection focus moves between multiple selectable objects in response to the detection of the rotation of the rotatable input mechanism, After changing the selection focus through the plurality of selectable objects, a command for detecting a press input in the rotatable input mechanism, A command for selecting one of the plurality of selectable objects in response to the detection of the aforementioned pressing input, When the aforementioned pressing input is detected, the first selectable object among the plurality of selectable objects is selected according to the determination that the first selectable object has selection focus, and A computer system comprising: an instruction that, when the aforementioned pressing input is detected, selects the second selectable object, which is different from the first selectable object among the plurality of selectable objects, according to the determination that the second selectable object has selection focus.

130. A computer system that communicates with one or more input devices, including a display generation component and a rotatable input mechanism, Means for displaying a selection user interface via the aforementioned display generation component, Means for detecting the rotation of the rotatable input mechanism about the axis of rotation while the selection user interface is displayed, In response to detecting the rotation of the rotatable input mechanism, means for displaying a graphical representation of the selection focus that changes as the selection focus moves between multiple selectable objects, After changing the selection focus through the plurality of selectable objects, means for detecting a press input in the rotatable input mechanism, A means for selecting one of the plurality of selectable objects in response to the detection of the aforementioned pressing input, When the aforementioned pressing input is detected, the first selectable object among the plurality of selectable objects is selected according to the determination that the first selectable object has selection focus, and A computer system comprising: means for selecting a second selectable object, in accordance with a determination that, when the aforementioned pressing input is detected, the second selectable object, which is different from the first selectable object among the plurality of selectable objects, has selection focus.

131. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with one or more input devices including a display generation component and a rotatable input mechanism, wherein the one or more programs are Commands for displaying a selection user interface via the aforementioned display generation component, While the aforementioned user interface is displayed, a command is given to detect the rotation of the rotatable input mechanism about the axis of rotation, A command for displaying a graphical representation of the selection focus that changes as the selection focus moves between multiple selectable objects in response to the detection of the rotation of the rotatable input mechanism, After changing the selection focus through the plurality of selectable objects, a command for detecting a press input in the rotatable input mechanism, A command for selecting one of the plurality of selectable objects in response to the detection of the aforementioned pressing input, When the aforementioned pressing input is detected, the first selectable object among the plurality of selectable objects is selected according to the determination that the first selectable object has selection focus, and A computer program product comprising: an instruction that, when the aforementioned pressing input is detected, selects the second selectable object, which is different from the first selectable object among the plurality of selectable objects, according to the determination that the second selectable object has selection focus.

132. It is a method, In a computer system that communicates with a display generation component and one or more input devices, The process involves detecting input corresponding to a request to display an editing user interface via one or more input devices, In response to detecting the aforementioned input, the editing user interface is displayed via the display generation component, and the display of the editing user interface is: A media item including a background element and a foreground element segmented from the background element based on depth information, and This includes displaying system text simultaneously. The system text is displayed based on the depth information, with respect to the placement of the first layer relative to the foreground elements. The foreground element of the media item is displayed in a first position relative to the system text, To detect user input directed to the aforementioned editing user interface, In response to detecting the user input directed to the editing user interface, In accordance with the determination that the user input is of type 1, the system text displayed in the arrangement of the second layer for the foreground elements segmented based on depth information for the media item is updated. A method comprising: updating the media item so that the foreground element of the media item is displayed in a second position different from the first position relative to the system text, in accordance with the determination that the user input is a second type of user input different from the first type of user input.

133. After detecting the user input directed to the editing user interface, the process involves detecting a second user input directed to the editing user interface, In response to detecting the second user input directed to the editing user interface, In accordance with the determination that the second user input is of the first type, the system text displayed in the arrangement of the third layer for the foreground elements segmented based on depth information for the media item is updated. In accordance with the determination that the second user input is a second type of user input different from the first type of user input, the media item is updated so that the foreground element of the media item is displayed in a third position different from the first and second positions relative to the system text. The method according to claim 132, further comprising:

134. The method according to claim 132 or 133, wherein the editing user interface includes a set of one or more user-interactive graphic user interface objects, which, when selected, cause the computer system to update the arrangement of the system text layer relative to the foreground elements.

135. The set of one or more user-interactive graphic user interface objects includes a first user-interactive graphic user interface object, which, when selected, causes the computer system to display the system text above the media item and behind the foreground element of the media item, and the method is To detect user input corresponding to the selection of the first user-interactive graphic user interface object, In response to detecting the user input corresponding to the selection of the first user-interactive graphic user interface object, The top of the aforementioned media item, and The method according to claim 134, further comprising updating the system text displayed behind the foreground element of the media item.

136. The set of one or more user-interactive graphic user interface objects includes a second user-interactive graphic user interface object, which, when selected, causes the computer system to display the system text above the media item and in front of the foreground elements of the media item, and the method is as follows: To detect user input corresponding to the selection of the second user-interactive graphic user interface object, In response to detecting the user input corresponding to the selection of the second user-interactive graphic user interface object, The top of the aforementioned media item, and The method according to claim 134 or 135, further comprising updating the system text displayed in front of the foreground element of the media item.

137. The set of one or more user-interactive graphic user interface objects includes a third user-interactive graphic user interface object, which, when selected, causes the computer system to display the system text below the media item and behind the foreground elements of the media item, and the method To detect user input corresponding to the selection of the third user-interactive graphic user interface object, In response to detecting the user input corresponding to the selection of the third user-interactive graphic user interface object, The lower part of the aforementioned media item, and The method according to any one of claims 134 to 136, further comprising updating the system text displayed behind the foreground element of the media item.

138. The set of one or more user-interactive graphic user interface objects includes a fourth user-interactive graphic user interface object, which, when selected, causes the computer system to display the system text below the media item and in front of the foreground element of the media item, and the method To detect user input corresponding to the selection of the fourth user-interactive graphic user interface object, In response to detecting the user input corresponding to the selection of the fourth user-interactive graphic user interface object, The lower part of the aforementioned media item, and The method according to any one of claims 134 to 137, further comprising updating the system text displayed in front of the foreground element of the media item.

139. The first part of the media item is included in the editing user interface and detects a third user input directed to the editing user interface while the editing user interface is being displayed. In response to detecting the third user input directed to the editing user interface, panning and / or zooming the media item, wherein panning and / or zooming the media item includes including the second portion of the media item, which is different from the first portion of the media item, in the editing user interface. The method according to any one of claims 132 to 138, further comprising:

140. While detecting the third user input, In accordance with the determination that the placement of the fourth layer of the system text relative to the foreground element and the fourth position of the foreground element relative to the system text satisfy the first set of criteria, the indicator is displayed via the display generation component, The method of claim 139, further comprising not displaying the indicator in accordance with the determination that the placement of the fourth layer of the system text relative to the foreground element and the fourth position of the foreground element relative to the system text do not satisfy the first set of criteria.

141. The method according to claim 140, wherein the arrangement of the fourth layer of the system text relative to the foreground element and the determination that the fourth position of the foreground element relative to the system text satisfies the first set of criteria is at least partially based on the position in which the system text is displayed.

142. The method according to claim 140 or 141, wherein the arrangement of the fourth layer of system text relative to the foreground element and the determination that the fourth position of the foreground element relative to the system text satisfies the first set of criteria is at least partially based on the fourth position in which the foreground element is displayed.

143. The method according to any one of claims 140 to 142, wherein the determination that the placement of the fourth layer of the system text relative to the foreground element and the fourth position of the foreground element relative to the system text satisfy the first set of criteria includes the determination that the system text is obscured by the foreground element by at least a threshold amount.

144. The editing user interface includes a user-interactive graphic user interface object, and the method is To detect user input for the completed user-interactive graphic user interface object, In response to detecting the user input in the completed user-interactive graphic user interface object, In accordance with the determination that the system text is hidden by the foreground element by an amount less than the threshold, the display of the editing user interface is stopped. The method according to claim 143, further comprising maintaining the display of the editing user interface in accordance with the determination that the system text is obscured by the foreground element by at least the threshold amount.

145. The method according to any one of claims 140 to 144, wherein the indicator includes a text display corresponding to the editing user interface.

146. The method according to any one of claims 140 to 145, wherein the indicator includes a graphic display of the boundary position.

147. Displaying the indicator before detecting the third user input directed to the editing user interface, wherein at least a first portion of the indicator is displayed in a first color, In response to detecting the third user input directed to the editing user interface, the first portion of the indicator is displayed in a second color different from the first color, The method according to any one of claims 140 to 146, further comprising:

148. Before detecting the third user input, the editing user interface is displayed without the indicator, While the third user input is maintained, the editing user interface is updated to include the indicator, The method according to any one of claims 140 to 147, further comprising:

149. Before detecting the third user input, the editing user interface is displayed without the indicator, In response to detecting the end of the third user input, the indicator is displayed, The method according to any one of claims 140 to 147, further comprising:

150. In accordance with the determination that the media item includes a single foreground element, the media item is initially displayed at a fifth position that is at least partially based on the single foreground element, In accordance with the determination that the media item includes two or more foreground elements, the media item is initially displayed at a sixth position based at least partially on the two or more foreground elements. The method according to any one of claims 132 to 149, further comprising:

151. While displaying the editing user interface including the third portion of the media item displayed at the first zoom level, The swipe gesture in the media item is detected, Detecting pinch gestures, In response to detecting the aforementioned swipe gesture, the editing user interface is updated by panning from the third portion of the media item to the fourth portion of the media item based on the swipe gesture. In response to detecting the pinch gesture, the editing user interface is updated by displaying the media item at a second zoom level different from the first zoom level, based on the pinch gesture. The method according to any one of claims 132 to 150, further comprising:

152. The method according to claim 151, wherein the computer system maintains the display of the system text while updating the editing user interface by panning from the third portion of the media item to the fourth portion of the media item, and the computer system maintains the display of the system text while updating the editing user interface by displaying the media item at a second zoom level different from the first zoom level.

153. Before displaying the aforementioned editing user interface, a media selection user interface including a first set of media items is displayed via the display generation component. Receiving a sequence of one or more user inputs via one or more input devices corresponding to the selection of a subset of the first set of media items, including the media item; In response to receiving the sequence of one or more user inputs corresponding to the selection of a subset of the first set of media items including the media item, the editing user interface including the media item is displayed. The method according to any one of claims 132 to 152, further comprising:

154. The method according to claim 153, wherein the first set of media items is selected to exclude media items that do not contain depth information.

155. The method according to claim 153 or 154, wherein the first set of media items is selected to exclude media items that do not contain one or more subjects that satisfy a predetermined first set of criteria.

156. Displaying the album selection user interface via the display generation component before displaying the media selection user interface, and displaying the album selection user interface is A first album user-interactive graphic user interface object corresponding to a second set of media items corresponding to a first specific subject, and This includes simultaneously displaying a second album user-interactive graphic user interface object corresponding to a third set of media items corresponding to a second specific subject different from the first subject, While displaying the first album user-interactive graphic user interface object and the second album user-interactive graphic user interface object, a fourth user input is detected. In response to the detection of the fourth user input, In accordance with the determination that the fourth user input corresponds to the selection of the first album user-interactive graphic user interface object, the media selection user interface is displayed, including the first set of media items including the second set of media items. In accordance with the determination that the fourth user input corresponds to the selection of the second album user-interactive graphic user interface object, the media selection user interface is displayed, including the first set of media items including the third set of media items. The method according to any one of claims 153 to 155, further comprising:

157. The media selection user interface includes additional selected user-interactive graphic user interface objects, and the method is While displaying the media selection user interface, the system receives a second sequence of one or more user inputs corresponding to the selection of one or more media items included in the first set of media items. After receiving the second sequence of one or more user inputs, a fifth user input is detected in the additional selected user-interactive graphic user interface object. The method according to any one of claims 153 to 156, further comprising: in response to detecting the fifth user input, adding the selected one or more media items to a second subset of media items selected for use in the watch user interface.

158. After detecting the user input directed to the editing user interface, the user interface based on the media item is added to be displayed as a wake screen user interface for an individual electronic device, and the display of the user interface as the wake screen user interface includes: A media item comprising the background element and the foreground element segmented from the background element based on depth information, and The system text is displayed simultaneously, the system text is displayed in a fifth layer arrangement relative to the foreground elements based on the depth information, and the system text is updated to include content that is dynamically selected based on the context of the computer system. The method according to claim 132, further comprising:

159. While the user interface is displayed, it is determined that the second set of predetermined criteria has been met, In response to determining that the second set of predetermined criteria has been met, the user interface is updated to include updated system text and / or updated media items, The method according to claim 158, further comprising:

160. A non-temporary computer-readable storage medium for storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs include instructions for performing the method according to any one of claims 132 to 159.

161. A computer system configured to communicate with a display generation component and one or more input devices, wherein the computer system is One or more processors, A computer system comprising: a memory for storing one or more programs configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the method according to any one of claims 132 to 159.

162. A computer system configured to communicate with a display generation component and one or more input devices, A computer system comprising means for performing the method described in any one of claims 132 to 159.

163. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs comprises instructions for performing the method according to any one of claims 132 to 159.

164. A non-temporary computer-readable storage medium that stores one or more programs configured to be executed by one or more processors of a computer system communicating with a display generation component and one or more input devices, wherein the one or more programs are A command for detecting input corresponding to a request to display an editing user interface via one or more input devices, A command to display the editing user interface via the display generation component in response to the detection of the aforementioned input, wherein the display of the editing user interface is A media item including a background element and a foreground element segmented from the background element based on depth information, and This includes displaying system text simultaneously. The system text is displayed based on the depth information, with respect to the placement of the first layer relative to the foreground elements. The foreground element of the media item is a command displayed in a first position relative to the system text, A command for detecting user input directed to the aforementioned editing user interface, In response to detecting the user input directed to the editing user interface, In accordance with the determination that the user input is of type 1, the system text displayed in the arrangement of the second layer for the foreground elements segmented based on depth information for the media item is updated. A non-temporary computer-readable storage medium comprising: an instruction to update the media item so that the foreground element of the media item is displayed in a second position different from the first position relative to the system text, according to a determination that the user input is a second type of user input different from the first type of user input.

165. A computer system configured to communicate with a display generation component and one or more input devices, One or more processors, A memory that stores one or more programs configured to be executed by one or more processors, A computer system comprising, wherein one or more programs A command for detecting input corresponding to a request to display an editing user interface via one or more input devices, In response to detecting the aforementioned input, the editing user interface is displayed via the display generation component, and the display of the editing user interface is: A media item including a background element and a foreground element segmented from the background element based on depth information, and This includes displaying system text simultaneously. The system text is displayed based on the depth information, with respect to the placement of the first layer relative to the foreground elements. The foreground element of the media item is a command displayed in a first position relative to the system text, A command for detecting user input directed to the aforementioned editing user interface, In response to detecting the user input directed to the editing user interface, In accordance with the determination that the user input is of type 1, the system text displayed in the arrangement of the second layer for the foreground elements segmented based on depth information for the media item is updated. A computer system comprising: an instruction to update the media item so that the foreground element of the media item is displayed in a second position different from the first position relative to the system text, according to a determination that the user input is a second type of user input different from the first type of user input.

166. A computer system configured to communicate with a display generation component and one or more input devices, Means for detecting input corresponding to a request to display an editing user interface via one or more input devices, A means for displaying an editing user interface via the display generation component in response to the detection of the aforementioned input, wherein displaying the editing user interface is A media item including a background element and a foreground element segmented from the background element based on depth information, and This includes displaying system text simultaneously. The system text is displayed based on the depth information, with respect to the placement of the first layer relative to the foreground elements. The foreground element of the media item includes means for being displayed in a first position relative to the system text, Means for detecting user input directed to the aforementioned editing user interface, In response to detecting the user input directed to the editing user interface, In accordance with the determination that the user input is of type 1, the system text displayed in the arrangement of the second layer for the foreground elements segmented based on depth information for the media item is updated. A computer system comprising: means for updating a media item so that the foreground element of the media item is displayed in a second position different from the first position relative to the system text, in accordance with a determination that the user input is a second type of user input different from the first type of user input.

167. A computer program product comprising one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generation component and one or more input devices, wherein the one or more programs are A command for detecting input corresponding to a request to display an editing user interface via one or more input devices, A command to display the editing user interface via the display generation component in response to the detection of the aforementioned input, wherein the display of the editing user interface is A media item including a background element and a foreground element segmented from the background element based on depth information, and This includes displaying system text simultaneously. The system text is displayed based on the depth information, with respect to the placement of the first layer relative to the foreground elements. The foreground element of the media item is a command displayed in a first position relative to the system text, A command for detecting user input directed to the aforementioned editing user interface, In response to detecting the user input directed to the editing user interface, In accordance with the determination that the user input is of type 1, the system text displayed in the arrangement of the second layer for the foreground elements segmented based on depth information for the media item is updated. A computer program product comprising: an instruction to update the media item so that the foreground element of the media item is displayed in a second position different from the first position relative to the system text, according to a determination that the user input is a second type of user input different from the first type of user input.

Images