Device, method, and graphical user interface for providing concentration mode

Abstract

The invention relates to a device, a method and a graphical user interface for providing a concentration mode. When the first notification mode is active for the computer system and when the computer system is in a low power state, the computer system detects a first request to wake up the computer system. In response, the computer system displays a first wake-up screen user interface having a first background image. When the first wake-up screen user interface is displayed, the computer system detects a request to switch from a first notification mode to a second notification mode. In response, the computer system switches from the first notification mode to the second notification mode at the computer system. When the second notification mode is active for the computer system and when the computer system is in the low power state, the computer system detects a second request to wake up the computer system. In response, the computer system displays a second wake-up screen user interface having a second background image.

Description

[0001] This application is a divisional application of the invention patent application with the application number 202380047102.6, the application date of May 10, 2023, and the title of "Device, Method and Graphical User Interface for Providing Focus Modes".

[0002] Related Patent Applications

[0003] This application is a continuation application of U.S. Patent Application No. 18 / 144,749, filed on May 8, 2023, which claims the priority of U.S. Provisional Patent Application No. 63 / 340,443, filed on May 10, 2022, and U.S. Provisional Patent Application No. 63 / 349,010, filed on June 3, 2022. Technical Field

[0004] This application generally relates to electronic devices having a touch-sensitive surface, including but not limited to electronic devices having a touch-sensitive surface that provides different focus modes (e.g., "work" focus mode, "personal" focus mode, "sleep" focus mode). Background Art

[0005] The use of portable electronic devices (e.g., computer systems) has increased significantly in recent years, and many applications typically reside in the memory of such devices. Example applications include communication applications (e.g., instant messaging and phone calls), calendar applications, news applications, media playback applications (e.g., podcasts, music, and video), payment applications, reminder applications, social media applications, and service delivery applications. These applications generate events that contain information of varying importance to the user. Notifications corresponding to the generated events can be displayed. Example notifications include digital images, videos, text, icons, control elements (such as buttons), and / or other graphics that notify the user of an event. Example applications that generate notifications include instant messaging applications (e.g., iMessage or Messages from Apple Inc. of Cupertino, California), calendar applications (e.g., iCal or Calendar from Apple Inc. of Cupertino, California), news applications (e.g., Apple News from Apple Inc. of Cupertino, California), media playback applications (e.g., podcasts, Apple Music, and iTunes from Apple Inc. of Cupertino, California), payment applications (e.g., Apple Pay from Apple Inc. of Cupertino, California), reminder applications (e.g., Reminders from Apple Inc. of Cupertino, California), social media applications, and service delivery applications.

[0006] The types of notifications a user may want to receive while at work, play, or asleep can be quite different. But current user interfaces for adjusting when alerts and other notifications are provided (and which ones are provided) are not only cumbersome but also inefficient. For example, to change alert settings, some devices require the user to navigate to a settings user interface of the device's operating system, which is obscure and difficult to find. Currently, there is no simple way for users to easily adjust the provision of notifications in different scenarios. Existing methods take longer than necessary, thus wasting energy. This latter consideration is particularly important in battery-powered devices. SUMMARY OF THE INVENTION

[0007] Accordingly, there is a need for an electronic device having a faster and more effective method and interface for providing adjustment notifications, such as by providing different focus modes. Such methods and interfaces optionally supplement or replace conventional methods for providing reduced notification modes. Such methods and interfaces reduce the amount, degree, and / or nature of input from a user and result in a more effective human-machine interface. For battery-powered devices, such methods and interfaces can save power and increase the time between battery charges.

[0008] The above-described deficiencies and other problems associated with the user interface of an electronic device having a touch-sensitive surface can be reduced or eliminated by the disclosed device. In some embodiments, the device is a desktop computer. In some embodiments, the device is portable (e.g., a laptop computer, a tablet computer, or a handheld device). In some embodiments, the device is a personal electronic device (e.g., a wearable electronic device, such as a watch). In some embodiments, the device has a touchpad. In some embodiments, the device has a touch-sensitive display (also referred to as a "touch screen" or "touch screen display"). In some embodiments, the device has a graphical user interface (GUI), one or more processors, memory, and one or more modules, a program or set of instructions stored in the memory for performing multiple functions. In some embodiments, the user interacts with the GUI primarily via a stylus and / or finger contacts and gestures on the touch-sensitive surface. In some embodiments, these functions optionally include image editing, drawing, presentation, word processing, spreadsheet creation, gaming, making phone calls, video conferencing, sending and receiving emails, instant messaging, fitness support, digital photography, digital video recording, web browsing, digital music playback, note taking, and / or digital video playback. Executable instructions for performing these functions are optionally included in a non-transitory computer-readable storage medium or other computer program product configured to be executed by one or more processors.

[0009] According to some embodiments, a method is performed at 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, a first request to wake the computer system when a first notification mode is active for the computer system and when the computer system is in a low power state, wherein the first notification mode has a first set of one or more rules for notification delivery at the computer system. The method includes: in response to detecting the first request to wake the computer system, displaying, via the display generation component, a first wake screen user interface having a first background image. The method includes: when the first wake screen user interface is being displayed, detecting a request to switch from the first notification mode to a second notification mode, the second notification mode having a second set of one or more rules for notification delivery that are different from the first set of one or more rules for notification delivery. The method includes: in response to detecting the request to switch from the first notification mode to the second notification mode, switching, at the computer system, from the first notification mode to the second notification mode. The method includes: when the second notification mode is active for the computer system and when the computer system is in the low power state, detecting, via the one or more input devices, a second request to wake the computer system. The method includes: in response to detecting the second request to wake the computer system, displaying, via the display generation component, a second wake screen user interface having a second background image that is different from the first background image, rather than displaying the first wake screen user interface.

[0010] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: displaying, via the display generation component, a first user interface for configuring notification settings for a corresponding mode of the computer system. The first user interface includes a first portion and a second portion. The first portion corresponds to a first control for changing at least a first setting of the computer system. The first setting is a first notification setting of the computer system. The second portion corresponds to a second control for changing at least a second setting of the computer system. The second setting is a second notification setting of the computer system. The first portion is displayed in a first appearance representing a default configuration of the first setting. The second portion is displayed in a second appearance representing a default configuration of the second setting. The method includes: detecting, via the one or more input devices, a first set of one or more user inputs. The method includes: in response to detecting the first set of one or more user inputs and based on determining that the first set of one or more user inputs is for configuring the first setting: configuring the first setting of the computer system to have a user-selected configuration based on the first set of one or more user inputs without configuring the second setting of the computer system; displaying the first portion in a third appearance different from the first appearance; and displaying the second portion in the second appearance. The method includes: after detecting the first set of one or more user inputs, detecting a second set of one or more user inputs for stopping the display of the first user interface. The method includes: in response to detecting the second set of one or more user inputs for stopping the display of the first user interface: stopping the display of the first user interface; and based on determining that the first setting of the computer system is configured and the second setting of the computer system is not configured, automatically configuring the second setting of the corresponding mode of the computer system with the default configuration of the second setting, while the first setting of the corresponding mode of the computer system has the user-selected configuration based on the first set of one or more user inputs.

[0011] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: when a first notification mode is active for the computer system, displaying, via the display generation component, a corresponding view of a first application, wherein the first notification mode has a first set of one or more rules for notification delivery at the computer system, and wherein displaying the corresponding view of the first application includes simultaneously displaying: a first content; and a second content different from the first content, wherein the first content is displayed with a first degree of emphasis relative to the second content. The method includes: after displaying the corresponding view of the first application and when the first notification mode is active, switching the computer system from the first notification mode to a second notification mode, wherein the second notification mode has a second set of one or more rules for notification delivery at the computer system different from the first set of one or more rules for notification delivery at the computer system. The method includes: when the second notification mode is active for the computer system: detecting, via the one or more input devices, a first request to display the corresponding view of the first application; and in response to detecting the first request, displaying the corresponding view of the first application, including displaying the first content with a second degree of emphasis relative to the second content. The method includes: when the first application is being displayed, detecting one or more user inputs to display the second content without disabling the second notification mode of the computer system. The method includes: in response to detecting the one or more user inputs to display the second content, displaying the second content without disabling the second notification mode of the computer system.

[0012] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: displaying, via the display generation component, a first user interface for configuring settings of a first usage mode among a plurality of usage modes of the computer system, wherein the first user interface includes one or more suggested home screen pages to be used on a home screen user interface of the device when the first usage mode is active, and wherein the one or more suggested home screen pages include a suggestion for a first home screen page. The method includes: when the first user interface is being displayed, detecting a first sequence of one or more inputs corresponding to a first request to use the first home screen page for the first usage mode. The method includes: in response to detecting the first sequence of one or more inputs, enabling the first home screen page for display when the first usage mode is active, wherein the first home screen page is a new home screen page of the computer system, and the new home screen page was not available as a home screen page at the computer system prior to receiving the first sequence of one or more inputs corresponding to the first request to use the first home screen page for the first usage mode.

[0013] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: when the computer system has a plurality of applications including a first application and a second application, and a plurality of usage patterns including a first usage pattern associated with filtering content in the first application but not associated with filtering content in the second application, receiving, via the one or more input devices, a request to display a user interface of the first application. The method includes: in response to receiving the request to display the user interface of the first application: displaying the content of the first application in the user interface of the first application with content filtering based on the first usage pattern according to a determination that the first usage pattern is active for the computer system; and displaying the content of the first application in the user interface of the first application without content filtering based on the first usage pattern according to a determination that the first usage pattern is not active for the computer system. The method includes: after displaying the user interface of the first application, receiving, via the one or more input devices, a request to display a user interface of the second application. The method includes: in response to receiving the request to display the user interface of the second application, displaying the content of the second application in the user interface of the second application without content filtering based on the first usage pattern, regardless of whether the first usage pattern is active.

[0014] According to some embodiments, an electronic device includes: a display, a touch-sensitive surface, optionally one or more sensors for detecting the intensity of contact with the touch-sensitive surface, optionally one or more haptic output generators, one or more processors, and a memory storing one or more programs; the one or more programs are configured to be executed by the one or more processors, and the one or more programs include instructions for performing or causing to be performed the operations of any of the methods described herein. According to some embodiments, a computer-readable storage medium stores instructions that, when executed by an electronic device having a display, a touch-sensitive surface, optionally one or more sensors for detecting the intensity of contact with the touch-sensitive surface, and optionally one or more haptic output generators, cause the device to perform the operations of any of the methods described herein or cause the operations of any of the methods described herein to be performed. According to some embodiments, a graphical user interface on an electronic device having a display, a touch-sensitive surface, optionally one or more sensors for detecting the intensity of contact with the touch-sensitive surface, optionally one or more haptic output generators, a memory, and one or more processors for executing one or more programs stored in the memory includes one or more elements displayed in any of the methods described herein, the one or more elements being updated in response to input as described in any of the methods described herein. According to some embodiments, an electronic device includes: a display, a touch-sensitive surface, optionally one or more sensors for detecting the intensity of contact with the touch-sensitive surface, and optionally one or more haptic output generators; and means for performing or causing to be performed the operations of any of the methods described herein. According to some embodiments, an information processing device in an electronic device having a display, a touch-sensitive surface, optionally one or more sensors for detecting the intensity of contact with the touch-sensitive surface, and optionally one or more haptic output generators includes means for performing the operations of any of the methods described herein or causing the operations of any of the methods described herein to be performed. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] To better understand the various described embodiments, reference should be made to the following detailed description taken in conjunction with the accompanying drawings, in which like reference numerals indicate corresponding parts in all the figures.

[0016] Figure 1A is a block diagram showing a portable multifunctional device having a touch-sensitive display in accordance with some embodiments.

[0017] Figure 1B is a block diagram showing exemplary components for event handling in accordance with some embodiments.

[0018] Figure 2 shows a portable multifunctional device having a touch screen in accordance with some embodiments.

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

[0020] Figure 4A Shows an exemplary user interface of an application menu on a portable multifunctional device, in accordance with some embodiments.

[0021] Figure 4B Shows an exemplary user interface for a multifunctional device having a touch-sensitive surface separate from the display, in accordance with some embodiments.

[0022] Figures 5A to 5AC Shows an example user interface for switching between different focus modes, in accordance with some embodiments.

[0023] FIG. 6A to FIG. 6R Shows an example user interface for configuring a focus mode, in accordance with some embodiments.

[0024] Figures 7A to 7Z Shows an example user interface that defaults to emphasizing content when the focus mode is active and changes the emphasized content while the focus mode remains active, in accordance with some embodiments.

[0025] FIG. 8A to FIG. 8E is a flowchart of a process for switching between different focus modes, in accordance with some embodiments.

[0026] FIG. 9A to FIG. 9G is a flowchart of a process for configuring a focus mode, in accordance with some embodiments.

[0027] FIG. 10A to FIG. 10C is a flowchart of a process for configuring a focus mode, in accordance with some embodiments.

[0028] Figures 11A to 11LL Shows an example user interface for configuring home screen, wake screen, and / or application content filtering options for a mode (e.g., focus mode and / or notification mode), in accordance with some embodiments.

[0029] FIG. 12A to FIG. 12L Shows an example user interface for displaying different content with different degrees of emphasis on a per-application basis when the focus mode is active, in accordance with some embodiments.

[0030] FIG. 13A to FIG. 13E is a flowchart of a process for configuring a focus mode, in accordance with some embodiments.

[0031] FIG. 14A to FIG. 14E is a flowchart of a process for filtering content when the focus mode is active, in accordance with some embodiments. Detailed Implementation Modes

[0032] Many electronic devices have modes that allow users to configure notification delivery rules, and these modes can be used to suppress or postpone subsets of notifications when the mode is active. Using existing graphical user interfaces and methods, configuring and activating such modes can be both cumbersome and difficult. For example, using existing methods, a user may need to constantly return to a specific graphical user interface to activate a mode, deactivate an active mode, or switch between active modes. Additionally, while existing modes can be used to manage notifications, they lack the ability to customize the display of other content when the mode is active. For example, while a mode can suppress certain notifications when a user is working, the user may still see content related to those notifications, such as emails or text messages, when opening the corresponding application. In the embodiments described below, improved methods for configuring, activating, and switching between modes are provided, as well as improved methods for customizing the content displayed in an application user interface when the mode is active. These methods simplify a user's ability to utilize such modes to improve user productivity and focus.

[0033] The processes described below enhance the operability of the device through various techniques and make the user-device interface more effective (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), including by providing the user with improved visual, auditory, and / or tactile feedback, reducing the number of inputs required to perform an operation, providing additional control options without cluttering the user interface with additional displayed controls, performing an operation when a set of conditions has been met without further user input, and / or additional techniques. These techniques also reduce power usage and extend the battery life of the device by enabling the user to use the device faster and more effectively.

[0034] Below, Figure 1A to Figure 1B 、 Figure 2 and Figure 3 A description of an exemplary device is provided. FIG. 4A to FIG. 4B is an example user interface on an example device. Figures 5A to 5AC Shows an example user interface for switching between different focus modes according to some embodiments. FIG. 6A to FIG. 6R Shows an example user interface for configuring a focus mode according to some embodiments. Figures 7A to 7Z Shows an example user interface that defaults to emphasizing content when a focus mode is active and changes the emphasized content while the focus mode remains active according to some embodiments. FIG. 8A to FIG. 8E Is a flowchart of a process for switching between different focus modes according to some embodiments. FIG. 9A to FIG. 9G Is a flowchart of a process for configuring a focus mode according to some embodiments. FIG. 10A to FIG. 10Cis a flowchart of a process for configuring a focus mode according to some embodiments.

[0035] Figures 5A to 5AC 、 FIG. 6A to FIG. 6R and Figures 7A to 7Z The user interfaces in FIG. 8A to FIG. 8E 、 FIG. 9A to FIG. 9G and FIG. 10A to FIG. 10C are used to show the processes in

[0036] Exemplary device

[0037] Reference will now be made in detail to the embodiments, examples of which are illustrated in the accompanying drawings. Many specific details are set forth in the following detailed description in order to provide a thorough understanding of the various described embodiments. However, it will be apparent to those of ordinary skill in the art that the various described embodiments may be practiced without these specific details. In other instances, well-known methods, procedures, components, circuits, and networks have not been described in detail so as not to unnecessarily obscure aspects of the embodiments.

[0038] It will also be understood that although in some instances the terms "first," "second," etc. are used herein to describe various elements, these elements should not be limited by these terms. These terms are only used to distinguish one element from another. For example, a first contact could be termed a second contact, and similarly, a second contact could be termed a first contact, without departing from the scope of the various described embodiments. The first contact and the second contact are both contacts, but they are not the same contact unless the context clearly indicates otherwise.

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

[0040] As used herein, depending on context, the term "if" optionally is interpreted to mean "when" or "upon" or "in response to determining" or "in response to detecting." Similarly, depending on context, the phrase "if it is determined that..." or "if [stated condition or event] is detected" optionally is interpreted to mean "when it is determined that..." or "in response to determining that..." or "when [stated condition or event] is detected" or "in response to detecting [stated condition or event]."

[0041] Embodiments of electronic devices, user interfaces for such devices, and associated processes are described herein. In some embodiments, the device is a portable communication device such as a mobile phone that also includes other functions such as PDA and / or music player functionality. Exemplary embodiments of portable multifunction devices include, but are not limited to, devices from Apple Inc., Cupertino, California iPod devices. Optionally, other portable electronic devices such as a laptop computer or tablet computer having a touch-sensitive surface (e.g., a touch screen display and / or a trackpad) are used. It should also be understood that in some embodiments, the device is not a portable communication device but is a desktop computer having a touch-sensitive surface (e.g., a touch screen display and / or a trackpad).

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

[0043] The device generally supports a variety of applications such as one or more of the following: a notes application, a drawing application, a presentation application, a word processing application, a website creation application, a disk editing application, a spreadsheet application, a gaming application, a telephone application, a video conferencing application, an email application, an instant messaging application, a fitness support application, a photo management application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, and / or a digital video player application.

[0044] The various applications executed on the device optionally use at least one common physical user interface device such as a touch-sensitive surface. One or more functions of the touch-sensitive surface and corresponding information displayed on the device optionally are adjusted and / or varied for different applications and / or within respective applications. Thus, a common physical architecture of the device such as a touch-sensitive surface optionally supports the various applications with a user interface that is intuitive and clear for a user.

[0045] Now turn attention to embodiments of a portable device having a touch-sensitive display. Figure 1A FIG. is a block diagram of a portable multifunctional device 100 having a touch-sensitive display system 112 according to some embodiments. The touch-sensitive display system 112 is sometimes called a "touch screen" for convenience and is sometimes abbreviated as a touch-sensitive display. Device 100 includes a memory 102 (which optionally includes one or more computer-readable storage media), a memory controller 122, one or more processing units (CPUs) 120, a peripheral device 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 or 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 intensity sensors 165 for detecting the intensity of contacts on device 100 (e.g., a touch-sensitive surface such as the touch-sensitive display system 112 of device 100). Device 100 optionally includes one or more tactile output generators 167 for generating tactile output on device 100 (e.g., generating tactile output on a touch-sensitive surface such as the touch-sensitive display system 112 of device 100 or the touchpad 355 of device 300). These components optionally communicate via one or more communication buses or signal lines 103.

[0046] As used in this specification and the claims, the term "haptic output" refers to a physical displacement of a device relative to a previous position of the device detected by a user using the user's sense of touch, a physical displacement of a component of the device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or a displacement of a component relative to the center of mass of the device. For example, in the case of contact between the device or a component of the device and a surface of the user that is sensitive to touch (e.g., a finger, palm, or other part of the user's hand), a haptic output generated by the physical displacement will be interpreted by the user as a sense of touch that corresponds to a perceived change in the physical characteristics of the device or the component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or a touchpad) may optionally be interpreted by the user as a "press click" or "release click" of a physical actuation button. In some cases, the user will feel a sense of touch, such as a "press click" or "release click," even when a physical actuation button associated with the touch-sensitive surface that is physically depressed (e.g., displaced) by the user's movement does not move. As another example, movement of a touch-sensitive surface may optionally be interpreted or sensed by the user as a "roughness" of the touch-sensitive surface even when there is no change in the smoothness of the touch-sensitive surface. Although such interpretations of touch by the user will be limited by the user's individual sensory perception, many sensory perceptions of touch are common to most users. Thus, when a haptic output is described as corresponding to a particular sensory perception of the user (e.g., "press click," "release click," "roughness"), unless otherwise stated, the generated haptic output corresponds to a physical displacement of the device or a component thereof that will generate the stated sensory perception of a typical (or average) user. Providing haptic feedback to the user using haptic output enhances the operability of the device and makes the user device interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device), which also further reduces power consumption and extends the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0047] In some embodiments, a haptic output pattern specifies characteristics of the haptic output, such as the amplitude of the haptic output, the shape of the motion waveform of the haptic output, the frequency of the haptic output, and / or the duration of the haptic output.

[0048] When a device (such as one or more haptic output generators that generate haptic output via a moving movable mass) generates haptic output with different haptic output patterns, the haptic output can produce different sensations in a user who is holding or touching the device. Although the user's senses are based on the user's perception of the haptic output, most users will be able to recognize changes in the waveform, frequency, and amplitude of the haptic output generated by the device. Thus, the waveform, frequency, and amplitude can be adjusted to indicate to the user that different operations have been performed. Accordingly, haptic output having a haptic output pattern that is designed, selected, and / or arranged to simulate the properties (such as size, material, weight, stiffness, smoothness, etc.); behavior (such as oscillation, displacement, acceleration, rotation, stretching, etc.); and / or interactions (such as collision, adhesion, repulsion, attraction, friction, etc.) of objects in a given environment (e.g., a user interface including graphical features and objects, a simulated physical environment having virtual boundaries and virtual objects, a real physical environment having physical boundaries and physical objects, and / or any combination of the foregoing) will, in some cases, provide helpful feedback to the user, which reduces input errors and improves the efficiency of the user's operation of the device. Additionally, the haptic output is optionally generated to correspond to feedback that is independent of the simulated physical properties (such as input thresholds or object selection). Such haptic output will, in some cases, provide helpful feedback to the user, which reduces input errors and improves the efficiency of the user's operation of the device.

[0049] In some embodiments, haptic output having an appropriate haptic output pattern serves as a cue for an event of interest that occurs within the user interface or behind the screen in the device. Examples of events of interest include the activation of an affordance representation (such as a real or virtual button, or a toggle switch) provided on the device or in the user interface, the success or failure of a requested operation, reaching or crossing a boundary in the user interface, entering a new state, switching the input focus between objects, activating a new mode, reaching or crossing an input threshold, detecting or recognizing a type of input or gesture, and so forth. In some embodiments, haptic output is provided to serve as a warning or cue about an impending event or outcome that will occur unless a change in direction or an interruption of the input is detected in a timely manner. Haptic output is also used in other contexts to enrich the user experience, improve the accessibility of the device to users with visual or motor difficulties or other accessibility needs, and / or improve the efficiency and functionality of the user interface and / or the device. Optionally, the haptic output is compared with audio input and / or visual user interface changes, which further enhances the user's experience when the user interacts with the user interface and / or the device, facilitates better transmission of information about the state of the user interface and / or the device, and which reduces input errors and improves the efficiency of the user's operation of the device.

[0050] It should be understood that device 100 is merely an example of a portable multifunctional device, and device 100 optionally has more or fewer components than those shown, optionally combines two or more components, or optionally has different configurations or arrangements of these components. Figure 1A The various components shown are implemented in hardware, software, firmware, or any combination thereof, including one or more signal processing circuits and / or application specific integrated circuits.

[0051] Memory 102 optionally includes high speed random access memory, and also optionally includes non-volatile memory, such as one or more disk storage devices, flash memory devices, or other non-volatile solid state memory devices. Access to memory 102 by other components of device 100, such as CPU 120 and peripheral interface 118, is optionally controlled by memory controller 122.

[0052] Peripheral interface 118 can be used to couple input and output peripheral devices of the device to CPU 120 and memory 102. One or more processors 120 run or execute various software programs and / or instruction sets stored in memory 102 to perform the various functions of device 100 and process data.

[0053] In some embodiments, peripheral interface 118, CPU 120, and memory controller 122 are optionally implemented on a single chip, such as chip 104. In some other embodiments, they are optionally implemented on separate chips.

[0054] The RF (Radio Frequency) circuit 108 receives and transmits RF signals, which are also referred to as electromagnetic signals. The RF circuit 108 converts electrical signals into electromagnetic signals / converts electromagnetic signals into electrical signals, and communicates with a communication network and other communication devices via electromagnetic signals. The RF circuit 108 optionally includes well-known circuits for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a codec chipset, a subscriber identity module (SIM) card, a memory, and so on. The RF circuit 108 optionally communicates with the network and other devices via wireless communication, and these networks are such as the Internet (also known as the World Wide Web (WWW)), an intranet, and / or a wireless network (such as a cellular telephone network, a wireless local area network (LAN), and / or a metropolitan area network (MAN)). This wireless communication optionally uses any one of a variety of communication standards, protocols, and technologies, including but not limited to Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High-Speed Downlink Packet Access (HSDPA), High-Speed Uplink Packet Access (HSUPA), Evolution-Data Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPA), Long-Term Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Wi-Fi (e.g., IEEE 802.11a, IEEE 802.11ac, IEEE 802.11ax, IEEE 802.11b, IEEE 802.11g, and / or IEEE 802.11n), Voice over Internet Protocol (VoIP), WiMAX, email protocols (e.g., Internet Message Access Protocol (IMAP) and / or Post Office Protocol (POP)), instant messaging (e.g., Extensible Messaging and Presence Protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and / or Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the date of submission of this document.

[0055] The audio circuitry 110, speaker 111, and microphone 113 provide an audio interface between the user and the device 100. The audio circuitry 110 receives audio data from the peripheral interface 118, converts the audio data into an electrical signal, and transmits the electrical signal to the speaker 111. The speaker 111 converts the electrical signal into sound waves audible to humans. The audio circuitry 110 also receives the electrical signal converted from sound waves by the microphone 113. The audio circuitry 110 converts the electrical signal into audio data and transmits the audio data to the peripheral interface 118 for processing. The audio data is optionally retrieved from and / or transmitted to the memory 102 and / or the RF circuitry 108 by the peripheral interface 118. In some embodiments, the audio circuitry 110 also includes an earphone jack (e.g., Figure 2 212 in

[0056] ). The earphone jack provides an interface between the audio circuitry 110 and a removable audio input / output peripheral device, which is such as an output-only earphone or an earphone having both an output (e.g., a mono earphone or a stereo earphone) and an input (e.g., a microphone). Figure 2 The I / O subsystem 106 couples input / output peripheral devices on the device 100, such as the touch-sensitive display system 112 and other input or control devices 116, to the peripheral interface 118. The I / O subsystem 106 optionally includes a display controller 156, an optical sensor controller 158, 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 the other input or control devices 116. The other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slide switches, joysticks, click wheels, etc. In some alternative embodiments, one or more input controllers 160 are optionally coupled to (or not coupled to) any of the following: a keyboard, an infrared port, a USB port, a stylus, and / or a pointing device such as a mouse. One or more buttons (e.g., Figure 2 208 in

[0057] The touch-sensitive display system 112 provides an input interface and an output interface between the device and the user. The display controller 156 receives electrical signals from and / or transmits electrical signals to the touch-sensitive display system 112. The touch-sensitive display system 112 displays visual output to the user. The visual output optionally includes graphics, text, icons, video, and any combination thereof (collectively referred to as "graphics"). In some embodiments, some or all of the visual output corresponds to user interface objects. As used herein, the term "affordance" refers to a user-interactive graphical user interface object (e.g., a graphical user interface object configured to respond to input directed to the graphical user interface object). Examples of user-interactive graphical user interface objects include, but are not limited to, buttons, sliders, icons, selectable menu items, switches, hyperlinks, or other user interface controls.

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

[0059] The touch-sensitive display system 112 optionally uses LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, but in other embodiments uses other display technologies. The touch-sensitive display system 112 and the display controller 156 optionally use any of a variety of touch sensing technologies now known or later developed, as well as other proximity sensor arrays or other elements for determining one or more points of contact with the touch-sensitive display system 112 to detect contact and any movement or interruption thereof, the variety of touch sensing technologies including, but not limited to, capacitive, resistive, infrared, and surface acoustic wave technologies. In some embodiments, projected mutual capacitance sensing technology is used, such as the technology found in the iPod from Apple Inc. (Cupertino, California).

[0060] The touch-sensitive display system 112 optionally has a video resolution of more than 100 dpi. In some embodiments, the touchscreen video resolution exceeds 400 dpi (e.g., 500 dpi, 800 dpi or greater). The user optionally uses any suitable object or attachment such as a stylus, finger, etc. to contact the touch-sensitive display system 112. In some embodiments, the user interface is designed to work with finger-based contacts and gestures, which may not be as precise as stylus-based input due to the larger contact area of the finger on the touchscreen. In some embodiments, the device converts the finger-based rough input into precise pointer / cursor positioning or commands for performing the actions desired by the user.

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

[0062] The device 100 also includes a power system 162 for powering various components. The power system 162 optionally includes a power management system, one or more power sources (e.g., batteries, 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 the generation, management, and distribution of power in a portable device.

[0063] The device 100 optionally further includes one or more optical sensors 164 (e.g., as part of one or more cameras). Figure 1A An optical sensor coupled to the optical sensor controller 158 in the I / O subsystem 106 is shown. One or more optical sensors 164 optionally include a charge-coupled device (CCD) or a complementary metal-oxide semiconductor (CMOS) phototransistor. One or more optical sensors 164 receive light projected through one or more lenses from the environment and convert the light into data representing an image. In combination with the imaging module 143 (also called the camera module), one or more optical sensors 164 optionally capture still images and / or videos. In some embodiments, the optical sensor is located on the rear of the device 100 opposite the touch-sensitive display system 112 on the front of the device, such that the touchscreen can be used as a viewfinder for still image and / or video image acquisition. In some embodiments, another optical sensor is located on the front of the device to obtain an image of the user (e.g., for selfies, for video conferencing when the user is viewing other video conference participants on the touchscreen, etc.).

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

[0065] Device 100 optionally further includes one or more proximity sensors 166. Figure 1A A proximity sensor 166 coupled to the peripheral device interface 118 is shown. Alternatively, the proximity sensor 166 is coupled to the input controller 160 in the I / O subsystem 106. In some embodiments, when the multifunctional device is placed near the user's ear (e.g., when the user is on a call), the proximity sensor turns off and disables the touch-sensitive display system 112.

[0066] Device 100 optionally further includes one or more haptic output generators 167. Figure 1AShows a haptic output generator coupled to the haptic feedback controller 161 in the I / O subsystem 106. In some embodiments, the haptic output generator 167 includes one or more electroacoustic devices such as speakers or other audio components; and / or electromechanical devices for converting energy into linear motion such as motors, solenoids, electroactive polymers, piezoelectric actuators, electrostatic actuators, or other haptic output generating components (e.g., components for converting an electrical signal into a haptic output on the device). The haptic output generator 167 receives haptic feedback generation instructions from the haptic feedback module 133 and generates a haptic output on the device 100 that can be felt by a user of the device 100. In some embodiments, at least one haptic output generator is juxtaposed or adjacent to a touch-sensitive surface (e.g., the touch-sensitive display system 112), and optionally generates a haptic output by moving the touch-sensitive surface vertically (e.g., into / out of the surface of the device 100) or laterally (e.g., backward and forward in the same plane as the surface of the device 100). In some embodiments, at least one haptic output generator sensor is located on the rear of the device 100 opposite to the touch-sensitive display system 112 located on the front of the device 100.

[0067] The device 100 optionally further includes one or more accelerometers 168. Figure 1A Shows an accelerometer 168 coupled to the peripheral device interface 118. Alternatively, the accelerometer 168 is optionally coupled to the input controller 160 in the I / O subsystem 106. In some embodiments, information is displayed in a portrait view or a landscape view on the touch screen display based on an analysis of data received from the one or more accelerometers. The device 100 optionally further includes a magnetometer and a GPS (or GLONASS or other global navigation system) receiver in addition to the accelerometer 168 for obtaining information about the location and orientation (e.g., portrait or landscape) of the device 100.

[0068] In some embodiments, the software components stored in the memory 102 include an operating system 126, a communication module (or instruction set) 128, a contact / motion module (or instruction set) 130, a graphics module (or instruction set) 132, a haptic feedback module (or instruction set) 133, a text input module (or instruction set) 134, a global positioning system (GPS) module (or instruction set) 135, and application programs (or instruction sets) 136. Additionally, in some embodiments, the memory 102 stores the device / global internal state 157, as shown in FIGS. 1A and Figure 3As shown in. The device / global internal state 157 includes one or more of the following: an active application state, which indicates which applications (if any) are currently active; a display state, which indicates what applications, views, or other information occupy the respective regions of the touch-sensitive display system 112; a sensor state, which includes information obtained from the various sensors and other input or control devices 116 of the device; and location and / or position information regarding the location and / or orientation of the device.

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

[0070] 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 the external port 124. The external port 124 (e.g., Universal Serial Bus (USB), FireWire, etc.) is adapted to be directly coupled to other devices or indirectly coupled via a network (e.g., the Internet, a wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same or similar and / or compatible with the 30-pin connector used in some iPod and devices of Apple Inc. (Cupertino, California). In some embodiments, the external port is a Lightning connector that is the same or similar and / or compatible with the Lightning connector used in some iPod and devices of Apple Inc. (Cupertino, California). In some embodiments, the external port is a USB Type-C connector that is the same or similar and / or compatible with the USB Type-C connector used in some electronic devices of Apple Inc. (Cupertino, California).

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

[0072] The contact / motion module 130 optionally detects gesture inputs made by the user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motions, timings, and / or intensities of the detected contact). Thus, gestures are optionally detected by detecting a particular contact pattern. For example, detecting a single-finger tap gesture includes detecting a finger press event and then detecting a finger lift-off (lift away) event at the same location (or substantially the same location) as the finger press event (e.g., at an icon location). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger press event, then detecting one or more finger drag events, and subsequently detecting a finger lift-off (lift away) event. Similarly, taps, swipes, drags, and other gestures of the stylus are optionally detected by detecting a particular contact pattern of the stylus.

[0073] In some embodiments, detecting a finger tap gesture depends on detecting the length of time between a finger press event and a finger lift event, but is independent of the intensity of finger contact between the finger press event and the finger lift event. In some embodiments, a tap gesture is detected based on determining that the length of time between a finger press event and a finger lift event is less than a pre-determined value (e.g., less than 0.1 second, 0.2 seconds, 0.3 seconds, 0.4 seconds, or 0.5 seconds), regardless of whether the intensity of finger contact during the tap reaches a given intensity threshold (greater than a nominal contact detection intensity threshold), such as a light press or deep press intensity threshold. Thus, a finger tap gesture can meet a specific input criterion that does not require a characteristic intensity of contact to meet a given intensity threshold to meet the specific input criterion. For clarity, finger contact in a tap gesture generally needs to meet a nominal contact detection intensity threshold to detect a finger press event, below which contact is not detected. A similar analysis applies to detecting a tap gesture with a stylus or other contact. In cases where the device is capable of detecting finger or stylus contact hovering above a touch-sensitive surface, the nominal contact detection intensity threshold optionally does not correspond to physical contact between the finger or stylus and the touch-sensitive surface.

[0074] The same concepts apply in a similar manner to other types of gestures. For example, a swipe gesture, a pinch gesture, a spread gesture, and / or a long press gesture may optionally be detected based on criteria that are independent of the intensity of contacts included in the gesture or that do not require one or more contacts performing the gesture to reach an intensity threshold in order to be recognized. For example, a swipe gesture is detected based on the amount of movement of one or more contacts; a pinch gesture is detected based on the movement of two or more contacts towards each other; a spread gesture is detected based on the movement of two or more contacts away from each other; and a long press gesture is detected based on the duration of a contact having less than a threshold amount of movement on a touch-sensitive surface. Thus, the statement that a particular gesture recognition criterion does not require contact intensity to meet a corresponding intensity threshold to satisfy the particular gesture recognition criterion means that the particular gesture recognition criterion can be satisfied when the contacts in the gesture do not reach the corresponding intensity threshold and can also be satisfied when one or more contacts in the gesture reach or exceed the corresponding intensity threshold. In some embodiments, a tap gesture is detected based on determining that a finger down event and a finger up event are detected within a predefined time period, regardless of whether the contact is above or below the corresponding intensity threshold during the predefined time period, and a swipe gesture is detected based on determining that the contact movement is greater than a predefined amount, even if the contact is above the corresponding intensity threshold at the end of the contact movement. Even in embodiments where the detection of a gesture is affected by the intensity of the contact performing the gesture (e.g., when the intensity of the contact is above the intensity threshold, the device detects a long press more quickly, or when the intensity of the contact is higher, the device delays the detection of a tap input), as long as the criteria for recognizing the gesture can be satisfied when the contact does not reach a particular intensity threshold, the detection of these gestures does not require the contact to reach a particular intensity threshold (e.g., even if the amount of time required to recognize the gesture changes).

[0075] In some cases, the contact intensity threshold, the duration threshold, and the movement threshold are combined in various different combinations in order to create heuristics to distinguish two or more different gestures directed at the same input element or region, such that multiple different interactions with the same input element can provide a richer set of user interactions and responses. A statement that a particular gesture recognition criterion does not require the intensity of one or more contacts to meet the corresponding intensity threshold in order to meet the particular gesture recognition criterion does not preclude a simultaneous evaluation of other intensity-related gesture recognition criteria to identify other gestures having criteria that are met when the gesture includes a contact having an intensity above the corresponding intensity threshold. For example, in some cases, a first gesture recognition criterion for a first gesture (which does not require the intensity of a contact to meet the corresponding intensity threshold to meet the first gesture recognition criterion) competes with a second gesture recognition criterion for a second gesture (which depends on a contact reaching the corresponding intensity threshold). In such a competition, if the second gesture recognition criterion for the second gesture is met first, the gesture is optionally not recognized as meeting the first gesture recognition criterion for the first gesture. For example, if a contact reaches the corresponding intensity threshold before moving a predefined amount of movement, a deep press gesture is detected instead of a swipe gesture. Conversely, if a contact moves a predefined amount of movement before reaching the corresponding intensity threshold, a swipe gesture is detected instead of a deep press gesture. Even in such cases, the first gesture recognition criterion for the first gesture still does not require the intensity of the contact to meet the corresponding intensity threshold to meet the first gesture recognition criterion, because if the contact remains below the corresponding intensity threshold until the end of the gesture (e.g., a swipe gesture with a contact having an intensity that does not increase above the corresponding intensity threshold), the gesture will be recognized as a swipe gesture by the first gesture recognition criterion. Thus, a particular gesture recognition criterion that does not require the intensity of a contact to meet the corresponding intensity threshold to meet the particular gesture recognition criterion will (A) in some cases, ignore the contact intensity relative to the intensity threshold (e.g., for a tap gesture) and / or (B) in some cases, depend on the contact intensity relative to the intensity threshold (e.g., for a long press gesture competing for recognition with a deep press gesture) in the sense that if a competing set of intensity-related gesture recognition criteria (e.g., for a deep press gesture) recognizes the input as corresponding to an intensity-related gesture before the particular gesture recognition criterion recognizes the gesture corresponding to the input, the particular gesture recognition criterion (e.g., for a long press gesture) will not be met.

[0076] The graphics module 132 includes various known software components for rendering and displaying graphics on the touch-sensitive display system 112 or other displays, including components for altering the visual impact of the displayed graphics (e.g., brightness, transparency, saturation, contrast, or other visual attributes). As used herein, the term "graphics" includes any object that can be displayed to a user, including, without limitation, text, web pages, icons (such as user interface objects including soft keys), digital images, videos, animations, etc.

[0077] 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 from an application program, etc., one or more codes for specifying the graphics to be displayed, and also receives coordinate data and other graphic attribute data as necessary, and then generates screen image data for output to the display controller 156.

[0078] The haptic feedback module 133 includes various software components for generating instructions (e.g., instructions used by the haptic feedback controller 161) to generate haptic output at one or more locations on the device 100 using the haptic output generator 167 in response to user interaction with the device 100.

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

[0080] The GPS module 135 determines the location of the device and provides this information for use in various application programs (e.g., providing to the phone 138 for location-based dialing; providing to the camera 143 as picture / video metadata; and providing to application programs that provide location-based services such as weather widgets, local yellow pages widgets, and map / navigation widgets).

[0081] The application program 136 optionally includes the following modules (or instruction sets) or subsets or supersets thereof:

[0082] · The contacts module 137 (sometimes referred to as an address book or contact list);

[0083] · The phone module 138;

[0084] · The video conferencing module 139;

[0085] · The email client module 140;

[0086] · The instant messaging (IM) module 141;

[0087] · Fitness support module 142;

[0088] · Camera module 143 for still images and / or video images;

[0089] · Image management module 144;

[0090] · Browser module 147;

[0091] · Calendar module 148;

[0092] · Widget module 149, optionally including one or more of the following: weather widget 149-1, stock market widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, and other widgets obtained by the user, as well as user-created widget 149-6;

[0093] · Widget creator module 150 for forming user-created widget 149-6;

[0094] · Search module 151;

[0095] · Video and music player module 152, optionally composed of a video player module and a music player module;

[0096] · Note module 153;

[0097] · Map module 154; and / or

[0098] · Online video module 155.

[0099] Examples of other applications 136 optionally stored in the memory 102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA-supported applications, encryption, digital rights management, speech recognition, and speech reproduction.

[0100] In combination with the touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the contact module 137 includes executable instructions for managing an address book or contact list (e.g., in the application internal state 192 of the contact module 137 stored in the memory 102 or memory 370), including: adding a name to the address book; deleting a name from the address book; associating a phone number, email address, physical address, or other information with a name; associating an image with a name; classifying and categorizing names; providing a phone number and / or email address to initiate and / or facilitate communication via phone 138, video conference 139, email 140, or IM 141; etc.

[0101] In combination with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the telephone module 138 includes executable instructions for performing the following operations: inputting a character sequence corresponding to a telephone number, accessing one or more telephone numbers in the address book 137, modifying an entered telephone number, dialing the corresponding telephone number, conducting a session, and disconnecting or hanging up when the session is complete. As described above, wireless communication optionally uses any one of a variety of communication standards, protocols, and technologies.

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

[0103] In combination with RF circuitry 108, touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the email client module 140 includes executable instructions for creating, sending, receiving, and managing emails in response to user instructions. In combination with the image management module 144, the email client module 140 makes it very easy to create and send emails with static or video images captured by the camera module 143.

[0104] In combination with RF circuitry 108, a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, and a text input module 134, an instant messaging module 141 includes executable instructions for performing the following operations: inputting a character sequence corresponding to an instant message, modifying a previously input character, transmitting the corresponding instant message (e.g., using the Short Message Service (SMS) or Multimedia Messaging Service (MMS) protocol for phone-based instant messaging or using XMPP, SIMPLE, Apple Push Notification Service (APNs), or IMPS for Internet-based instant messaging), receiving instant messages, and viewing the received instant messages. In some embodiments, the transmitted and / or received instant messages optionally include graphics, photos, audio files, video files, and / or other attachments supported in MMS and / or Enhanced Messaging Service (EMS). As used herein, "instant message" refers to both phone-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, APNs, or IMPS).

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

[0106] In combination with a touch-sensitive display system 112, a display controller 156, one or more optical sensors 164, an optical sensor controller 158, a contact module 130, a graphics module 132, and an image management module 144, a camera module 143 includes executable instructions for performing the following operations: capturing still images or videos (including video streams) and storing them in a memory 102, modifying the characteristics of the still images or videos, and / or deleting the still images or videos from the memory 102.

[0107] In combination with a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, a text input module 134, and a camera module 143, an image management module 144 includes executable instructions for arranging, modifying (e.g., editing), or otherwise manipulating, tagging, deleting, presenting (e.g., in a digital slide show or album), and storing still images and / or video images.

[0108] In combination with RF circuitry 108, a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, and a text input module 134, a browser module 147 includes executable instructions for browsing the Internet according to user instructions (including searching, linking to, receiving, and displaying web pages or portions thereof, and linking to attachments and other files of web pages).

[0109] In combination with RF circuitry 108, a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, a text input module 134, an email client module 140, and a browser module 147, a calendar module 148 includes executable instructions for creating, displaying, modifying, and storing calendars and data associated with the calendars (e.g., calendar entries, to-do items, etc.) according to user instructions.

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

[0111] In combination with RF circuitry 108, a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, a text input module 134, and a browser module 147, a widget creator module 150 includes executable instructions for creating widgets (e.g., transferring a user-specified portion of a web page into a widget).

[0112] In combination with a touch-sensitive display system 112, a display controller 156, a contact module 130, a graphics module 132, and a text input module 134, a search module 151 includes executable instructions for searching for text, music, sounds, images, videos, and / or other files in a memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) according to user instructions.

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

[0114] In combination with the touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the notes module 153 includes executable instructions for creating and managing notes, to-do lists, and the like according to user instructions.

[0115] In combination with RF circuitry 108, touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, the maps module 154 includes executable instructions for receiving, displaying, modifying, and storing maps and data associated with the maps (e.g., driving directions; data on stores and other points of interest at or near a particular location; and other location-based data) according to user instructions.

[0116] In combination with the touch-sensitive display system 112, display controller 156, contact module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, email client module 140, and browser module 147, the online video module 155 includes executable instructions that allow a user to access, browse, receive (e.g., by streaming and / or downloading), play back (e.g., on touchscreen 112, or on an external display connected wirelessly or via external port 124), send an email with a link to a particular online video, and otherwise manage online videos in one or more file formats such as H.264. In some embodiments, the instant messaging module 141 is used instead of the email client module 140 to send a link to a particular online video.

[0117] Each of the above-identified modules and applications corresponds to a set of executable instructions for performing one or more of the above functions and the methods described in the present application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., instruction sets) need not be implemented as separate software programs, processes, or modules, so various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In some embodiments, memory 102 optionally stores a subgroup of the above modules and data structures. Additionally, memory 102 optionally stores additional modules and data structures not described above.

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

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

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

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

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

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

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

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

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

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

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

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

[0130] The event dispatcher module 174 distributes event information to event recognizers (e.g., event recognizer 180). In embodiments that include the active event recognizer determination module 173, the event dispatcher module 174 delivers the event information to the event recognizer determined by the active event recognizer determination module 173. In some embodiments, the event dispatcher module 174 stores the event information in an event queue, which is retrieved by the corresponding event receiver module 182.

[0131] In some embodiments, the operating system 126 includes an event classifier 170. Alternatively, the application 136-1 includes an event classifier 170. In yet another embodiment, the event classifier 170 is a stand-alone module or is part of another module (such as, the touch / motion module 130) stored in the memory 102.

[0132] In some embodiments, the application 136-1 includes a plurality of event handlers 190 and one or more application views 191, each of which includes instructions for handling touch events that occur within a corresponding view of the user interface of the application. Each application view 191 of the application 136-1 includes one or more event recognizers 180. Typically, a corresponding application view 191 includes a plurality of event recognizers 180. In other embodiments, one or more of the event recognizers 180 are part of a stand-alone module that is a higher-level object such as a user interface toolkit or from which the application 136-1 inherits methods and other properties. In some embodiments, the corresponding event handlers 190 include one or more of the following: a data updater 176, an object updater 177, a GUI updater 178, and / or event data 179 received from the event classifier 170. The event handlers 190 optionally utilize or call the data updater 176, the object updater 177, or the GUI updater 178 to update the application internal state 192. Alternatively, one or more of the application views 191 include one or more corresponding event handlers 190. Additionally, in some embodiments, one or more of the data updater 176, the object updater 177, and the GUI updater 178 are included in the corresponding application view 191.

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

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

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

[0136] In some embodiments, the event definition 187 includes definitions of events for corresponding user interface objects. In some embodiments, the event comparator 184 performs a hit test to determine which user interface object is associated with the sub-event. For example, in an application view that displays three user interface objects on the touch-sensitive display system 112, when a touch is detected on the touch-sensitive display system 112, the event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a corresponding event handler 190, the event comparator uses the result of the hit test to determine which event handler 190 should be activated. For example, the event comparator 184 selects the event handler associated with the sub-event and the object that triggered the hit test.

[0137] In some embodiments, the definition of the corresponding event 187 also includes delaying actions that delay the delivery of event information until it has been determined whether the sub - event sequence does in fact correspond to or does not correspond to the event type of the event recognizer.

[0138] When the corresponding event recognizer 180 determines that the sub - event sequence does not match any of the events in the event definition 186, the corresponding event recognizer 180 enters an event - impossible, event - failed, or event - ended state, after which subsequent sub - events of the touch - based gesture are ignored. In such a case, other event recognizers (if any) for which the hit view remains active continue to track and process sub - events of the ongoing touch - based gesture.

[0139] In some embodiments, the corresponding event recognizer 180 includes metadata 183 having configurable attributes, flags, and / or lists that indicate how the event delivery system should perform sub - event delivery to the active participating event recognizers. In some embodiments, the metadata 183 includes configurable attributes, flags, and / or lists that indicate how event recognizers interact with each other or can interact with each other. In some embodiments, the metadata 183 includes configurable attributes, flags, and / or lists that indicate whether sub - events are delivered to different levels in the view or the programmatic hierarchy.

[0140] In some embodiments, when one or more specific sub - events of an event are recognized, the corresponding event recognizer 180 activates an event handler 190 associated with the event. In some embodiments, the corresponding event recognizer 180 delivers event information associated with the event to the event handler 190. Activating the event handler 190 is different from sending (and deferring to send) sub - events to the corresponding hit view. In some embodiments, the event recognizer 180 throws a token associated with the recognized event, and the event handler 190 associated with that token retrieves the token and executes a predefined process.

[0141] In some embodiments, the event delivery instruction 188 includes a sub - event delivery instruction that delivers event information about the sub - event without activating the event handler. Instead, the sub - event delivery instruction delivers the event information to the event handler associated with the sub - event sequence or to the active participating view. The event handler associated with the sub - event sequence or with the active participating view receives the event information and executes a predetermined process.

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

[0143] In some embodiments, event handler 190 includes data updater 176, object updater 177, and GUI updater 178, or has access to the data updater, the object updater, and the GUI updater. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in a single module of the corresponding application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0144] It should be understood that the above discussion regarding event handling of user touches on the touch-sensitive display also applies to other forms of user input for operating multifunctional device 100 using an input device, and not all user input is initiated on the touchscreen. For example, mouse movement and mouse button presses optionally in cooperation with single or multiple keyboard presses or holds; contact movement on a touchpad, such as tapping, dragging, scrolling, etc.; stylus input; movement of the device; voice commands; detected eye movement; biometric input; and / or any combination thereof are optionally used as inputs corresponding to sub-events that define the events to be discriminated.

[0145] Figure 2 shows a touchscreen (e.g., Figure 1APortable multifunctional device 100 of the touch-sensitive display system 112). The touch screen optionally displays one or more graphics within the user interface (UI) 200. In these and other embodiments described hereinafter, the user can select one or more of these graphics by making gestures on the graphics using, for example, one or more fingers 202 (not drawn to scale in the figure) or one or more styli 203 (not drawn to scale in the figure). In some embodiments, when the user breaks contact with one or more graphics, the selection of one or more graphics will occur. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, from right to left, up, and / or down), and / or rolling of a finger that has made contact with the device 100 (from right to left, from left to right, up, and / or down). In some specific implementations or in some cases, inadvertently contacting a graphic does not select the graphic. For example, when the gesture corresponding to the selection is a tap, a swipe gesture that sweeps over an application icon optionally does not select the corresponding application.

[0146] Device 100 optionally further includes one or more physical buttons, such as a "home screen" or menu button 204. As previously described, the menu button 204 is optionally used to navigate to any application 136 in a set of applications optionally executed on the device 100. As an alternative, in some embodiments, the menu button is implemented as a soft key in the GUI displayed on the touch screen display.

[0147] In some embodiments, device 100 includes a touch screen display, a menu button 204 (sometimes referred to as a home screen button 204), a push button 206 for powering on / off the device and for locking the device, volume adjustment buttons 208, a subscriber identity module (SIM) card slot 210, a headset jack 212, and a docking / charging external port 124. The push button 206 is optionally used to power on / off the device by pressing the button and holding the button in the pressed state for a predefined time interval; to lock the device by pressing the button and releasing the button before the predefined time interval has elapsed; and / or to unlock the device or initiate an unlocking process. In some embodiments, device 100 also accepts voice input for activating or deactivating certain functions through the microphone 113. Device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of contact on the touch-sensitive display system 112, and / or one or more tactile output generators 167 for generating tactile output for the user of the device 100.

[0148] Figure 3is a block diagram of an exemplary multifunctional device having a display and a touch-sensitive surface, in accordance with some embodiments. Device 300 need not be portable. In some embodiments, device 300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a children's learning toy), a gaming system, or a control device (e.g., a home or industrial controller). Device 300 generally includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, memory 370, and one or more communication buses 320 for interconnecting these components. The communication bus 320 optionally includes circuitry (sometimes called a chipset) that interconnects the system components and controls the communication between the system components. Device 300 includes an input / output (I / O) interface 330 having a display 340, which is typically a touch screen display. The I / O interface 330 also optionally includes a keyboard and / or mouse (or other pointing device) 350 and a touchpad 355, a haptic output generator 357 for generating haptic output on device 300 (e.g., similar to one or more of the haptic output generators 167 described above with reference to Figure 1A ), sensors 359 (e.g., an optical sensor, an acceleration sensor, a proximity sensor, a touch-sensitive sensor, and / or a contact intensity sensor similar to one or more of the contact intensity sensors 165 described above with reference to Figure 1A ). Memory 370 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and optionally includes non-volatile memory, such as one or more disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid state storage devices. Memory 370 optionally includes one or more storage devices located remotely from the CPU 310. In some embodiments, memory 370 stores programs, modules, and data structures similar to those stored in the memory 102 of the portable multifunctional device 100 ( Figure 1A ), or subsets thereof. Additionally, memory 370 optionally stores additional programs, modules, and data structures not present in the memory 102 of the portable multifunctional device 100. For example, the memory 370 of device 300 optionally stores a drawing

[0149] module 380, a presentation module 382, a word processing module 384, a website creation module 386, a disk editing module 388, and / or a spreadsheet module 390, while the memory 102 of the portable multifunctional device 100 ( Figure 1A ) optionally does not store these modules.

[0150] Figure 3Each of the elements identified above is optionally stored in one or more of the memory devices mentioned previously. Each of the modules identified above corresponds to a set of instructions for performing the functions described above. The modules or programs (i.e., sets of instructions) identified above need not be implemented as separate software programs, procedures, or modules, and thus various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In some embodiments, the memory 370 optionally stores a subgroup of the modules and data structures described above. Additionally, the memory 370 optionally stores additional modules and data structures not described above.

[0151] Attention is now turned to an embodiment of a user interface (“UI”) optionally implemented on the portable multifunctional device 100.

[0152] Figure 4A An exemplary user interface of an application menu on the portable multifunctional device 100 is shown according to some embodiments. A similar user interface is optionally implemented on the device 300. In some embodiments, the user interface 400 includes the following elements or subsets or supersets thereof:

[0153] · One or more signal strength indicators for one or more wireless communications such as cellular signals and Wi-Fi signals;

[0154] · Time;

[0155] · Bluetooth indicator;

[0156] · Battery status indicator;

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

[0158] ○ An icon 416 labeled “Phone” for the phone module 138, which optionally includes an indicator 414 of the number of missed calls or voicemails;

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

[0160] ○ An icon 420 labeled “Browser” for the browser module 147; and

[0161] ○ An icon 422 labeled “Music” for the video and music player module 152;

[0162] And

[0163] · Icons for other applications, such as:

[0164] ○ The icon 424 marked as "Message" of the IM module 141;

[0165] ○ The icon 426 marked as "Calendar" of the Calendar module 148;

[0166] ○ The icon 428 marked as "Photo" of the Image Management module 144;

[0167] ○ The icon 430 marked as "Camera" of the Camera module 143;

[0168] ○ The icon 432 marked as "Online Video" of the Online Video module 155;

[0169] ○ The icon 434 marked as "Stock Market" of the Stock Market widget 149-2;

[0170] ○ The icon 436 marked as "Map" of the Map module 154;

[0171] ○ The icon 438 marked as "Weather" of the Weather widget 149-1;

[0172] ○ The icon 440 marked as "Clock" of the Alarm Clock widget 149-4;

[0173] ○ The icon 442 marked as "Fitness Support" of the Fitness Support module 142;

[0174] ○ The icon 444 marked as "Note" of the Note module 153; and

[0175] ○ The icon 446 for setting the application or module, which provides access to the settings of the device 100 and its various applications 136.

[0176] It should be noted that Figure 4A The icon labels shown in

[0177] Figure 4B are merely exemplary. For example, other labels may optionally be used for various application icons. In some embodiments, the label of the corresponding application icon includes the name of the application corresponding to the corresponding application icon. In some embodiments, the label of a particular application icon is different from the name of the application corresponding to the particular application icon. Figure 3 An exemplary user interface on a device (e.g., the device 300 in Figure 3 ), having a touch-sensitive surface 451 separate from the display 450 (e.g., a tablet or touchpad 355 in Figure 4BIn some embodiments, the touch-sensitive surface (e.g., Figure 4B 451) has a main axis (e.g., Figure 4B 453) corresponding to the main axis (for example, Figure 4B According to these embodiments, the device detects contact with touch-sensitive surface 451 at a location corresponding to a corresponding location on the display (e.g., Figure 4B 460 and 462) (e.g., in Figure 4B 460 corresponds to 468 and 462 corresponds to 470). Thus, on a touch-sensitive surface (e.g., Figure 4B 451) and a display of a multi-function device (e.g., Figure 4B 450 in ) is separated, the user input detected by the device on the touch-sensitive surface (e.g., contacts 460 and 462 and their movement) is used by the device to manipulate the user interface on the display. It should be understood that similar methods are optionally used for other user interfaces described herein.

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

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

[0180] User interface and associated processes

[0181] Attention is now turned to embodiments of a user interface ("UI") and associated processes that can be implemented on an electronic device such as the portable multifunctional device 100 or device 300 having a display, a touch-sensitive surface, (optionally) one or more tactile output generators for generating tactile output, and (optionally) one or more sensors for detecting the intensity of contact with the touch-sensitive surface.

[0182] Figures 5A to 5AC 、 FIG. 6A to FIG. 6R and Figures 7A to 7Z show example user interfaces for providing different focus modes according to some embodiments. The user interfaces in these figures are used to illustrate the processes described below, including FIG. 8A to FIG. 8E 、 FIG. 9A to FIG. 9G and FIG. 10A to FIG. 10CThe process in. For ease of explanation, some embodiments in the implementation will be described with reference to operations performed on a device having a touch-sensitive display system 112. In such embodiments, the focus selector is optionally: a corresponding finger or stylus contact, a representation point corresponding to the finger or stylus contact (e.g., the center of gravity of the corresponding contact or a point associated with the corresponding contact), or the center of gravity of two or more contacts detected on the touch-sensitive display system 112. However, in response to detecting a contact on the touch-sensitive surface 451 when the user interface shown in the accompanying drawings is displayed on the display 450 together with the focus selector, similar operations are optionally performed on a device having a display 450 and a separate touch-sensitive surface 451.

[0183] Figures 5A to 5AC An example user interface for switching between different focus modes according to some embodiments is shown. For clarity and ease of explanation, each drawing represents the active focus mode (e.g., no mode or a specific focus mode) active in the specific drawing. If a focus mode is active, some user interfaces (e.g., the home screen user interface) display a corresponding visual indication (e.g., in the upper right corner of the display). The visual indication corresponds to an icon associated with each focus mode (e.g., as Figure 5E shown).

[0184] Figure 5A A portable multifunctional device 100 in a low power state (e.g., sleep state or off state) is shown. In some embodiments, when the portable multifunctional device is in the low power state, some user interface elements (e.g., the time and date as Figure 5A shown) are visible (e.g., but displayed with reduced prominence compared to when the portable multifunctional device 100 is not in the low power state). When the portable multifunctional device 100 is in the low power state, in response to a user input 5000 (e.g., a tap gesture, a long press, or a swipe gesture), the portable multifunctional device 100 transitions out of the low power state. Note that in some embodiments, any one of a plurality of user inputs wakes up the portable multifunctional device 100 (e.g., lifting the portable multifunctional device 100, or pressing a physical button on the side of the portable multifunctional device 100).

[0185] Figure 5BShows the display (e.g., touch screen 112) of the portable multifunctional device 100 after transitioning out of the low-power state. The portable multifunctional device 100 displays a wake-up user interface (e.g., an initial user interface displayed when transitioning out of the low-power state, such as a lock screen user interface or another wake-up screen user interface), which includes a plurality of notifications, including notification 5002 for application A, notification 5004 for application M, notification 5006 for application Z, notification 5008 for application S, and notification 5010 for notification D.

[0186] As Figure 5C-1 shown, when the wake-up user interface is displayed, in response to detecting an upward swipe gesture 5011 ( Figure 5B ), the portable multifunctional device 100 transitions to display the home screen user interface. The home screen user interface includes a plurality of application launch enabling representations, and optionally includes one or more of applications A, M, Z, S, and / or D. Figure 5C-2 Shows the corresponding home screen user interface of the second device 5001. In some embodiments, the second device 5001 is a smartwatch device paired with the portable multifunctional device 100.

[0187] As Figure 5D shown, in response to detecting a downward swipe gesture 5012 (e.g., in the upper right corner of the display of the portable multifunctional device 100, as Figure 5C-1 shown), the portable multifunctional device 100 displays a system user interface for accessing the system functions of the portable multifunctional device. One such system function is a function for enabling (or disabling) the focus mode of the portable multifunctional device 100. Different focus modes have different notification settings, which affect which notifications are delivered, suppressed, and / or delayed. For example, when the "work" mode is active, notifications associated with users not whitelisted as work contacts are suppressed (e.g., not delivered upon initial receipt and delivered when the "work" mode is deactivated).

[0188] As Figure 5E shown, in response to detecting a user input 5014 on the focus mode enabling representation 5016 ( Figure 5D) The portable multifunctional device 100 displays enabling representations of available focus modes, including the "Do Not Disturb" mode enabling representation 5018, the "Work" mode enabling representation 5020, the "Sleep" mode enabling representation 5022, the "Drive" mode enabling representation 5024, the "Personal" mode enabling representation 5026, and the "Fitness" mode enabling representation 5028. In some embodiments, the portable multifunctional device 100 only displays the focus modes that have been configured (e.g., previously set and configured by the user). In other embodiments, the portable multifunctional device 100 displays some focus modes even if these focus modes have not been configured (e.g., and when selected, will prompt the user to configure the focus mode, and / or provide suggested settings for configuring the focus mode, as described in more detail below with reference to Fig.5O and Figure 5P .

[0189] As Figure 5F-1 shown, in response to detecting a user input 5030 on the "Personal" mode enabling representation 5026 ( Figure 5E ), the portable multifunctional device 100 activates the "Personal" mode. Notifications 5006 of application Z, notifications 5008 of application S, and notifications 5010 of application D are displayed on the wake-up user interface of the portable multifunctional device 100. However, notifications 5002 of application A and notifications 5004 of application M are no longer displayed (e.g., because the notification settings of the "Personal" mode do not allow notifications from application A and / or M, and / or do not allow notifications from contact John Smith).

[0190] The wake-up user interface of the portable multifunctional device also includes a mode indicator 5032 that shows that the "Personal" mode is active. Figure 5F-1 It is also shown that when the "Personal" mode is active, a different background image is displayed on the wake-up user interface (e.g., as shown by the horizontal line in Figure 5F-1 , compared to the light gray background of the wake-up user interface in Figure 5B ). As Figure 5F-2 shown, because the "Personal" mode is active for the portable multifunctional device 100, the background image of the second device 5001 is also different (e.g., compared to Figure 5C-2 ). In some embodiments, when the "Personal" mode is no longer active (e.g., deactivated by the user), the background images of the portable multifunctional device 100 and the portable multifunctional device 5001 return to the background images shown in Figure 5B and Figure 5C-2 .

[0191] As Figure 5GAs shown, when the wake-up user interface is displayed, the user performs an upward swipe gesture 5034. In response to detecting the upward swipe gesture 5034, the portable multifunctional device 100 transitions to display the home screen user interface. As Figure 5H shown, when the "Personal" mode is active, the background image of the home screen user interface is different (e.g., compared to the home screen user interface in Figure 5C-1 ), and the home screen user interface includes different application launch enabling representations (e.g., according to the settings of the "Personal" mode).

[0192] As Fig.5I shown, in response to user input 5036 (e.g., on the lock button or other input mechanism of the portable multifunctional device 100), the portable multifunctional device 100 returns to the low-power state. In some embodiments, the portable multifunctional device 100 re-enters the low-power state after a threshold amount of time without user activity (e.g., no user input detected on the touch screen 112 of the portable multifunctional device 100) (e.g., 5 seconds, 10 seconds, 30 seconds, 1 minute).

[0193] As Figure 5J shown, in response to detecting user input 5038 (e.g., the same user input as user input 5000 described above with reference to Figure 5A , as Fig.5I shown), the portable multifunctional device 100 transitions out of the low-power state. Figure 5J It is also shown that the "Personal" mode remains active even if the portable multifunctional device 100 transitions to the low-power state and even if 15 minutes have passed since the user activated the "Personal" mode.

[0194] In some embodiments, in response to detecting user input 5040 on the mode indicator 5032, the portable multifunctional device 100 redisplay the available focus modes (e.g., a similar user interface as Figure 5E shown) for selecting different focus modes. Alternatively, in response to detecting a Figure 5J rightward swipe gesture 5042 in Figure 5E , the portable multifunctional device 100 transitions out of the "Personal" mode and into the "Fitness" mode. In some embodiments, the portable multifunctional device 100 transitions to different focus modes in a predetermined order. For example, since the "Fitness" mode is shown below the "Personal" mode in the list of focus modes, as Figure 5E shown, in response to detecting the rightward swipe gesture 5042, the portable multifunctional device 100 transitions from the "Personal" mode to the "Fitness" mode. In response to a second rightward swipe gesture and a third rightward swipe gesture, the portable multifunctional device 100 then transitions to the "Do Not Disturb" mode and then to the "Work" mode (for subsequent rightward swipe gestures, and so on).

[0195] As Figure 5K-1 shown, when the "Fitness" mode is active, different notifications are displayed on the wake-up user interface (e.g., compared to when the "Personal" mode in Figure 5F-1 is active, or compared to when no Focus mode is active as shown in FIG. 5C). The notification 5010 of application D is displayed together with the notification 5046 of application B (e.g., according to the notification settings of the "Fitness" mode). The portable multifunctional device also displays different background images for the wake-up user interface (e.g., as shown by the vertical line in Figure 5K-1 , which is different from the horizontal line of the "Personal" mode shown in Figure 5F-1 , and the light gray background image in Figure 5B ).

[0196] As Figure 5K-2 shown, since the "Fitness" mode is active for the portable multifunctional device 100, the background image of the second device 5001 is also different (e.g., compared to Figure 5C-2 and Figure 5F-2 ). In some embodiments, when the "Fitness" mode is no longer active (e.g., deactivated by the user), the background images of the portable multifunctional device 100 and the portable multifunctional device 5001 return to the background images shown in Figure 5B and Figure 5C-2 .

[0197] As Figure 5M shown, in response to detecting the upward swipe gesture 5048 in Figure 5L , the portable multifunctional device transitions to display the home screen user interface. As Figure 5M shown, the home screen user interface also has a different background image (e.g., compared to the home screen user interface in the "Personal" mode, or when no Focus mode is active), and also includes different application launch enabling representations. Figure 5L and Figure 5M also show that when the "Fitness" Focus mode is active, some visual characteristics of the wake-up user interface and the home screen user interface are different. Specifically, Figure 5L and Figure 5M some user interface elements in (e.g., the notifications 5010 and 5046 in Figure 5L , or the text associated with the application launch enabling representation in Figure 5M ) have a larger text size compared to similar user interfaces while different Focus modes are active (e.g., in contrast to Figure 5G and Figure 5H respectively). Other visual characteristics are described in further detail below with reference to Fig. 6F .

[0198] Figure 5N The portable multifunctional device 100 is shown when the time is 9:30 and when no focus mode is active (e.g., because the user has completed a workout and has manually disabled the "Fitness" mode of the portable multifunctional device 100). Figure 5N Also shown is a new notification 5050 for application T. The notification 5050 is accompanied by a suggestion 5052 for attempting the "Work" mode of the portable multifunctional device 100. In some embodiments, the suggestion 5052 appears only for focus modes that the user has not previously configured. The user can fully customize and configure the "Work" mode by selecting the "Customize" affordance 5056. Alternatively, the user can select the "Try it" affordance 5058 to obtain a simplified customization and configuration experience (e.g., as described in reference Figure 5P in more detail).

[0199] In some embodiments, the portable multifunctional device 100 generates suggestions based on available user data. For example, because the user frequently rejects (or ignores) notifications from application T during normal working hours (e.g., from 9 a.m. to 5 p.m.), the portable multifunctional device 100 displays the suggestion 5052 attached to (e.g., extending from) the notification 5050. In some embodiments, the portable multifunctional device 100 uses different criteria to determine when or whether to display a suggestion. For example, in addition to or instead of timing criteria (e.g., normal working hours), user data can consider the level of user interaction with specific contacts. User data can also account for the user's location when the user interacts with or ignores certain notifications, such as whether the user is in a "Home" location or a "Work" location.

[0200] Fig.5O It is shown that the suggestion 5060 can also be displayed in other contexts. For example, when a list of focus modes is displayed (e.g., in response to the user interaction described above in reference Figure 5C-1 to Figure 5E ), the portable multifunctional device displays the suggestion 5052 for attempting the "Work" mode. In some embodiments, the suggestion 5060 is based on the same criteria as the suggestion 5052. In some embodiments, the suggestion 5060 is based on more limited criteria. For example, when the portable multifunctional device 100 detects that the user is in a "Work" location, the suggestion 5060 appears, but user data related to the user's interaction with notifications is not considered (e.g., because no notification is displayed simultaneously with the suggestion 5060, and thus the suggestion 5060 is not associated with any specific notification).

[0201] Return Figure 5N , the portable multifunctional device 100 detects the user input 5054 on the "Try it" affordance 5058. In response to detecting the user input 5054, and as Figure 5PAs shown, the portable multifunctional device 100 transitions to a user interface for configuring the "Work" mode. The user interface for configuring the "Work" mode includes a "Notifications" section 5062, a "Lock Screen and Home" section 5070, and an "Automation" section 5078, each section having associated settings for the "Work" mode.

[0202] Since the user selects the "Give it a try" enablement representation 5058 instead of the "Customize" enablement representation 5056, several parts of the user interface for configuring the "Work" mode are preconfigured for the user. The preconfigured parts are shown with a black background. For example, the portable multifunctional device preconfigures the contact list 5064 to include the contact list for which notifications will be delivered when the "Work" mode is active (e.g., and when the "Work" mode is active, notifications associated with contacts not in the contact list will not be delivered). The portable multifunctional device also preconfigures the application list 5066, which includes a list of applications for which notifications will not be delivered when the "Work" mode is active. The application list 5066 includes application T because the suggestion 5052 that prompts the user to configure the "Work" mode (in Figure 5N is associated with application T. The portable multifunctional device preconfigures the automation 5080 that enables the "Work" mode when the portable multifunctional device detects that the user is in the "Work" location. Some settings, such as the notification status setting 5068, are preconfigured to use default values (e.g., having a default value that enables other users to see (e.g., as a status indicator in an instant messaging application) when the "Work" mode is active for the portable multifunctional device 100).

[0203] Additional settings, such as the lock screen setting 5072, the home screen setting 5074, and the secondary device setting 5076, are shown with a gray background, which indicates that they may optionally be configured by the user but have not been preconfigured by the portable multifunctional device. In some embodiments, if the user does not configure these settings, the portable multifunctional device 100 selects default values for the unconfigured settings. For example, if the user does not configure the wake screen, home screen, or secondary device screen, the portable multifunctional device 100 defaults to using the same background image currently used in the wake screen, home screen, and / or secondary device screen, respectively. The user can also add additional automation (e.g., for configuring different rule criteria for activating the "Work" mode) by selecting the schedule or automation enablement representation 5082.

[0204] If the user is satisfied with the pre-configured settings or has completed any additional customization of the "Work" mode, the user can select the affordance representation 5084 for enabling the "Work" mode. In response to detecting the user input 5086 on the affordance representation 5084, the portable multifunctional device 100 transitions to the "Work" mode.

[0205] As Figure 5Q shown, the Work mode is active for the portable multifunctional device. When the user has not configured the home screen settings 5074, the portable multifunctional device 100 displays a home screen user interface with the same background image as when no focus mode is active (e.g., Figure 5Q the background image is light gray, the same as Figure 5C-1 ). In some embodiments, as Figure 5Q shown, the home screen user interface includes a set of different application launch affordances based on the application list 5066 (in Figure 5P ) (e.g., compared to Figure 5C-1 where no focus mode is active). In some embodiments, the displayed application launch affordances are selected as part of the home screen settings 5074 (e.g., if the user has not configured the home screen settings 5074, Figure 5Q will include the same application launch affordances as Figure 5C-1 ).

[0206] Figure 5R to Figure 5AC Illustrates a method of associating a background image with a focus mode. As Figure 5R shown, the portable multifunctional device 100 detects the user input 5088 on the "Photos" application launch affordance. In response, as Figure 5S shown, the portable multifunctional device 100 displays the user interface of the "Photos" application. Note that for ease of reproduction, Figure 5S the image 5092 shown is represented as different fill patterns. However, it should be understood that the image 5092 can include other types of images, such as photos obtained by the user using the portable multifunctional device 100 or a different device.

[0207] In response to detecting the user input 5090 on the image 5092 in the user interface of the "Photos" application ( Figure 5S ), and as Figure 5T shown, the portable multifunctional device 100 opens an edit user interface for editing the image 5092. The edit user interface includes an interaction affordance 5094, a favorites affordance 5096, an information affordance 5098, and a delete affordance 5100.

[0208] In response to detecting the user input 5102 on the interaction affordance 5094 ( Figure 5T ), and as Figure 5U shown, the portable multifunctional device 100 displays additional options for interacting with the photo 5092. The additional options include a "Copy Photo" option 5104, an "Add to Album" option 5106, a "Duplicate" option 5108, a "Hide" option 5110, a "Slide Show" option 5112, a "Use as Wallpaper" option 5114, an "Adjust Date and Time" option 5116, and an "Adjust Location" option 5118. The "Use as Wallpaper" option 5114 is an option for configuring a background image for the home screen user interface and / or the wake-up user interface of the portable multifunctional device 100.

[0209] In response to detecting a user input 5120 on the "Use as Wallpaper" option 5114 ( Figure 5U ), and as Figure 5V shown, the portable multifunctional device 100 displays a wallpaper configuration user interface, which includes a "Customize" affordance 5122 (e.g., for adjusting the size, zoom, and / or orientation of the image 5092 when used as wallpaper) and a focus indicator 5124 (e.g., for associating a focus mode with the image 5092 when the image 5092 is used as a background image or wallpaper). In some embodiments, when no specific focus mode is currently associated with the image 5092, the focus indicator 5124 displays a general term or name (e.g., "Focus").

[0210] In response to detecting a user input 5126 on the "Focus" affordance 5124 ( Figure 5V ), and as Figure 5W shown, the portable multifunctional device 100 displays a list of focus mode affordances, including a "Do Not Disturb" affordance 5128, a "Work" affordance 5130, a "Sleep" affordance 5132, and a "Drive" affordance 5134. In some embodiments, each of these available focus modes has a corresponding affordance, and the list of affordances can be scrolled to display additional affordances (e.g., affordances for the "Personal" mode and the "Fitness" mode of the portable multifunctional device 100) not shown in Figure 5W .

[0211] In response to detecting a user input 5138 on the "Sleep" affordance 5132 ( Figure 5W ), and as Figure 5X shown, the portable multifunctional device 100 updates the focus indicator 5120 to indicate that the "Sleep" mode has been associated with the image 5092.

[0212] Figure 5Yshows that after associating the "Sleep" mode with image 5092, if the user navigates to the settings for the "Sleep" mode of the portable multifunctional device 100 (e.g., via the Figure 5R "Settings" app launch enablement indication in Figure 5Y ), then the lock screen settings 5150, the home screen settings 5152, and the secondary device settings 5154 are automatically configured with image 5092 as the lock screen user interface, the wake-up user interface, and the background image of the secondary device, respectively. In some embodiments, Figure 5P the settings shown correspond to Figure 5N the settings shown (e.g., the portable multifunctional device 100 pre-configures some settings in the streamlined configuration experience by selecting the

[0213] Figure 5Z "Try it" enablement indication in Figure 5Y ), but still shows all available settings). Figure 5Y The "Sleep" mode settings shown in Figure 5Z include automating the "Sleep" mode to become active at 10:30 PM (e.g., as shown in the automation settings 5158 in Figure 5Z ). As shown in Figure 5Z ), the mode indicator 5032 indicates that the "Sleep" mode is active. Figure 5AA The wake-up user interface shown in

[0214] Figure 5AB also uses image 5092 (shown as a cross-pattern background in Figure 5Z and Figure 5AA ) as the background image of the wake-up user interface. Figure 5AB shows the corresponding home screen user interface at 10:30 PM when the "Sleep" mode is active. The home screen user interface also has image 5092 as the background image of the home user interface. Figure 5B ).

[0215] In response to detecting a right-swipe gesture 5170 ( Figure 5AB ), and as shown in Figure 5ACAs shown, the portable multifunctional device 100 transitions to the "Sleep" mode. In some embodiments, the right-swipe gesture 5170 includes two consecutive swipes (e.g., transitioning first to the "Work" mode and then from the "Work" mode to the "Sleep" mode according to a predetermined order of focus modes). Since the "Sleep" mode is now active for the portable multifunctional device 100, the background image that wakes up the user interface is image 5096 (e.g., the same background image as in Figure 5Z ).

[0216] FIG. 6A to FIG. 6R An example user interface for configuring a focus mode according to some embodiments is shown.

[0217] Fig. 6A A user interface 6000 showing settings for configuring the "Work" mode of the portable multifunctional device 100 is shown. The user interface 6000 includes multiple sections, including a "Notifications" section 6002, a "Lock Screen and Home" section 6010, and an "Automation" section 6018. In some embodiments, some sections include additional sections (e.g., subsections). In some embodiments, a section contains both additional sections and individual settings. For example, the "Notifications" section 6002 includes two additional sections (a Contacts section 6004 and an Applications section 6006) and an individual setting ("Share Notification Status" setting 6008). The "Lock Screen and Home" section 6010 includes a Wake Screen section 6012, a Home Screen section 6014, and a Second Device section 6016. The "Automation" section 6018 includes a new automation affordance representation 6020.

[0218] The user can select one or more sections in the user interface 6002 to configure different settings for the "Work" mode. For example, detecting a user input 6022 on or pointing to the Contacts section 6004 displays a user interface 6003 for specifying one or more contacts for which notifications are allowed or for which notifications are to be suppressed or muted when the "Work" mode is active. Detecting a user input 6026 on the Wake User Interface section 6012 displays a user interface for configuring the background image of the wake user interface when the "Work" mode is active. Detecting a user input 6028 on the Home Screen section 6014 enters a mode in which the user can provide input to the device to configure the background image of the home screen user interface when the "Work" mode is active. Detecting a user input 6030 on the Second Device section 6016 configures the background image for the user interface of the second device 5001 when the "Work" mode is active for the portable multifunctional device 100. Detecting a user input 6024 on the Applications section 6006 configures one or more applications for which notifications are allowed or suppressed or muted when the "Work" mode is active.

[0219] Figure 6B Disclosed is a user interface 6003 for configuring application-related settings for the "Work" mode. The user interface 6003 includes a switch having a "People" option 6034 and an "Applications" option 6036. As Figure 6B shown, the "Applications" option 6036 is currently selected, so the user interface 6003 displays the application settings for the "Work" mode (e.g., a list for selecting applications for which notifications are allowed or suppressed / muted when the "Work" mode is active). The "People" option 6034 corresponds to the settings of the contacts section 6004, and the "Applications" option 6036 corresponds to the settings of the applications section 6006 (e.g., so that the user can easily navigate between the sections without having to return to the user interface 6001).

[0220] The user interface 6003 also includes a switch having an "Allow notifications from..." option 6038 and a "Mute notifications from..." option 6040. As indicated by the checkmark next to the "Mute notifications from..." option 6040, the "Work" mode is currently configured to mute notifications from the applications listed in the application list 6042 (e.g., while allowing notifications from unlisted applications). The application list 6042 includes an add enabling indication 7054 for adding additional applications to the application list

[0221] 6042 (e.g., via user input 6054 on the add enabling indication 6044

[0222] 6054). Figure 6B Shown is that the application list 6042 currently includes Application T, Application

[0223] B, Application S, Application D, Application X, and Application Z. The applications listed in the application list

[0224] 6042 include corresponding enabling indications for removing the corresponding applications from the application list 6042. For example, the minus enabling indication 6052 can be selected to remove Application D from the application list 6042. The user interface 6003 also includes a "Done" enabling indication 6040 for exiting the user interface 6003 (e.g., after the user has completed configuring the application-related settings for the "Work" mode by the user interface 6003).

[0225] In response to detecting user input 6050 on the "People" option 6034 ( Figure 6B ), and as Figure 6C shown, the user interface 6003 transitions to display the contact-related options for the "Work" mode. The contact-related options for the "Work" mode are similar to those referred to above Figure 6B Application-related options for the described "Work" mode. Figure 6C Shows that the "Allow notifications from..." option 6038 is selected, so when the "Work" mode is active, notifications associated with the contacts listed in the contacts list 6056 are allowed (e.g., to be delivered and / or displayed). The contacts list 6056 includes a plus enabling representation 6058 for adding additional contacts to the contacts list 6056 (e.g., via user input 6064 on the plus enabling representation 6058). The contacts in the contacts list 6056 include corresponding minus enabling representations for removing the respective users from the contacts list 6056. For example, the minus enabling representation 6060 can be used to remove Alice from the contacts list 6056. After configuring the contacts-related settings for the "Work" mode, the user can exit the user interface 6003 via user input 6066 on the "Done" enabling representation 6040.

[0226] As Fig.6D shown, after the user has configured the contacts-related settings for the contacts section 6004 and the application-related settings for the application section 6006, the visual appearance of the contacts section 6004 and the application section 6006 is updated with a black background to indicate that these sections have been configured. In Fig.6D it, the unconfigured parts of the user interface 6001 are displayed with a white or gray background, while the configured parts are displayed with a black background. In some embodiments, the unconfigured parts are displayed in black and white, while the configured parts are displayed in color. In some embodiments, the unconfigured settings are displayed with a monochromatic appearance (e.g., an appearance that includes only a single color), and the configured parts are displayed with a multicolored appearance (e.g., an appearance that includes multiple colors).

[0227] As Fig. 6E shown, in response to detecting user input 6068 on the add automation enabling representation 6020 ( Fig.6D) The portable multifunctional device 100 displays a user interface 6005 for configuring automated settings for the "Work" mode. The automated settings include timing settings 6070 (e.g., for automatically activating the "Work" mode at one or more specified times, or for automatically activating the "Work" mode if the current time is between a specified start time and end time), location settings 6072 (e.g., for automatically activating the "Work" mode when the portable multifunctional device is in a specified location), application criteria 6074 (e.g., for automatically activating the "Work" mode when a specified application is in use), and intelligent activation criteria 6076 (e.g., for automatically activating the "Work" mode when the portable multifunctional device 100 detects that the user is driving (e.g., based on location data, or based on a Bluetooth connection to a vehicle)). The user can configure these settings via user inputs 6086, 6088, 6090, and 6092, respectively.

[0228] The user interface 6005 also includes automated settings for configuring what content is emphasized by default when using certain applications when the "Work" mode is active. In some embodiments, the emphasized content includes displaying the content and not displaying the unemphasized content. In some embodiments, the emphasized content includes changing the prominence of the emphasized content relative to the unemphasized content (e.g., brightness, text size, and / or border thickness). In some embodiments, the emphasized content includes changing the order of the displayed content (e.g., the emphasized content is displayed above the unemphasized content).

[0229] For example, a user input 6094 on or pointing to the mail settings 6078 detects and displays a user interface 6116 for configuring which inboxes in the mail application are emphasized by default when the "Work" mode is active. A user input 6096 on or pointing to the calendar settings 6080 detects and displays a user interface 6140 for configuring which calendar display content is emphasized by default when the "Work" mode is active. A user input 6098 on or pointing to the browser settings 6082 detects and displays a user interface 6162 for configuring the default tab group (e.g., including one or more web pages) that is displayed by default when launching the web browser application when the "Work" mode is active. A user input 6100 on the message settings 6084 detects and displays a user interface 6184 for configuring the user list for which messages are emphasized when the "Work" mode is active.

[0230] As Fig. 6FAs shown, user interface 6005 includes automated settings for adjusting additional settings of the portable multifunctional device when the "Work" mode is active. For example, detecting user input 6110 on the dark mode setting 6104 configures the dark mode to be automatically enabled when the "Work" mode is active. When the dark mode is enabled, the brightness of one or more user interface elements is reduced relative to other user interface elements on the display (e.g., without dimming or reducing the brightness of the display itself). Detecting user input 6112 on the text size setting 6106 configures the text size of user interface elements when the "Work" mode is active. Detecting user input 6114 on the low power mode setting 6108 configures the low power mode to be enabled when the "Work" mode is active. When the low power mode is active, the portable multifunctional device 100 prioritizes saving battery power, and certain functions of the portable multifunctional device 100 are restricted or disabled. For example, when the low power mode is active, the portable multifunctional device 100 can reduce the frequency at which certain applications (e.g., the mail application) are refreshed (e.g., to retrieve new email messages).

[0231] In response to user input 6094 on the mail settings 6078 ( Fig. 6E ), and as Figure 6G shown, the portable multifunctional device 100 displays a user interface 6116 for configuring the settings of the mail application when the "Work" mode is active. The user interface 6116 includes a brief description of the available automation of the mail application. The user can select an enabling representation 6120 via user input 6122 for configuring one or more inboxes that will be emphasized by default when the "Work" mode is active.

[0232] Figure 6HShows various options for selecting one or more inboxes that will default to emphasizing their content when the "Work" mode is active. These options include the "All Inboxes" option 6124 (e.g., for emphasizing all content of the mail application when the "Work" mode is active), the "Cloud" inbox option 6126 (e.g., for cloud-based inboxes), the "Work" inbox option 6128 (e.g., for the inbox associated with work emails), the "Work Item 1" folder option 6130 (e.g., for a separate folder associated with work emails), the "Work Item 2" folder option 6132 (e.g., for a folder different from "Work Item 1" associated with work emails), the "Personal Inbox" option 6134 (e.g., for the inbox associated with personal emails), the "Vacation Plans" folder option 6136 (e.g., for a separate folder associated with personal emails), and the "Family" folder option 6138 (e.g., for a folder different from "Vacation Plans" associated with personal emails). The "Work" inbox option 6128 and the "Work Item 1" option 6130 are selected, so when the "Work" mode is active, the content from the "Work" inbox and the "Work Item 1" folder will be emphasized by default. After selecting one or more inboxes, the user can return to the user interface 6116 by selecting the enabling representation 6123, and after returning to the user interface 6116 ( Figure 6G shown), the user can return to the user interface 6005 by selecting the enabling representation 6118 ( Fig. 6E shown).

[0233] Return Fig. 6E , in response to detecting user input 6096 on the calendar settings 6080, the portable multifunctional device 100 displays a user interface 6140 for configuring the settings of the calendar application when the "Work" mode is active, as Fig.6I shown. The user interface 6140 includes a brief description of the available automations of the calendar application. As Fig.6I shown, the user can select the enabling representation 6142 via user input 6144 for configuring one or more calendars that will default to emphasizing their content when the "Work" mode is active.

[0234] Figure 6JShows various options for selecting what content of which calendars will be emphasized by default when the "Work" mode is active. These options include a work email option 6146 (e.g., for work emails), a shared email option 6148 (e.g., for emails shared with a personal account), and a personal email option 6150 (e.g., for personal emails). In some embodiments, these options also include external content, such as a holiday option 6152 (e.g., based on an external calendar identifying U.S. holidays), a birthday option 6154 (e.g., based on information stored on the portable multifunctional device 100), and a virtual assistant option 6156 (e.g., suggesting content from a virtual assistant). These options also include a "Show declined events" option 6158 for configuring whether declined events are shown as emphasized content when the "Work" mode is active. After selecting one or more calendars, the user can return to the user interface 6140 by selecting the enabling representation 6160, and after returning to the user interface 6140 ( Fig.6I shown), the user can return to the user interface 6005 by selecting the enabling representation 6141 ( Fig. 6E shown).

[0235] Return Fig. 6E , in response to detecting user input 6098 on the browser setting 6082, the portable multifunctional device 100 displays a user interface 6162 for configuring the settings of a web browser application when the "Work" mode is active, as Figure 6K shown. The user interface 6162 includes a toggle 6166 that can be toggled by user input 6172 (for enabling or disabling emphasized content in the web browser application when the "Work" mode is active) and an enabling representation 6170 for deleting the current automation of the web browser application.

[0236] The user can select the enabling representation 6168 via user input 6174, and as Figure 6L shown, select a default tag group that will be emphasized by default when the "Work" mode is active. As Figure 6L shown, the user can select between a "Work" tag group 6178, a "Music" tag group 6180, and a "Personal" tag group 6182. As indicated by the checkmark next to the "Work" tag group 6178, the user has selected the "Work" tag group as the default tag group, and its content will be emphasized by default when the "Work" mode is active. After selecting the default tag group, the user can return to the user interface 6162 by selecting the enabling representation 6160, and after returning to the user interface 6160 ( Figure 6K shown), the user can return to the user interface 6005 by selecting the enabling representation 6164 ( Fig. 6E shown).

[0237] Return Fig. 6E , in response to detecting user input 6100 on message setting 6084, portable multifunctional device 100 displays user interface 6184 for configuring settings of an instant messaging application when the "Work" mode is active, as Figure 6M shown. User interface 6184 includes: a toggle 6186 switchable by user input 6192 for enabling or disabling emphasized content in the instant messaging application when the "Work" mode is active; a toggle 6188 switchable by user input 6194 for configuring whether to use the settings of contact section 6004 to determine how to emphasize content in the instant messaging application when the "Work" mode is active; and an enabling representation 6190 for deleting the current automation of the instant messaging application. After configuring the settings of the instant messaging application, the user can return to user interface 6005 by selecting enabling representation 6196 (in Fig. 6E ).

[0238] Figure 6N shows that after configuring automation for the "Work" mode, user interface 6003 is updated to include automation indicator 6198. In some embodiments, as Figure 6N shown, the new automation enabling representation 6020 is not visually updated (e.g., replaced by automation indicator 6198), so that the user can add new automation (e.g., at a later time, or when reconfiguring the settings of the "Work" mode).

[0239] In response to detecting user input 6200 on second device setting 6916 ( Figure 6N ), and as Fig.6O shown, portable multifunctional device 100 displays user interface 6202 for selecting a user interface for second device 5001. In some embodiments, user interface 6202 includes a preconfigured (e.g., default user interface) or user-preconfigured (e.g., via an application associated with second device 5001) user interface. This allows the user to select a user interface for second device 5001 without being overwhelmed by too many available options (e.g., by reducing the user's cognitive burden when the user has already configured a focus mode).

[0240] The user can select user interface 6204 via user input 6206. In response, portable multifunctional device redisplay user interface 6003, as Figure 6P shown. As Figure 6P shown, the visual representation of user interface 6204 selected for second device 5001 is used to update second device section 6016.

[0241] The user may optionally continue to configure the remainder of the user interface 6003, e.g., via user input 6210 on the wake screen portion 6012 (e.g., causing an update to the "lock screen and home" portion 6010 as shown in Figure 6Q-1 ), or via user input 6212 on the home screen portion 6014 (e.g., causing an update to the "lock screen and home" portion 6010 as shown in Figure 6Q-2 ).

[0242] Figure 6R Illustrated is that if the user does not wish to further configure the "work" mode, the user may select the "done" enablement representation 6069 via user input 6214 to complete the configuration of the "work" mode. In some embodiments, in response to user input 6214 on the "done" enablement representation 6069, the portable multifunctional device 100 configures the "work" mode to use default settings for any parts that the user has not configured (e.g., the wake screen portion 6012 and the home screen portion 6014). This allows the user to quickly configure the parts of interest without forcing the user to configure every part (e.g., every possible setting) of the "work" mode before being able to use the "work" mode. In such embodiments (e.g., as shown in Fig.6D ), the "done" enablement representation 6069 is displayed as long as at least one part of the focus mode has been configured. In some embodiments, if the user has not configured any part of the focus mode (e.g., as shown in Fig. 6A ), the "done" enablement representation is not displayed.

[0243] Figures 7A to 7Z Illustrated is an example user interface for defaultly and displaying different content with different degrees of emphasis when the focus mode is active according to some embodiments.

[0244] FIG. 7A to FIG. 7C Illustrated is how different content is emphasized in the user interface 7000 of the mail application based on which focus mode is active for the portable multifunctional device 100. For example, in Fig. 7A , no focus mode is active, so all email messages are displayed. In Figure 7BIn it, the "Work" mode is active, so work-related content is emphasized relative to other content (e.g., email messages from Frank Edwards and Grace Hong are not work-related and thus are not displayed when the "Work" mode is active). In some embodiments, when Focus is active, the user interface 7000 includes a content indicator 7002 that indicates that some content is emphasized relative to other content (e.g., some content is not displayed due to the active Focus mode). In some embodiments, the content indicator 7002 also includes a visual indication of the active Focus mode (e.g., a briefcase indicating that the "Work" mode is active). In some embodiments, if no Focus mode is active, the content indicator 7002 is not displayed. As Figure 7C shown, the "Personal" mode is active and different content is emphasized relative to other content (e.g., content not displayed) (e.g., different email messages are displayed compared to Figure 7B ).

[0245] Fig.7D FIG. shows the user interface 7000 in the default state when the "Work" mode is active. Based on the settings of the "Work" mode, emails 7001, 7003, 7005, 7007, and 7009 are emphasized (e.g., displayed) relative to other content (e.g., content not displayed). Fig.7D It is also shown that the content indicator 7002 is a switch. In response to user input 7008 on the content indicator 7002, the portable multifunctional device stops emphasizing certain content relative to other content (e.g., and when no Focus mode is active, as Fig. 7A shown, displays that content). As an alternative form, the user can also select the "Mailbox" enablement indicator 7004 to have more fine-grained control over the emphasized content.

[0246] As Fig. 7E shown, in response to detecting user input 7006, the portable multifunctional device 100 displays the available inbox. The "Work" inbox 7014 and the "Work Item 1" folder 7016 have been selected (e.g., as Figure 6H the user selects them while configuring the "Work" mode). The user selects the "Personal" inbox 7020 via user input 7026.

[0247] As Figure 7F shown, the mailbox user interface 7001 is updated to indicate that the "Personal" inbox 7020 has been selected. In response to detecting user input 7030 on the "Done" enablement indicator 7028, and as Figure 7G shown, the portable multifunctional device 100 redisplayed the user interface 7000. Based on Fig. 7E and Figure 7FIn the user selection, the user interface 7000 now includes emails 7011 and 7013, which are not emphasized by default when the "Work" mode is active. The emails 7001, 7003, and 7005 that are emphasized by default continue to be emphasized. Emails 7007 and 7009 are not shown in Figure 7G but remain emphasized (e.g., they will be shown if the user scrolls through the emails in the user interface 7000).

[0248] When the user has manually selected additional content to be emphasized, the content indicator 7002 automatically turns off (as shown by the inverted color). However, the focus mode (e.g., the "Work" mode) remains active (e.g., and thus continues to deliver and display notifications according to the settings of the focus mode). When the content indicator 7002 is turned off, the selection input 7015 pointing to the content indicator 7002 will cause the device to display the emphasis of the content according to the corresponding focus mode (e.g., the "Work" mode) as shown in Fig.7D .

[0249] FIG. 7H to FIG. 7J illustrates how different content is emphasized in the user interface 7032 of the calendar application based on which focus mode is active for the portable multifunctional device 100. For example, in Figure 7H , no focus mode is active, so events from all calendars are shown. In Fig.7I , the "Work" mode is active, so events from the work calendar are emphasized relative to other content (e.g., lunch and dinner events are not shown when the "Work" mode is active). In Figure 7J , the "Personal" mode is active, and different content (e.g., lunch and dinner events are shown) is emphasized relative to other content (e.g., work-related events are not shown). In some embodiments, the user interface 7032 also includes a content indicator 7033 similar to the content indicator 7002 in Figure 7B and Figure 7C . When selected, this content indicator causes the device to disable the filtering associated with the active focus mode (e.g., making calendar events not associated with the focus mode visible in the calendar application, as shown in Figure 7N ).

[0250] When the user has manually selected additional content to be emphasized, the content indicator 7033 automatically turns off (as shown by the inverted color in Figure 7N ). However, the focus mode (e.g., the "Work" mode) remains active (e.g., and thus continues to deliver and display notifications according to the settings of the focus mode). When the content indicator 7033 is turned off, the selection input 7063 pointing to the content indicator 7033 will cause the device to display the emphasis of the content according to the corresponding focus mode as shown in Figure 7Kdisplay the emphasis of the content in the corresponding focus mode (e.g., "Work" mode) as shown.

[0251] Figure 7K Shows user interface 7032 in a default state when the "Work" mode is active. Based on the settings of the "Work" mode, events 7034, 7036, and 7038 are emphasized (e.g., displayed) relative to other content (e.g., content not shown). In response to detecting user input 7039 on calendar enablement representation 7040, and as Figure 7L shown, the portable multifunctional device 100 displays a calendar user interface 7003 for selecting the calendar in which the content is emphasized. The calendar Figure 7L selected by default in Figure 6J corresponds to the calendar selected during the initial configuration of the "Work" mode, as

[0252] shown.

[0253] In response to detecting user input 7049 on personal calendar 7048, and when the "Work" mode remains active, update the calendar user interface 7003 to indicate that personal calendar 7048 has been selected, and events on personal calendar 7048 will be emphasized.

[0253] In response to detecting user input 7060 on "Done" enablement representation 7058, and when the "Work" mode remains active, the portable multifunctional device 100 redisplay the user interface 7032. Based on Figure 7L and Figure 7M the user selections in, the user interface 7032 now includes events 7062 and 7064, which are not emphasized by default when the "Work" mode is active. The events 7034, 7036, and 7038 that are emphasized by default continue to be emphasized.

[0254] FIG. 7O to FIG. 7Q Shows how different content is emphasized in the user interface 7066 of a web browser based on which focus mode is active for the portable multifunctional device 100. For example, in Fig.7O none of the focus modes are active, so the tab group is not displayed by default. The tab group indicator 7068 indicates that the web browser is displaying the start page, rather than a specific tab group.

[0255] In Figure 7P the "Work" mode is active, and the web browser by default displays the work tab group (e.g., as indicated by tab group indicator 7068), including web pages 1 - 4. In Figure 7Q the "Personal" mode is active, and the web browser by default displays the personal tab group (e.g., as indicated by tab group indicator 7068), including web pages A - C.

[0256] In response to detecting user input 7078 on the tag group indicator 7068 ( Figure 7R ), and as Figure 7S shown, the portable multifunctional device 100 displays a browser user interface 7080. The browser user interface 7080 includes options 7082 for opening a new tab (e.g., a web page) without opening an existing tag group, an option 7084 for opening a new tab in private mode, an option 7086 for opening a "Work" tag group (e.g., currently not selectable because the "Work" tag group is already open, as indicated by a checkmark), an option 7088 for opening a "Music" tag group, an option 7090 for opening a "Personal" tag group, and an option 7092 for creating a new tag group.

[0257] As Figure 7T shown, in response to detecting user input 7094 on the option 7090 ( Figure 7S ), and while the "Work" mode remains active, the portable multifunctional device 100 redisplay the user interface 7066 with the "Personal" tag group open (e.g., and stops displaying the "Work" tag group). If the user selects the tag group indicator 7068 (e.g., via user input 7102), the portable multifunctional device redisplay the browser user interface 7080. As Figure 7U shown, the browser user interface 7080 now indicates that the "Personal" tag group is open (e.g., via a checkmark next to the option 7090). Figure 7U It is also shown that the user can continue to configure what is displayed in the user interface 7066 by interacting with the options 7082, 7084, 7086, and / or 7092 (e.g., via user inputs 7104, 7106, 7108, and / or 7110, respectively).

[0258] Figure 7V to Figure 7X Shows how different content is emphasized in the user interface 7112 of an instant messaging application based on which focus mode is active for the portable multifunctional device 100. For example, in Figure 7V , no focus mode is active, so all messages are displayed. In Figure 7W , the "Work" mode is active, so work-related messages are emphasized (e.g., shown above and in black text compared to) relative to other content (e.g., shown at the bottom of the user interface 7112 and in gray text). In Figure 7C , the "Personal" mode is active, and different content is emphasized relative to other content (e.g., different messages are emphasized compared to Figure 7B ). In some embodiments, when the "Work" mode is active, messages from whitelisted users are emphasized / displayed (see Figure 6C) messages (e.g., the emphasized user is the same user from whom notifications are allowed). In some embodiments, when the work mode is active, messages from blacklisted users are no longer emphasized / not displayed (e.g., the user who is no longer emphasized is the user from whom notifications are not allowed).

[0259] Figure 7Y Shows the user interface 7112 in the default state when the "Work" mode is active. Based on the settings of the "Work" mode, messages 7118, 7129, and 7122 are emphasized relative to other content. Messages 7118, 7129, and 7122 are displayed above other messages (e.g., those that are not emphasized), and the unemphasized messages are displayed in gray text (e.g., such that the black text of messages 7118, 7129, and 7122 appears more prominent).

[0260] The user interface 7112 includes a toggle indicator 7114. In some embodiments, when the toggle indicator 7114 is turned on, messages of allowed contacts according to the "Work" mode (e.g., as configured in part 6004 of Figure 6C and Fig.6D ) are emphasized and displayed in the user interface 7112. In such embodiments, the toggle indicator 7114 toggles between emphasizing messages for allowed contacts and not emphasizing any messages relative to other messages.

[0261] As Figure 7Z shown, in response to detecting a user input 7116 on the toggle indicator 7114 and when the focus mode (e.g., the "Work" mode) remains active, the user interface 7112 is updated and no content is emphasized relative to other content. For example, messages 7124, 7126, 7128, and 7130 that were previously displayed below the emphasized messages and had gray text are now displayed in normal order (e.g., in normal reverse chronological order) and in black text. The appearance of the toggle indicator 7114 changes (e.g., as indicated by inverted colors) to indicate that no content is being emphasized. When the content indicator 7114 is turned off, a selection input 7132 pointing to the content indicator 7114 will cause the device to display the emphasis of the content according to the corresponding focus mode (e.g., the "Work" mode as Figure 7Y shown).

[0262] FIGS. 11A to 11FF Shows an example user interface for configuring mode (e.g., focus mode and / or notification mode) home page, wake screen, and / or application content filtering options according to some embodiments.

[0263] Fig.11ADisplays a user interface 11000 showing settings for configuring the "Work" mode of the portable multifunctional device 100. The user interface 11000 is similar to the user interface 6000 described above with reference to FIG. 6A to FIG. 6R and the features and descriptions of the user interface 11000 (and FIGS. 11A to 11FF other user interfaces described therein) apply to the features of the user interface 6000 (and FIG. 6A to FIG. 6R other user interfaces described therein) and / or may be interchangeable therewith.

[0264] The user interface 11000 includes multiple sections, including a "Notifications" section 11002, a "Lock Screen and Home" section 11010, and an "Automation" section 11018. In some embodiments, some sections include additional sections (e.g., subsections). In some embodiments, a section contains both additional sections and individual settings. For example, the "Notifications" section 11002 includes two additional sections (a Contacts section 11004 and an Applications section 11006) and an individual setting ("Share Notification Status" setting 11008). The "Lock Screen and Home" section 11010 includes a Wake Screen section 11012, a Home Screen section 11014, and a Second Device section 11016. The "Automation" section 11018 includes a new automation enablement representation 11020.

[0265] The user can select one or more sections in the user interface 11000 to configure the settings for the "Work" mode (e.g., as described for the user interface 6000 above with reference to Fig. 6A ). Detecting a user input 11022 on the Wake User Interface section 11012 displays a user interface for configuring the background image of the wake user interface when the "Work" mode is active. Detecting a user input 11026 on the Second Device section 11016 configures the background image for the user interface of a second device (e.g., the second device 5001 as shown in Figure 5C-2 ) when the "Work" mode is active for the portable multifunctional device 100.

[0266] In response to detecting a user input 11024 on the Home Screen section 11014, and as shown in Fig. 11B , the portable multifunctional device 100 displays a user interface 11027 for selecting (e.g., and / or for configuring) the home screen of the portable multifunctional device 100 when the "Work" mode is active. In some embodiments, one or more sections of the user interface 11000 are pre-configured (e.g., default settings made using the portable functional device), or have been previously configured by the user. For example, Fig.11AShows that the main screen portion 11014 includes the main screen 11001 currently selected for the "Work" mode (e.g., enabled for display when the "Work" mode is active).

[0267] The user interface 11027 includes representations of a plurality of suggested main screen pages, including suggestions for main screen pages not yet configured by the user (e.g., "new" main screen pages) and previously configured main screen pages (e.g., main screen pages that have been configured by the user and / or that are already in or available to the computer system (e.g., in other contexts, such as when a different focus mode is active for the computer system, or when no focus mode is active for the computer system)).

[0268] For example, main screens 11028, 11032, and 11036 are suggested main screen pages not yet configured by the user. Each of the suggested main screens 11028, 11032, and 11036 includes the same set of application launch enabling representations (as shown by application icons A, B, C, D, E, F, G, H, I, J, and M) and widgets (as shown by widget 1), but each of the main screens 11028, 11032, and 11036 has a different configuration (e.g., different layout) for this set of application launch enabling representations and widgets. For example, in main screen 11028, widget 1 appears in the lower right portion of the main screen, in main screen 11032, widget 1 appears in the upper right portion of the main screen, and in main screen 11036, widget 1 appears in the upper left portion of the main screen. In some embodiments, the suggested main screen pages are automatically suggested by the portable multifunctional device 100 (e.g., without user input or intervention). In some embodiments, the portable multifunctional device 100 suggests a configuration for this set of application launch enabling representations and widgets. For example, in some embodiments, the portable multifunctional device 100 suggests a configuration for this set of application launch enabling representations and widgets sorted by usage frequency and / or determined relevance to the "Work" mode when the "Work" mode is active (e.g., applications related to work are determined to be more "relevant" than non-work applications).

[0269] Each displayed home screen has a corresponding plus sign (e.g., "+") enablement indication. Home screen 11028 has a corresponding plus sign enablement indication 11030, home screen 11032 has a corresponding plus sign enablement indication 11034, and home screen 11036 has a corresponding plus sign enablement indication 11038. The plus sign enablement indication allows a user to select a home screen (e.g., without further configuring the corresponding home screen) via a user input (e.g., as shown by user input 11054 on plus sign enablement indication 11038) on the plus sign enablement indication (e.g., select or point), which will cause the corresponding home screen 11036 to be displayed when the "Work" mode is active without further configuration. The user can also select a home screen for further configuration (e.g., home screen 11028), as shown by user input 11052 at a location corresponding to the suggested home screen 11028.

[0270] Fig. 11B Also shown are existing home screens 11040, 11044, and 11048, which are previously configured home screen pages. The user can edit the configuration of an existing home screen by performing a user input similar to user input 11052 (but at a location corresponding to the existing home screen), or the user can select an existing home screen (e.g., without further or additional configuration) by performing a user input similar to user input 11038 at or pointing to a location corresponding to one of plus sign enablement indications 11042, 11046, or 11050 to select home screen 11040, 11044, or 11048, respectively.

[0271] In some embodiments, when the "Work" mode is active for the computer system, the user selects a single home screen page for display, and the selected home screen page is the only home screen page enabled for display when the "Work" mode is active. In some embodiments, the user can select multiple home screen pages, and each selected home screen page is enabled for display when the "Work" mode is active. In such embodiments, as Fig.11II shown, the user interface 11027 displays indicators 11264, 11266, 11268, 11270, 11272, and 11274, respectively, instead of plus sign enablement indications 11030, 11034, 11038, 11042, 10046, and 11050 (e.g., in their locations). In response to detecting a user input 11276 on or pointing to indicator 11264, the portable multifunctional device 100 enables the corresponding home screen 11028 for display when the "Work" mode is active. As Figure 11JJ shown, indicator 11264 updates to display a checkmark to indicate that the corresponding home screen has been selected. Return Fig.11II, in response to detecting user input 11278 on indicator 11268, portable multifunctional device 100 deselects the corresponding home screen 11036 (e.g., when the "Work" mode is active, home screen 11036 is no longer enabled for display). As Figure 11JJ shown, the checkmark of indicator 11268 is replaced by a bubble to indicate that the corresponding home screen 11036 is no longer selected.

[0272] Figure 11KK and Figure 11LL shows portable multifunctional device 100 when the "Work" mode is active. In Figure 11KK , home screen 11028 is displayed (e.g., because in Fig.11II and Figure 11JJ , it is enabled for display when the "Work" mode is active). In response to detecting a left swipe gesture 11280, portable multifunctional device 100 transitions to display home screen 11044, as Figure 11LL shown (e.g., because home screen 11044 is also enabled for display when the "Work" mode is active, as Fig.11II and Figure 11JJ shown). In some embodiments, the user can continue to navigate through the enabled home screen pages. For example, in response to detecting Figure 11LL a left swipe gesture 11282 in, portable multifunctional device 100 transitions to display a third home screen (e.g., a third enabled home screen that is enabled for display when the "Work" mode is active in addition to home screen 11028 and home screen 11044). In response to detecting subsequent left swipe gestures (e.g., when the third enabled home screen is being displayed), portable multifunctional device 100 continues to transition through the enabled home screens (e.g., transitions to a fourth enabled home screen, transitions to a fifth enabled home screen, etc.).

[0273] In some embodiments, the user can navigate through the previously displayed home screen pages with the opposite gesture (e.g., a swipe gesture in the opposite direction). For example, when home screen 11044 is being displayed, in response to detecting a right swipe 11284, as Figure 11LL shown, portable multifunctional device 100 redisplay home screen 11028 (e.g., and if portable multifunctional device 100 is displaying a third home screen, in response to detecting a right swipe gesture, portable multifunctional device will redisplay the second home screen 11044).

[0274] As Fig. 11CAs shown, in response to detecting user input 11052, the portable multifunctional device 100 displays a user interface 11056 for configuring the home screen 11028. The user interface 11056 includes a preview of the home screen 11028, including a preview of the configuration (e.g., layout) of the application launch enabling representations and widgets included in the home screen 11028. The user can also configure the layout and / or the included application launch enabling representations and widgets by selecting the "Edit Applications" enabling representation 11060 (e.g., via user input 11064).

[0275] As Fig.11D shown, in response to detecting user input 11064 for selecting the "Edit Applications" enabling representation, the portable multifunctional device 100 displays a user interface 11066 for selecting and / or deselecting applications of the home screen 11028. The user interface 11066 includes a search bar 11068, a list of suggested applications in section 11070, and a complete list of available applications (e.g., listed alphabetically, as shown by the application icon 11076 of application A, located at the beginning of the complete list of available applications).

[0276] The list of suggested applications in section 11070 includes a plurality of suggested applications for the "Work" mode. The suggested applications are optionally based on a list of installed applications of the computer system, a list of available applications associated with the "Work" mode (e.g., whitelisted applications when the "Work" mode is active, such as Fig.11A the application section 10006 of the "Notifications" section 11002 in Fig. 6A and / or the application section 6006 of the "Notifications" section 6002 in

[0277] specified) and / or usage frequency (e.g., aggregated usage of a specific user of the portable multifunctional device 100 and / or multiple users of the portable multifunctional device 100). Fig. 11C shown in the preview of the home screen 11028. Optionally, the home screen 11028 also includes one or more widgets associated with application N, such as widget 1. Selecting or deselecting the application icon 11073 of application N controls whether widget 1 is included in the home screen 11028 (and in the preview of the home screen of the home screen 11028). In Fig.11DIn this case, the application icon 11073 of application N has a checkmark indicating that application N is selected, and the widget 1 is included in the home screen 11028 (e.g., as shown in the preview of the home screen 11028 in Fig. 11C ).

[0278] Some of the suggested applications are not selected by default and are shown without a checkmark, and these applications are not included or shown in the preview of the home screen 11028 shown in Fig. 11C . For example, the application icon 11074 of application O is shown without a checkmark because application O is not currently included in the home screen 11028 (e.g., the application icon of application O does not appear in the preview of the home screen 11028 in Fig. 11C ).

[0279] The user can add applications and / or remove applications from the list of suggested applications. For example, the user input 11078 on the checkmark of the application icon 11072 deselects application D and removes the application icon of application D from the home screen 11028. The user input 11080 on the bubble of the application 11074 for application O selects application O, and adds the application icon of application O to the home screen 11028.

[0280] As shown in Fig.11E , in response to the user inputs 11078 and 11080, the user interface 11066 is updated to reflect the list of user-configured applications in the section 11070. These changes can also be seen in the preview of the home screen 11028, as shown in Figure 11K , where the application icon of application D does not appear in the preview of the home screen 11028, while the application icon of application O appears in the preview of the home screen 11028.

[0281] Returning Fig.11E , in response to detecting the user input 11082 at the location corresponding to the search bar 11068, and as shown in Fig.11F , the portable multifunctional device 100 displays the keyboard 11084. The user can enter a series of inputs represented by the user input 11086 to perform a search for a desired application via the keyboard 11084 (e.g., if the desired application does not appear in the list of suggested applications in the section 11070, and / or if a large number of applications are installed on the computer system, which would require a large amount of scrolling to reach the desired application in the alphabetical list of all installed applications).

[0282] As shown in Fig.11GAs shown, in response to detecting this series of user inputs represented by user input 11086, the portable multifunctional device 100 displays search results based on the input search query. For example, the user searches for "Application V", and the portable multifunctional device 100 returns results that match or at least partially match the search query for "Application V". The displayed search results include the application icon 11088 of Application V, the application icon 11090 of Application VV, and the application icon 11092 of Application VVV. The application icon 11088 is displayed because Application V is an exact match, and the application icons 11090 and 11092 are also displayed because Application VV and Application VVV also match (e.g., include) the searched term "Application V".

[0283] In some embodiments, the portable multifunctional device 100 displays search results that are updated in real time when the user inputs a search query. For example, when the user only partially inputs "Application" (e.g., when intending to input the search query for "Application V"), the portable multifunctional device 100 displays results that match the search query "Application" (e.g., a list that is visually similar to the list Fig.11I and Fig.11J shown), even if the user has not completed the input of the search query and / or clicked the "Search" enable indication of the keyboard 11084. When the search query changes (e.g., when the user continues to input the text of the search query), the portable multifunctional device 100 narrows down the search results as the user continues to input text into the search field 11068 (e.g., Fig.11G the list shown does not include the results of Application A that match the search query for "Application" but do not match the search query for "Application V").

[0284] In response to detecting user input 11094 at the location corresponding to the search result of Application V, the portable multifunctional device 100 adds the selected application to the home screen 11028. As Fig.11H shown, the portable multifunctional device 100 also adds the application icon 11074 of the selected Application V to the recommended applications in the recommended application section 11070. In response to detecting an upward swipe input 11098, the portable multifunctional device 100 scrolls the display of the user interface 11066.

[0285] Fig.11IShows the user interface 11066 after scrolling and also shows a list of installed applications of the computer system. If the user performs another upward swipe input similar to the upward swipe input 11098, the portable multifunctional device 100 continues to scroll the display of the user interface 11066 and will display additional applications installed on the computer system in alphabetical order (e.g., Application D, Application DD, Application E, Application EE, etc.).

[0286] The installed applications are represented by application icons, such as Fig.11I the application icons 11076, 11100, 11102, 11104, 11106, 11108, 11110, and 11112 in. The displayed application icons include visual indicators (e.g., bubbles displayed next to the application icons) that indicate whether the corresponding application is currently selected to be included on the home screen 11028. For example, Applications A, B, and C have been selected to be included (e.g., as Fig.11H shown, they are selected among the suggested applications in part 11070), and the bubbles next to the application icon 11076 of Application A, the application icon 11104 of Application B, and the application icon 11108 of Application C are shown with check marks.

[0287] The user can select or deselect applications from the Fig.11I shown list. For example, in response to user input 11114 at a position corresponding to the bubble of the application icon 11110 of Application CC, the portable multifunctional device 100 selects Application CC to be included in the home screen 11028, and the application icon of Application CC will appear on the home screen 11028. Similar to the process described above with reference to Fig.11D the user can also deselect an application from the list (e.g., performing a user input similar to user input 11114 at a position corresponding to the bubble of the application icon 11076 of Application A will deselect Application A from being included in the home screen 11028, and no application icon of Application A will appear on the home screen 11028).

[0288] Fig.11J Shows the user interface 11066 updated to reflect the user's selection. For example, when the user selects Application CC in Fig.11I the bubble of the application icon 11110 of Application CC now appears with a check mark in Fig.11J the.

[0289] In response to detecting user input 11116 on the "Done" affordance indicator 11065, and as Figure 11K shown, the portable multifunctional device 100 redisplayed the user interface 11056. The user interface 11056 shows an updated preview of the home screen 11028, which reflects the user-selected configuration described previously with reference to FIG. 11D to FIG. 11J . Compared with Fig. 11C (e.g., before the user configured the applications and widgets on the home screen 11028), the home screen 11028 now includes the application icon of application CC, the application icon of application M, and the application icon of application V. The application icon of application D (as Fig. 11C shown) is no longer displayed (e.g., because it was deselected by the user via the user input 11080 as Fig.11D shown).

[0290] In response to detecting user input 11118 on the "Add" affordance indicator 11058, the portable multifunctional device 100 enables the user-configured home screen 11028 for display when the "Work" mode is active. As Fig.11L shown, the portable multifunctional device 100 also redisplayed the user interface 11000, which has been updated with a visual indication of the user-configured home screen 11028 in the home screen section 11014. In some embodiments, if a home screen was previously selected for the "Work" mode (e.g., the home screen 11001 in Fig.11A ) (e.g., before any configuration made by the user as described above with reference to FIG. 11A to FIG. 11K , the home screen 11001 was selected in Fig.11A ), then the portable multifunctional device 100 deselects the previously selected home screen and replaces it with the newly user-selected home screen (e.g., as Fig.11L shown, the home screen 11001 is replaced by the user-configured home screen 11028).

[0291] In some embodiments, once the user-configured home screen 11028 has been selected for the "Work" mode of the portable multifunctional device 100, the home screen 11028 is deselected in other modes of the portable multifunctional device 100 (e.g., if the home screen 11028 was previously selected for the "Personal" mode of the portable multifunctional device 100, then after the user selects the home screen 11028 for the "Work" mode, the home screen 11028 is deselected for the "Personal" mode). In some embodiments, once the user-configured home screen 11028 has been selected for the "Work" mode of the portable multifunctional device 100, the home screen 11028 is deselected for the "Normal" mode of the portable multifunctional device 100 (e.g., no mode is active for the portable multifunctional device 100).

[0292] In some embodiments, after configuring the home screen 11028, the home screen 11028 can be used to select when configuring other usage modes of the portable multifunctional device 100 and is displayed as an existing home screen page. For example, as Figure 11GG shown, the home screen 11028 is displayed as an existing home screen page in the user interface 11248 for configuring the settings of the "Personal" mode (but labeled 11028 in Figure 11GG and Figure 11HH ), and as Figure 11HH shown, the home screen 11028 is also displayed as an existing home screen page in the user interface 11256 for configuring the settings of the "Mindfulness" mode. In some embodiments, as Figure 11GG and Figure 11HH shown, different user interfaces for configuring different modes will display different suggested home screen pages (e.g., Figure 11GG the home screen pages 11250, 11252, and 11254 suggested for the "Personal" mode in Figure 11HH are different from the home screen pages 11258, 11260, and 11262 suggested for the "Mindfulness" mode in Figure 11GG ), but different user interfaces display the same existing home screen pages (e.g., the home screen pages 11028, 11040, and 11044 are displayed in the user interface 11248 in Figure 11HH and the user interface 11256 in

[0293] Fig.11M shows that the user can also configure the wake screen (e.g., "lock screen") for the "Work" mode. In response to detecting user input 11120 on the wake screen portion 11012, and as Fig.11N shown, the portable multifunctional device 100 displays a user interface 11122 for selecting a wake screen (e.g., and optionally, for configuring the wake screen) for the portable multifunctional device 100 when the "Work" mode is active.

[0294] The user interface 11122 includes multiple wake screens, including suggestions for wake screens that have not been configured by the user (e.g., "new" wake screens) and previously configured wake screens (e.g., wake screens that have been configured by the user and / or that are already in or available to the computer system (e.g., in other contexts, such as when different focus modes are active for the computer system, or when no focus mode is active for the computer system)).

[0295] As Fig.11N shown, the wake screens 11124, 11128, and 11132 are suggested wake screens that have not been configured by the user. Fig.11N The wake screens 11124, 11128, and 11132 in each have corresponding addition enabling representations. The wake screen 11124 has a corresponding addition enabling representation 11126, the wake screen 11128 has a corresponding addition enabling representation 11130, and the wake screen 11132 has a corresponding addition enabling representation 11134. These addition enabling representations allow a user to select a wake screen (e.g., without further configuring the corresponding wake screen) via user input on the addition enabling representation (e.g., as shown by user input 11150 on addition enabling representation 11134). The user can also select a wake screen for further configuration, as shown by user input 11148 at a position corresponding to the wake screen 11124.

[0296] In some embodiments, the suggested wake screens include different suggested background images (e.g., as shown by the different background images of wake screens 11124, 11128, and 11132). In some embodiments, the suggested wake screens include a suggested set of widgets (e.g., as shown by the different suggested widgets of wake screen 11128 and wake screen 11132).

[0297] Fig.11N Existing wake screens 11136, 11140, and 11144 are also shown, which are previously configured wake screens. The user can edit the configuration of an existing wake screen by performing a user input similar to user input 11148 (but at a position corresponding to the existing wake screen), or the user can select an existing wake screen (e.g., without further configuration or with additional configuration) by performing a user input similar to user input 11150 (but at a position corresponding to one of the addition enabling representations 11138, 11142, or 11146 for respectively selecting wake screens 11136, 11140, or 11144).

[0298] As Fig.11O shown, in response to detecting user input 11148, the portable multifunctional device 100 displays a user interface 11152 for configuring the wake screen 11124. The user interface 11152 includes a preview of the wake screen 11124, including a preview of the date and time, and a layout of the widgets included in the wake screen 11124 (although as Fig.11O shown, the wake screen 11124 is not currently configured to display any widgets). The user can also configure the wake screen 11124 by selecting the "Customize" enabling representation 11156 (e.g., via user input 11160).

[0299] As Figure 11PAs shown, in response to detecting user input 11156 that selects the "Customize" enablement indication 11160, the portable multifunctional device 100 displays a user interface 11162 for customizing the wake-up screen 11124. The user interface 11162 includes a date and time section 11164 for customizing the appearance of the date and / or time on the wake-up screen 11124, and an enablement indication 11166 for adding one or more widgets to the home screen 11158.

[0300] As Figure 11Q shown, in response to detecting user input 11168 at a location corresponding to the enablement indication 11166, the portable multifunctional device 100 displays a user interface 11170 for selecting one or more widgets to add to the wake-up screen 11124. The user interface 11170 includes a list of available widgets that can be added to the wake-up screen 11124. In some embodiments, the user interface 11170 includes recommended widgets (e.g., based on application usage data, based on applications with associated widgets, and / or based on the usage pattern being configured), and displays the available widgets categorized by category (e.g., as Figure 11Q shown, "Calendar", "Health", "Weather", and "Breathing"). In some embodiments, the user can scroll the display of the available widgets (e.g., by performing an upward swipe gesture similar to the upward swipe gesture 11098 described in reference Fig.11H . In some embodiments, as Figure 11Q shown, the user interface 11170 is displayed as partially covering the user interface 11162 (e.g., so that the user can continue to preview the relevant part of the wake-up screen 11124 being configured).

[0301] The user selects one or more widgets in the user interface 11170. As Figure 11Q shown, the user input 11176 selects the calendar widget option 11172, and the user input 11178 selects the weather widget option 11174. As Figure 11RAs shown, in response to detecting user inputs 11176 and 11178, the portable multifunctional device updates the user interface 11162 to include a weather widget 11180 (associated with the weather widget option 11174) and a calendar widget 11182 (associated with the calendar widget option 11172) below the date and time section 11164. In some embodiments, the user can rearrange the order of the widgets. For example, in response to detecting a user input that drags the calendar widget 11182 to the opposite side of the weather widget 11180, the portable multifunctional device 100 updates the user interface 11162 to display the calendar widget 11182 on the left side and the weather widget 11180 on the right side (e.g., the positions of the calendar widget 11182 and the weather widget 11180 are flipped from the Figure 11R position shown).

[0302] In response to detecting a user input 11184 on the “Done” enabling indication 11165, and as Figure 11S shown, the portable multifunctional device 100 redisplay the user interface 11152, and the user interface 11152 reflects the user-selected widgets in the preview of the wake screen 11124.

[0303] In response to detecting a user input 11186 on the “Add” enabling indication 11185, and as Figure 11T shown, the portable multifunctional device 100 redisplay the user interface 11002. As Figure 11T shown, the wake screen section 11012 has been updated to reflect the user-selected wake screen 11124.

[0304] In response to detecting an upward swipe gesture 11188, the portable multifunctional device scrolls the display of the user interface 11002 to show additional options for configuring the “Work” mode of the portable multifunctional device 100.

[0305] Figure 11U The user interface 11002 after scrolling is shown, and now shows an application filtering section 11190. In some embodiments, the application filtering section 11190 includes an “Add Filter” enabling indication 11192 before any application selection is configured to have a filtering option, or when no application is configured to have a filtering option.

[0306] In response to detecting a user input 11194 on the “Add Filter” enabling indication 11192, and as Figure 11VAs shown, the portable multifunctional device 100 displays a user interface 11195 for configuring filter options for one or more applications. The user interface 11195 displays an enabling representation of applications for which content filtering options are available when the "Work" mode is active for the computer system (e.g., a subgroup of applications installed on the computer system, since not all installed applications have content filtering options).

[0307] As Figure 11V shown, the user interface 11195 includes an enabling representation 11196 for the mail application, an enabling representation 11198 for the calendar application, an enabling representation 11200 for the browser application, an enabling representation 11202 for the instant messaging application, an enabling representation 11204 for application Z, and an enabling representation 11204 for application Y. In some embodiments, the user interface 11195 optionally includes additional settings for the portable multifunctional device 100 when the "Work" mode is active (e.g., a dark mode setting 11208 and a low power setting 11210, which are similar to the dark mode setting 6104 and the low power mode setting 6108 described above with reference to Fig. 6F ).

[0308] In some embodiments, the user interface 11195 includes both first-party applications and third-party applications. A first-party application is an application developed by a first party, where the first party manufactures the computer system and / or develops the operating system of the computer system. In contrast, a third-party application is an application developed by a third party, where the third party is different from the first party (e.g., the third party does not manufacture the computer system and / or does not develop the operating system of the computer system).

[0309] In some embodiments, the portable multifunctional device 100 provides content filtering information (e.g., regarding the content to be filtered and / or the rules applied to content filtering) to applications for which content filtering options are available, and does not provide information to those applications that identify the active mode of the computer system (e.g., the portable multifunctional device 100 provides information that the mode of the computer system is active, but does not provide information that the specific mode of the active computer system is the "Work" mode).

[0310] In response to detecting user input on an application, the portable multifunctional device 100 displays a user interface for configuring the settings of the selected application. Details regarding this configuration are described above with reference to Figures 6G to 6M . Specifically, Figure 11W and Figure 11X are similar to Figure 6G and Figure 6H . For example, Figure 11Wshows the same user interface 6116 (e.g., even though the user navigates to the user interface 6116 through the Figure 11V user interface 11195 in Fig. 6E , as an alternative to navigating to the user interface 6005 through Figure 6G and Figure 6H as described above. Figure 11Y and Fig.11Z Similar to Fig.6I and Figure 6J , and in Figure 11Y and Fig.11Z , the user can configure the content filtering of the calendar application by selecting one or more calendars, and when the "Work" mode is active, the content of the one or more calendars will be emphasized by default, as described above with reference to Fig.6I and Figure 6J . Figure 11AA and 11BB Similar to Figure 6K and Figure 6L , and in Figure 11AA and Figure 11BB , the user can configure the content filtering of the browser application by selecting the default tag group, which will be emphasized by default when the "Work" mode is active, as described above with reference to Figure 6K and Figure 6L . Figure 11CC Similar to Figure 6M , and the user can configure the content of the instant messaging application by enabling or disabling the emphasized content in the instant messaging application when the "Work" mode is active, as described above with reference to Figure 6M . For the sake of brevity, those details are not repeated here.

[0311] Fig.11DD shows the user interface 11195 after the user has configured the content filtering options for some applications. As Figure 11V shown, the user inputs 11214 on the enablement representation 11198 of the calendar application, the user input 11220 on the enablement representation 11204 of application Z, and the user input 11222 on the enablement representation 11204 of application Y are shown with dashed lines to indicate that these user inputs are optional (e.g., shown for illustrative purposes, but the user did not actually perform these user inputs between Figure 11V and Fig.11DD ).

[0312] The user performs user input 11212 on the enabling representation 11196 of the mail application, performs user input 11216 on the enabling representation 11200 of the browser application, and performs user input 11218 on the enabling representation 11202 of the instant messaging application. After the user configures the filtering options of the mail application, the browser application, and the instant messaging application (e.g., as shown in Figures 11W to 11X , Figures 11AA to 11BB and Figure 11CC respectively), the portable multifunctional device 100 updates the user interface 11195 to indicate which applications have been configured. The enabling representation 11196 of the mail application, the enabling representation 11200 of the browser application, and the enabling representation 11202 of the instant messaging application are displayed with a black background and white text to indicate that the mail application, the browser application, and the instant messaging application have been configured. The unconfigured applications (e.g., the calendar application, application Z, and application Y) are displayed with the same appearance as in Figure 11V .

[0313] Fig.11DD The content filtering options for which at least one application has now been configured are also shown. The user interface 11195 now includes an "OK" enabling representation 11231 (e.g., not displayed when no applications are configured, as in Figure 11V ).

[0314] In response to detecting a user input 11232 that selects the "OK" enabling representation 11231, and as shown in Figure 11EE , the portable multifunctional device redisplays the user interface 11002. In response to detecting an upward swipe gesture 11236, the portable multifunctional device 100 scrolls the display of the user interface 11000 to the view shown in Fig.11FF . Since some applications have configured content filtering options, the user interface 11000 no longer includes the application filtering section 11190, and the application filtering section 11190 has been replaced by the enabling representation 11238 of the mail application, the enabling representation 11240 of the browser application, and the enabling representation 11242 of the messaging application respectively. In response to detecting a user input on one of the enabling representations 11238, 11240, or 11242, the portable multifunctional device 100 displays the corresponding user interface for configuring the filtering options of the selected application (e.g., Figures 11W to 11X , Figures 11AA to 11BB and Figure 11CCthe user interface shown). The user interface 11000 also includes an enabling representation 11244 for configuring additional applications of the computer system (e.g., applications other than the mail application, the browser application, and the messaging application), and selecting the enabling representation 11244 causes the portable multifunctional device 100 to redisplay the user interface 11195 (as Fig.11DD shown).

[0315] FIG. 12A to FIG. 12L An example user interface is shown for displaying different content with different degrees of emphasis on a per-application basis when the focus mode is active, according to some embodiments.

[0316] FIG. 12A to FIG. 12C An example user interface is shown when the "Work" mode is active for the portable multifunctional device 100. Fig. 12A A user interface 11000 for configuring the settings of the "Work" mode is shown, and when the "Work" mode is active, the mail application, the browser application, and the instant messaging application are configured to filter content.

[0317] Fig. 12B A user interface 12002 of the mail application is shown while the "Work" mode is active for the portable multifunctional device 100. Based on the user-configured settings in the user interface 11000 ( Fig. 12A shown), content (e.g., emails) is filtered for the mail application. Some emails that appear in the unfiltered inbox of the user as Fig. 7A shown do not appear in the user interface 12002 because the mail application is configured to filter content when the "Work" mode is active. The user interface 12002 also includes a content indicator 12000 that displays a visual indication that content is being filtered (e.g., because the "Work" mode is active and the user has configured the mail application to filter content when the "Work" mode is active). In some embodiments, the content indicator 12000 is the same as the content indicator 7002 described above with reference to Fig.7D and the user can switch between filtering content and not filtering content (e.g., as described for the user input 7008 above with reference to Fig.7D ).

[0318] Fig. 12C A user interface 12004 of the calendar application is shown while the "Work" mode is active for the portable multifunctional device 100. Based on the user-configured settings in the user interface 11000, content (e.g., calendar events) is not filtered for the calendar application. Fig. 12C The calendar events shown as Figure 7HThe calendar events that appear in the unfiltered calendar of the user shown are the same.

[0319] FIG. 12D to FIG. 12E FIG. shows an example user interface when the "Personal" mode is active for the portable multifunctional device 100. Fig.12D FIG. shows a user interface 12006 for configuring the settings of the "Personal" mode, and when the "Personal" mode is active, the calendar application, browser application, and instant messaging application are configured to filter content.

[0320] Fig.12E FIG. shows a user interface 12002 of the mail application while the "Personal" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12006 ( Fig.12D shown), content (e.g., emails) is not filtered for the mail application. Fig.12E The emails shown are the same as the emails that appear in the unfiltered inbox of the user shown in Fig. 7A When the "Personal" mode is active, the user interface 12002 does not include a content indicator 12000 because no content is filtered for the mail application.

[0321] Fig.12F FIG. shows a user interface 12004 of the calendar application while the "Personal" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12006, content (e.g., calendar events) is filtered for the calendar application. Some of the calendar events that appear in the unfiltered calendar of the user shown in Figure 7H are not shown in the user interface 12004 because the calendar application is configured to filter content when the "Personal" mode is active. The user interface 12004 also includes a content indicator 12008 that displays a visual indication that the content is being filtered (e.g., because the "Personal" mode is active and the user has configured the calendar application to filter content when the "Personal" mode is active). In some embodiments, the content indicator 12008 is the same as the content indicator 7033 referred to above with reference to Fig.7I , Figure 7J , Figure 7K and Figure 7N described, and the user can switch between filtering content and not filtering content (e.g., as described by the user input 7063 with reference to Figure 7N above).

[0322] FIG. 12G to FIG. 12I FIG. shows an example user interface when the "Fitness" mode is active for the portable multifunctional device 100. Figure 12GA user interface 12010 for configuring settings for a "Fitness" mode is shown, and when the "Fitness" mode is active, the browser application and the instant messaging application are configured to filter content.

[0323] Fig.12H A user interface 12002 of the mail application is shown while the "Fitness" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12010 ( Figure 12G as shown), content (e.g., emails) is not filtered for the mail application.

[0324] Fig.12I A user interface 12004 of the calendar application is shown while the "Fitness" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12010, content (e.g., calendar events) is not filtered for the calendar application. When the "Fitness" mode is active, the user interface 12004 does not include the content indicator 12008 because no content is filtered for the calendar application.

[0325] FIG. 12J to FIG. 12L An example user interface is shown when the "Mindfulness" mode is active for the portable multifunctional device 100. Fig.12J A user interface 12012 for configuring settings for the "Mindfulness" mode is shown, and when the "Mindfulness" mode is active, the mail application, the calendar application, the browser application, and the instant messaging application are configured to filter content.

[0326] Figure 12K A user interface 12002 of the mail application is shown while the "Mindfulness" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12012 ( Fig.12J as shown), content (e.g., emails) is filtered for the mail application. Compared with the content filtered when the "Work" mode is active, the mail application can be configured to filter different content when the "Mindfulness" mode is active. As Figure 12K shown, compared with the user interface 12002 Fig. 12B shown when the "Work" mode is active, the user interface 12002 includes a different set of emails when content is filtered when the "Mindfulness" mode is active. Figure 12K It is also shown that the content indicator 12000 can include a visual indication of which mode is active for the personal multifunctional device 100 (e.g., the icon of the content indicator 12000 is different in Figure 12K and Fig. 12B ).

[0327] Figure 12L The user interface 12004 of the calendar application is shown while the "Mindfulness" mode is active for the portable multifunctional device 100. Based on the settings configured by the user in the user interface 12012, content (e.g., calendar events) is filtered for the calendar application. The calendar application can be configured to filter different content when the "Mindfulness" mode is active compared to the content filtered when the "Personal" mode is active. As shown in FIG. 12, compared to the user interface 12004 shown when the "Personal" mode is active Fig.12F the user interface 12004 includes a different set of calendar events that filter content when the "Mindfulness" mode is active. Figure 12L It is also shown that the content indicator 12008 may include a visual indication of which mode is active for the personal multifunctional device 100 (e.g., the icon of the content indicator 12008 is different in Figure 12L and Fig.12F .

[0328] FIG. 8A to FIG. 8E FIG. is a flowchart showing a method 800 for switching between different focus modes. The method 800 is executed (802) at a computer system (e.g., the device 300 in Figure 3 or the portable multifunctional device 100 in Figure 1A ) that communicates with a display generation component (e.g., a hardware element including one or more display devices such as a monitor, a projector, a touchscreen display, a head-up display, a head-mounted display, etc.). Optionally, some operations in the method 800 are combined and / or optionally the order of some operations is changed.

[0329] As described below, the method 8000 is a method for switching between different focus modes, thereby providing a more efficient way to switch between active focus modes, which reduces the amount of input required to activate or deactivate different focus modes.

[0330] When a first notification mode is active for the computer system, where the first notification mode has a first set of one or more rules for notification delivery at the computer system, and when the computer system is in a low power state, the computer system detects (804) via one or more input devices a first request to wake up the computer system (e.g., transition the computer system from the low power state to the normal power state, as shown in Figure 5A ). (e.g., a touch input on the touch-sensitive surface of the computer system, a change in the orientation and / or position of the computer system).

[0331] In response to detecting a first request to wake up a computer system, the computer system displays (806) via a display generating component a first wake - up screen user interface having a first background image (e.g., a wake - up user interface as shown in Figure 5B ); and transitions the computer system from a lower power state to a normal power state (e.g., a wake - up state).

[0332] While the first wake - up screen user interface is being displayed, the computer system detects (808) a request to switch from a first notification mode to a second notification mode (e.g., the "personal" mode as shown in Figure 5F-1 ), the request being, for example, user inputs 5011, 5012, 5014, and 5030 in Figure 5B , Figure 5C-1 , Figure 5D and Figure 5E respectively, the second notification mode having a second set of one or more rules for notification delivery that is different from the first set of one or more rules for notification delivery (e.g., a different set of notifications is displayed on the wake - up user interface for the "personal" mode in Figure 5A compared to the set of notifications displayed on the wake - up user interface if no focus mode in Figure 5F-1 is active).

[0333] In response to detecting the request to switch from the first notification mode to the second notification mode, the computer system switches (810) at the computer system from the first notification mode to the second notification mode (e.g., in Figure 5F-1 , the mode indicator 5032 indicates that the portable multifunctional device has transitioned to the "personal" mode).

[0334] While the second notification mode is active for the computer system and while the computer system is in a low - power state (e.g., the portable multifunctional device enters the low - power state in Fig.5I ), the computer system detects (812) via one or more input devices a second request to wake up the computer system (e.g., transition the computer system from the low - power state to the normal power state) (e.g., a touch input via a touch - sensitive surface of the computer system, a change in the orientation and / or position of the computer system) (e.g., user input 5038 in Fig.5I ).

[0335] In response to detecting the second request to wake up the computer system, the computer system displays (814) via the display generating component a second wake - up screen user interface having a second background image that is different from the first background image (e.g., in Figure 5J , before the portable multifunctional device 100 enters the low - power state, the displayed wake - up user interface is the same as that in Figure 5Hthe same as in [reference], rather than displaying the first wake - up screen user interface. In some embodiments, if the computer system does not detect any user input within a threshold amount of time (e.g., 5 seconds, 10 seconds, 30 seconds, or 1 minute), the computer system stops displaying the second user interface and returns to a low - power or sleep state.

[0336] In some embodiments, before detecting a request to switch from a first notification mode to a second notification mode (816): The computer system transitions the computer system from a wake state to a low - power state. While the computer system is in the low - power state, the computer system detects a third request to wake the computer system. In response to detecting the third request to wake the computer system, the computer system displays a first wake - up screen user interface with a first background image (e.g., as in Figure 5A and Figure 5B ). When the second notification mode is active for the computer system, the computer system transitions from a wake state to a low - power state. While the computer system is in the low - power state, the computer system detects a fourth request to wake the computer system. In response to detecting the fourth request to wake the computer system, the computer system displays a second wake - up screen user interface with a second background image different from the first background image (e.g., as in Fig.5I and Figure 5J ). In some embodiments, the first wake - up screen user interface is persistent and will be displayed in response to multiple different requests to wake the computer system while the first notification mode remains active for the computer system. In some embodiments, the second wake - up screen user interface is persistent and will be displayed in response to multiple different requests to wake the computer system while the second notification mode remains active for the computer system. For example, referring to Figure 5G to Figure 5J , the portable multifunctional device 100 displays a first wake - up screen user interface with a first background image. Before detecting user input 5042 (in Figure 5J ), the portable multifunctional device 100 transitions to a low - power state (e.g., as shown in Fig.5I ), and in response to detecting a request to wake the computer system, the portable multifunctional device 100 displays a first wake - up screen user interface with a first background image (e.g., Figure 5J shows the same wake - up screen as Figure 5G ).

[0337] In some embodiments, the first wake - up screen user interface is (818) a wake - up screen user interface for a first user; and the second wake - up screen user interface is a wake - up screen user interface for the first user. For example, referring to Figure 5J and Figure 5K-1 , both the "personal" mode and the "fitness" mode display a wake - up screen user interface for the first user (e.g., the same user in Figure 5J the "Personal" mode in Figure 5K-1 and the use of the device in the "Fitness" mode).

[0338] In some embodiments, when switching from a first notification mode to a second notification mode at a computer system and when the second notification mode is active for the computer system, the computer system transitions (820) from a wake state to a low power state (e.g., in response to a request to place the computer system in a low power state, such as a hand covering gesture, a button press, or a verbal input, or in response to the occurrence of a condition associated with transitioning to a low power state, such as a predetermined period of time passing without detecting an input at the computer system). For example, in Figure 5H and Fig.5I the portable multifunctional device 100 transitions from a wake state (e.g., in Figure 5H to a low power state (e.g., in Fig.5I ).

[0339] In some embodiments, when the first notification mode is active for the computer system, the computer system suppresses (822) a first subgroup of received notifications according to a first set of one or more rules for notification delivery. When the second notification mode is active for the computer system, the computer system suppresses a second subgroup of received notifications that is different from the first subgroup of received notifications according to a second set of one or more rules for notification delivery. In some embodiments, when the first notification mode is active for the computer system, the computer system detects the occurrence of a first plurality of events. In some embodiments, each respective event in the first plurality of events is associated with a respective notification in the received notifications. In response to detecting the occurrence of the first plurality of events, the computer system displays a first plurality of notifications according to a first set of one or more rules for notification delivery. In some embodiments, displaying the first plurality of notifications includes suppressing a first subgroup of received notifications according to a first set of one or more rules for notification delivery. In some embodiments, when the second notification mode is active for the computer system, the computer system detects the occurrence of a second plurality of events. In some embodiments, each respective event in the second plurality of events is associated with a respective notification in the received notifications. In response to detecting the occurrence of the second plurality of events, the computer system displays a second plurality of notifications according to a second set of one or more rules for notification delivery. In some embodiments, displaying the second plurality of notifications includes suppressing a second subgroup of received notifications according to a second set of one or more rules for notification delivery. For example, in Figure 5F-1 the first subgroup of notifications (e.g., notification 5002 from Figure 5B ) is suppressed when the "Personal" mode is active, and in Figure 5K-1 the second subgroup of notifications (e.g., from Figure 5BNotifications 5002, 5004, 5006, and 5008 are suppressed when the "Fitness" mode is active. Suppressing notifications received by a first subgroup according to a first set of one or more rules for notification delivery when the first notification mode is active, and suppressing notifications received by a second subgroup according to a second set of one or more rules for notification delivery when the second notification mode is active reduces the amount of user input required to suppress appropriate notifications (e.g., when switching from the first notification mode to the second notification mode, the user does not need to perform additional user input to reconfigure the notification delivery rules).

[0340] In some embodiments, switching from a first notification mode to a second notification mode includes (824) enabling a restricted notification mode in which certain types of notifications are suppressed. For example, in Figure 5F-1 , the portable multifunctional device 100 enables a restricted notification mode in which certain types of notifications (e.g., notifications for applications A, M, and Z) are suppressed. Enabling the restricted notification mode when switching from the first notification mode to the second notification mode reduces the amount of user input required to suppress appropriate notifications (e.g., when switching from the first notification mode to the second notification mode, the user does not need to perform additional user input to enable the restricted notification mode or suppress specific notifications).

[0341] In some embodiments, switching from a first notification mode to a second notification mode includes (826) disabling a restricted notification mode in which certain types of notifications are suppressed. For example, in Figure 5N , the portable multifunctional device switches from a first notification mode (e.g., Figure 5M the "Fitness" mode in Figure 5N ) to a second notification mode (e.g., the no-focus mode in ), and disables the restricted notification mode in which certain types of notifications are suppressed (e.g., notifications 5002, 5004, and 5006 that were suppressed when the "Fitness" mode was active are no longer suppressed). Disabling the restricted notification mode in which certain types of notifications are suppressed when switching from the first notification mode to the second notification mode reduces the amount of user input required to display appropriate notifications (e.g., when switching from the first notification mode to the second notification mode, the user does not need to perform additional user input to disable the restricted notification mode or allow the delivery of specific notifications).

[0342] In some embodiments, a computer system detects (827) a request to transition from a current wake screen to a corresponding home screen user interface (e.g., pressing a home button and / or a gesture such as an air gesture or a swipe on a touch-sensitive surface, such as a swipe from an edge of a touch screen display toward a center region of the touch screen display). In response to detecting a request to transition from a current wake screen to a corresponding application launch user interface (e.g., a corresponding home screen user interface): based on determining that a first notification mode is active at the computer system, the computer system displays a first application launch user interface (e.g., transitioning from a first wake screen user interface to a home screen of the first notification mode); and based on determining that a second notification mode is active at the computer system, the computer system displays a second application launch user interface different from the first application launch user interface (e.g., transitioning from a second wake screen user interface to a home screen of the second notification mode). In some embodiments, the first application launch user interface is the user interface that is immediately displayed upon transitioning from the first wake screen user interface, and optionally, the first page of a multi-page application launch user interface is displayed. In some embodiments, the second application launch user interface is the user interface that is immediately displayed upon transitioning from the second wake screen user interface, and optionally, the second page of the multi-page application launch user interface different from the first page is displayed. For example, in Figure 5G and Figure 5H , a portable multifunctional device detects a user request to transition from a current wake screen (in Figure 5G ) to a corresponding home screen user interface (in Figure 5H ). Based on determining that the second notification mode is active (e.g., the "personal" mode is active in both Figure 5G and Figure 5H ), the portable multifunctional device 100 displays a second application launch user interface different from the first application launch user interface (e.g., the home screen user interface in Figure 5H is different from the home screen user interface in Figure 5C-1 ). Displaying a second application launch user interface different from the first application launch user interface based on determining that the second notification mode is active at the computer system reduces the amount of user input required to display an appropriate application launch user interface (e.g., when switching to the second notification mode, the user does not need to perform additional user input to change the second application launch user interface).

[0343] In some embodiments, the first application launch user interface includes (828) a first plurality of home screen pages (e.g., a plurality of home screen pages), and the second application launch user interface includes a second plurality of home screen pages that are different from the first plurality of home screen pages (e.g., the second plurality of home screen pages includes one or more home screen pages not included in the first plurality of home screen pages, and / or the first plurality of home screen pages includes one or more home screen pages not included in the second plurality of home screen pages). In some embodiments, in response to user input, the device navigates between different home screen pages in the first plurality of home screen pages. For example, when the first home screen page is displayed, the user can perform a left swipe to transition to the second home screen page. When the second home screen page is displayed, the user can perform a left swipe to transition to the third home screen page, or the user can perform a right swipe to transition back to the first home screen page. For example, referring to Figure 5H , the home screen user interface can include a plurality of home screen pages (e.g., the user can navigate between home screen pages via left swipe gestures and right swipe gestures).

[0344] In some embodiments, the first application launch user interface has (830) a third background image. The second application launch user interface has a fourth background image that is different from the third background image. In some embodiments, the third background image is the same as the first background image. In some embodiments, the fourth background image is the same as the second background image. For example, in Figure 5C-1 , the first application launch user interface has a third background image (e.g., the same as the first background image of the wake-up user interface in Figure 5B ), and in Figure 5H , the second application launch user interface has a fourth background image that is different from the third background image (e.g., the background image including a horizontal line in Figure 5H is different from the light gray background image in Figure 5C-1 ). Displaying the second application launch user interface with the fourth background image based on determining that the second notification mode is active at the computer system, and displaying the first application launch user interface with the third background image based on determining that the first notification mode is active at the computer system, reduces the amount of user input required to display the appropriate application launch user interface with the appropriate background image (e.g., when switching to the second notification mode, the user does not need to perform additional user input to change the second application launch user interface or the background image of the second application launch user interface).

[0345] In some embodiments, the first wake - up screen user interface includes (832) a first plurality of icons (e.g., representations of complex functions, widgets, and / or applications), and the second wake - up screen user interface includes a second plurality of icons different from the first plurality of icons. (For example, the second plurality of icons includes one or more icon pages not included in the first plurality of icons, and / or the first plurality of icons includes one or more icons not included in the second plurality of icons). In some embodiments, when the respective wake - up screen of the first wake - up screen and the second wake - up screen is displayed, the device navigates to the other wake - up screen of the first wake - up screen and the second wake - up screen in response to user input. For example, when the first wake - up screen is displayed, the user can perform a left - swipe to transition to the second wake - up screen. When the second wake - up screen is displayed, the user can perform a right - swipe to transition back to the first wake - up screen. In some embodiments, the user can perform a left - swipe to transition to a third wake - up screen, which includes a third plurality of icons different from the first plurality of icons and the second plurality of icons. For example, in Figure 5F-1 , the wake - up screen user interface includes a first plurality of icons (e.g., between the notification 5006 and the date), and in Figure 5K-1 , the wake - up screen user interface includes a different plurality of icons (e.g., between the notification 5010 and the date). Displaying the second wake - up user interface including the second plurality of icons when the second notification mode is active at the computer system and displaying the first wake - up user interface including the first plurality of icons when the first notification mode is active at the computer system reduces the amount of user input required to display the appropriate plurality of icons (e.g., when switching to the second notification mode, the user does not need to perform additional user input to configure the available icons included in the second wake - up user interface).

[0346] In some embodiments, the computer system detects (834) a first set of user inputs. In response to detecting the first set of user inputs, the computer system displays a user interface for editing the respective wake - up screen of the computer system. The user interface for editing the respective wake - up screen includes, simultaneously displayed: one or more controls for editing the content and / or layout of the wake - up screen of the computer system; and one or more controls for editing the restricted notification mode associated with the respective wake - up screen (e.g., one or more controls for selecting which of a plurality of restricted notification modes to use with the respective wake - up screen). For example, in Figure 5VIn [the context], the portable multifunctional device 100 displays a user interface for editing an image 5092. The user interface includes one or more controls for editing content and / or layout (e.g., the "Custom" affordance representation 5122) and one or more controls for editing a restricted notification mode associated with a corresponding wake screen (e.g., the focus indicator 5124). Displaying simultaneously one or more controls for editing the content and / or layout of the wake screen of the computer system; and one or more controls for editing a restricted notification mode associated with a corresponding wake screen reduces the number of inputs required to associate a wake screen with a particular focus mode (e.g., the user does not need to perform additional inputs to first configure the corresponding wake screen and then perform additional inputs to navigate to a separate user interface for configuring the associated focus mode).

[0347] In some embodiments, the computer system detects (836) a second set of user inputs. In response to detecting the second set of user inputs, the computer system displays a user interface for editing a corresponding wake screen of the computer system. The user interface for editing the corresponding wake screen includes, displayed simultaneously: one or more controls for editing the content and / or layout of the wake screen of the computer system; and a plurality of options for selecting different notification modes to use with the corresponding wake screen. (For example, an option for selecting a first notification mode to use when the corresponding wake screen is the current wake screen of the computer system, where the first notification mode is a pre-existing restricted notification mode; an option for selecting a second restricted notification mode to use when the corresponding wake screen is the current wake screen of the computer system, where the second notification mode is a pre-existing restricted notification mode different from the first notification mode; an option for selecting a third restricted notification mode to use when the corresponding wake screen is the current wake screen of the computer system, where the third notification mode is a pre-existing restricted notification mode different from the first and second notification modes; and / or an option for selecting a fourth restricted notification mode to use when the corresponding wake screen is the current wake screen of the computer system, where the fourth notification mode is a pre-existing restricted notification mode different from the first, second, and third notification modes) (e.g., in some embodiments, the different notification modes have different rules for suppressing and / or allowing notifications). For example, in Figure 5W [the context], the portable multifunctional device 100 displays a plurality of options for selecting different notification modes to use with a corresponding wake screen (e.g., Figure 5WThe "Do Not Disturb" indicator 5128, the "Work" indicator 5130, the "Sleep" indicator 5132, and the "Drive" indicator 5134). Displaying multiple options for selecting different notification modes to use with the corresponding wake screen reduces the amount of user input required to associate the wake screen with the appropriate focus mode (e.g., the user does not need to perform additional input to first configure the corresponding wake screen and then perform additional input to navigate to a separate user interface for configuring a specific focus mode).

[0348] In some embodiments, when displaying the second wake screen user interface, the computer system detects (838) a request to switch from the second wake screen user interface to the first wake screen user interface. In response to detecting the request to switch from the second wake screen user interface to the first wake screen user interface, the computer system: displays the first wake screen user interface with the first background image; and transitions from the second notification mode of the computer system to the first notification mode of the computer system. For example, referring to Figure 5J , in response to a user input on the mode indicator 5032 or a right swipe gesture at the bottom of the display of the portable multifunctional device 100, the portable multifunctional device 100 transitions back to the "Fitness" mode.

[0349] In some embodiments, a computer system detects (840) a first request to wake a second computer system that communicates with the computer system (e.g., a peripheral device paired with the first computer system, an accompanying computer system synchronized with the first computer system). In response to detecting the first request to wake the second computer system and based on determining that a first notification mode is active on the computer system, the computer system displays, via a display device of the second computer system, a third wake screen user interface of the second computer system having a third background image. In response to detecting the first request to wake the second computer system and based on determining that a second notification mode is active on the computer system, the computer system displays, via a display device of the second computer system, a fourth wake screen user interface of the second computer system having a fourth background image that is different from the third wake screen user interface of the second computer system. In some embodiments, the first computer system is a smart phone and the second computer system is a peripheral device (e.g., a smart watch) paired with the smart phone. In some embodiments, the first computer system is a smart phone and the second computer system is a personal computer (e.g., synchronized with the smart phone). In some embodiments, the first computer system and the second computer system are associated with the same user (e.g., the second computer system does not display the third wake screen user interface or the fourth wake screen user interface unless the same user authenticates to both the first computer system and the second computer system). In some embodiments, the first computer system and the second computer system are paired computer systems. For example, the first computer system is a smart phone and is paired with the second computer system that is a smart watch. As another example, the first computer system is a smart phone and the second computer system is a personal computer. A user logs in to the second computer system to authorize a connection or link between the smart phone and the personal computer. For example, in Figure 5F-2 the "personal" mode is active for the portable multifunctional device 100 and the second device 5001 displays a wake screen user interface having a fourth background image (e.g., a background image different from Figure 5C-2 compared to where no focus mode is active for the portable multifunctional device 100 and having the same background image as the wake screen user interface of the portable multifunctional device 100 in Figure 5F-1 . Displaying the third wake screen user interface of the second computer system based on determining that the first notification mode is active on the computer system and displaying the fourth wake screen user interface of the second computer system based on determining that the second notification mode is active on the computer system reduces the amount of input required to display an appropriate wake screen user interface for the second computer system (e.g., the user does not need to separately configure or select an appropriate wake screen user interface for the second computer system whenever the computer system transitions to a different focus mode).

[0350] In some embodiments, in response to detecting a request to switch from a first notification mode to a second notification mode, the computer system transmits (842) instructions to a second computer system that communicates with the computer system (e.g., a peripheral device paired with the first computer system, an accompanying computer system synchronized with the first computer system), the instructions which, when executed by the second computer system, cause the second computer system to switch from a third notification mode of the second computer system to a fourth notification mode of the second computer system. When the third notification mode is active for the second computer system, in response to detecting a request to wake up the second computer system, the second computer system displays a third wake screen user interface having a third background image. When the fourth notification mode is active for the second computer system, in response to detecting a request to wake up the third computer system, the second computer system displays a fourth wake screen user interface having a fourth background image. In some embodiments, the third notification mode of the second computer system corresponds to the first notification mode of the first computer system (e.g., the first notification mode and the third notification mode both have the same first set of one or more rules for notification delivery, but are respectively for notification delivery at the first computer system and the second computer system). In some embodiments, the fourth notification mode of the second computer system corresponds to the second notification mode of the second computer system. In some embodiments, the third background image is the same as the first background image, and the fourth background image is the same as the second background image). For example, referring Figure 5F-2 , when the portable multifunctional device 100 transitions to the "personal" mode, it transmits instructions that cause the second device 5001 to also transition to the "personal" mode (e.g., and display a different background image for the wake-up user interface of the second device 5001). Transmitting instructions to the second computer system to cause the second computer system to switch from the third notification mode of the second computer system to the fourth notification mode of the second computer system reduces the number of inputs required to switch notification modes across multiple devices (e.g., the user does not need to perform additional inputs to switch the second computer system from the third notification mode to the fourth notification mode).

[0351] In some embodiments, in response to detecting a request to switch from a first notification mode to a second notification mode, the computer system switches (844) from a bright display mode to a dark display mode at the computer system, where the dark display mode reduces the brightness of multiple user interface elements relative to other user interface elements on the display (e.g., reduces the brightness of foreground elements relative to background elements, including dimming the blur material, inverting the text such that the computer system displays brighter text on a darker background rather than dark text on a brighter background, and / or changing the wallpaper to a dark mode, where a darker version of the wallpaper is used to reduce the overall brightness of the user interface). For example, this is referred to above Fig. 6Fis described, where a user can configure a focus mode to automatically enable a dark mode 6104 when the focus mode is active. When the dark mode is enabled, the brightness of one or more user interface elements is reduced relative to other user interface elements on the display (e.g., without dimming or reducing the brightness of the display itself). Switching from a light display mode to a dark display mode at a computer system (including reducing the brightness of multiple user interface elements relative to other user interface elements on the display) reduces the amount of input required to display the user interface elements at an appropriate brightness (e.g., when switching from a first notification mode to a second notification mode, the user does not need to perform additional input to configure the brightness of multiple user interface elements).

[0352] In some embodiments, in response to detecting a request to switch from a first notification mode to a second notification mode, the computer system changes (846) the battery usage mode of the device (e.g., enables or disables a battery saving mode, where one or more functions of the device are restricted and / or reduced in frequency to conserve power and / or extend battery life). In some embodiments, a low power state is also configured to conserve battery power (e.g., the computer system idles in a low power state when not in use). In some embodiments, the battery saving mode is different from the low power state (e.g., the battery saving mode remains active even when the computer system is in use). In some embodiments, one or more functions and / or features of the computer system are restricted and / or constrained in the battery saving mode. For example, when in the battery saving mode, the display of the computer system can be dimmed, the refresh rate of the display of the computer system can be restricted, certain animations (e.g., transitions) can be not displayed, cellular and / or wireless communication can be throttled or disabled, and / or applications can be not automatically refreshed or updated (e.g., an email application will not periodically check for new messages when not in use). For example, this is described above with reference to Fig. 6F is described, where a user can configure a low power mode to be enabled when a specific focus mode is active. Changing the battery usage mode of the device in response to detecting a request to switch from a first notification mode to a second notification mode reduces the amount of input required to enable the battery usage mode (e.g., after switching from a first notification mode to a second notification mode, the user does not need to perform additional input to enable the battery usage mode).

[0353] In some embodiments, in response to detecting a request to switch from a first notification mode to a second notification mode, a computer system switches (848) the default text size of a device. In some embodiments, based on determining that the first notification mode is active for the computer system, the computer system displays text in a first size in a corresponding user interface of the computer system; and based on determining that the second notification mode is active for the computer system, the computer system displays text in a second size different from the first size in a corresponding user interface of the computer system. For example, in Figure 5L and Figure 5M , when the "Personal" mode is active for the portable multifunctional device 100, the text is displayed in the second size. When no focus mode is active (e.g., as shown in Figure 5B and Figure 5C-1 ) or when the "Fitness" focus mode is active (e.g., as shown in Figure 5L and Figure 5M ), the second size is different from (e.g., greater than) the text size of the same user interface element. Switching the default text size of the device in response to detecting a request to switch from the first notification mode to the second notification mode reduces the amount of input required to display text with an appropriate text size (e.g., after switching from the first notification mode to the second notification mode, the user does not need to perform additional input to configure the text size).

[0354] It should be understood that the specific order of operations described in FIG. 8A to FIG. 8E is merely exemplary and is not intended to indicate that the order is the only order in which these operations can be performed. Those of ordinary skill in the art will envision various ways to reorder the operations described herein. Additionally, it should be noted that the details of other processes described herein with respect to other methods described herein (e.g., methods 9000, 1000, 13000, and 14000) apply in a similar manner to method 800 described above with respect to FIG. 8A to FIG. 8E . For example, the contacts, gestures, user interface objects, and animations described above with reference to method 8000 optionally have one or more of the characteristics of the contacts, gestures, user interface objects, and animations described herein with reference to other methods described herein (e.g., methods 9000, 1000, 13000, and 14000). For the sake of brevity, these details are not repeated here.

[0355] 9A to 9C is a flowchart showing a method 9000 for configuring a focus mode according to some embodiments. Method 9000 is performed on an electronic device having a display, a touch-sensitive surface, and one or more sensors for detecting the intensity of contact with the touch-sensitive surface (e.g., device 300 in Figure 3 or Figure 1Aat the portable multifunctional device 100). In some embodiments, the display is a touchscreen display, and the touch-sensitive surface is on or integrated with the display. In some embodiments, the display and the touch-sensitive surface are separate. Some of the operations in method 9000 are optionally combined, and / or the order of some of the operations is optionally changed.

[0356] As described below, method 9000 is a method for configuring a focus mode, thereby providing an intuitive user interface for tracking customizations to the focus mode, which provides the user with improved visual feedback regarding which parts and settings of the focus mode have been configured.

[0357] Method 9000 is executed at a computer system that communicates with a display generation component and one or more input devices. The computer system displays (9002) a first user interface for configuring notification settings for a corresponding mode of the computer system via the display generation component (e.g., Fig. 6A user interface 6000 in), wherein: the first user interface includes a first part and a second part (e.g., Fig. 6A application part 6006 and wake screen part 6012 in); the first part corresponds to a first control for changing at least a first setting of the computer system, wherein the first setting is a first notification setting of the computer system; the second part corresponds to a second control for changing at least a second setting of the computer system, wherein the second setting is a second notification setting of the computer system (e.g., when operating in a specific mode); the first part is displayed in a first appearance representing the default configuration of the first setting (e.g., default appearance); and the second part is displayed in a second appearance representing the default configuration of the second setting (e.g., default appearance). The computer system detects (9004) a first set of one or more user inputs (e.g., Figure 6B user input 6044 in) via one or more input devices. In response to detecting (9006) the first set of one or more user inputs, based on determining that the first set of one or more user inputs is for configuring the first setting: the computer system configures (9008) the first setting of the computer system to have a user-selected configuration based on the first set of one or more user inputs without configuring the second setting of the computer system (e.g., the portable multifunctional device 100 adds an application to Figure 6B application list 6042 in); the computer system displays (9010) the first part in a third appearance different from the first appearance (e.g., as Fig.6Das shown by the black background of the icon in the application part 6006 therein, which indicates that the first part has been configured); and the computer system displays (9012) the second part in a second appearance (e.g., the appearance of the wake-up screen part 6012 does not change between 6A and 6D to indicate that the second part remains unconfigured). After detecting the first set of one or more user inputs, the computer system detects (9014) a second set of one or more user inputs for stopping the display of the first user interface (e.g., leaving the first user interface before configuring the second setting) (e.g., Figure 6R the user input 6214 in). In response to detecting (9016) the second set of one or more user inputs for stopping the display of the first user interface: the computer system stops (9018) displaying the first user interface; and based on determining that the first setting of the computer system is configured and the second setting of the computer system is not configured, the computer system automatically configures (9020) the second setting of the corresponding mode of the computer system with the default configuration of the second setting, while the first setting of the corresponding mode of the computer system has a user-selected configuration based on the first set of one or more user inputs (e.g., referring to Figure 6R , the portable multifunctional device 100 uses the default configuration of the wake-up user interface 6012).

[0358] In some embodiments, in response to detecting (9022) the first set of one or more user inputs, based on determining that the first set of one or more user inputs is for configuring the second setting, the computer system configures the second setting of the computer system to have a user-selected configuration based on the first set of one or more user inputs without configuring the first setting of the computer system. After configuring the second setting of the computer system to have a user-selected configuration (e.g., and optionally, in response to detecting the first set of one or more user inputs), the computer system displays the second part in a fourth appearance different from the second appearance (e.g., indicating that the second part has been configured), and the computer system displays the first part in the first appearance (e.g., to indicate that the first part remains unconfigured). For example, in Figure 6Q-1 , the wake-up screen part 6012 has been configured and is displayed with a black background, but the home screen part 6014 has not been configured and is displayed with a gray background (e.g., the default appearance). Displaying the second part in a fourth appearance different from the second appearance and displaying the first part in the first appearance provides the user with improved visual feedback (e.g., improved visual feedback that the second setting has been configured but the first setting remains unconfigured).

[0359] In some embodiments, in response to detecting (9024) a second set of one or more user inputs for stopping the display of a first user interface, and based on determining that a second setting of a computer system is configured while a first setting of the computer system is not configured, the computer system automatically uses (e.g., configures the first setting for a corresponding mode of the computer system) a default configuration of the first setting, while the second setting of the corresponding mode of the computer system has a user-selected configuration based on a first set of one or more user inputs. For example, referring to Figure 6R , the wake screen portion 6012 and the home screen portion 6014 are not user-configured, and thus the portable multifunctional device 100 automatically uses the default configurations of the wake screen portion 6012 and the home screen 6014. Automatically using the default configuration of the first setting based on determining that the second setting of the computer system is configured while the first setting of the computer system is not configured reduces the number of inputs required to configure a focus mode of the computer system (e.g., the user does not need to perform inputs to configure each setting of the focus mode).

[0360] In some embodiments, before detecting (9026) a second set of one or more user inputs for stopping the display of a first user interface, the computer system detects a third set of one or more user inputs via one or more input devices. In response to detecting the third set of one or more user inputs: based on determining that the third set of one or more user inputs is for configuring the second setting, the computer system configures the second setting of the computer system to have a user-selected configuration based on the third set of one or more user inputs without configuring the first setting of the computer system; and after configuring the second setting of the computer system to have the user-selected configuration (e.g., and optionally, in response to detecting the first set of one or more user inputs), the computer system displays a second portion in a fifth appearance that is different from a second appearance (e.g., indicating that the second portion has been configured); and the computer system displays a first portion in a first appearance (e.g., to indicate that the first portion remains unconfigured). For example, in Figure 6N , before stopping the display of the user interface 6000, the user configures the application portion 6006 and adds an automation to the "Automation" portion 6018, and the user interface 6000 indicates that both portions have been configured (e.g., by displaying the portions with a black background). Displaying the second portion in a fifth appearance that is different from the second appearance and configuring the second setting of the computer system to have the user-selected configuration provides improved visual feedback to the user (e.g., the second setting of the computer system has been configured with the user-selected configuration).

[0361] In some embodiments, in response to detecting (9028) a second set of one or more user inputs for stopping the display of a first user interface: based on determining that a first setting of a computer system is configured and a second setting of the computer system is configured, the computer system forgoes automatically configuring the second setting of a corresponding mode of the computer system with a default configuration of the second setting such that: the first setting of the corresponding mode of the computer system has a user-selected configuration based on a first set of one or more user inputs; and the second setting of the corresponding mode of the computer system has a user-selected configuration based on a third set of one or more user inputs. For example, referring to Figure 6R , the application portion 6006 and the "Automation" portion 6018 have been configured by the user. When the portable multifunctional device 100 stops displaying the user interface 6000 (e.g., in response to a user input on the "Done" enablement representation 6069 or pointing to the "Done" enablement representation), the portable multifunctional device does not automatically configure the application portion 6006 or the "Automation" portion 6018. Instead, those portions have user-selected configurations. Forgoing automatically configuring the second setting of the corresponding mode of the computer system causes the first setting of the corresponding mode of the computer system to have a user-selected configuration of the first setting and the second setting of the corresponding mode of the computer system to have a user-selected configuration of the second setting, reducing the number of inputs for configuring the corresponding mode of the computer system (e.g., the computer system does not overwrite portions of the user configuration such that the user must perform additional inputs to reconfigure the overwritten portions).

[0362] In some embodiments, in addition to the first portion and the second portion, the first user interface further includes (9030) a third portion. The third portion corresponds to a third control for changing at least a third setting of the computer system, where the third setting is a third notification setting of the computer system. The third portion is displayed in a sixth appearance (e.g., a default appearance) representing a default configuration of the third setting. In response to detecting a first set of one or more user inputs and based on determining that the first set of one or more user inputs is for configuring the third setting, the computer system configures the third setting of the computer system to have a user-selected configuration based on the first set of one or more user inputs without configuring the first setting of the computer system or the second setting of the computer system. After configuring the third setting of the computer system to have a user-selected configuration (and optionally, in response to detecting the first set of one or more user inputs): the computer system displays the third portion in a seventh appearance different from the sixth appearance (e.g., indicating that the third portion has been configured); the computer system displays the first portion in a first appearance; and the computer system displays the second portion in a second appearance. For example, referring to Figure 7R, if the second device setting 6016 is configured without configuring the application part 6006 and the "Automation" part 6018, the portable multifunctional device 100 displays the application part 6006 and the "Automation" part 6018 in the default appearance (e.g., white or gray background, as Fig. 6A shown), but displays the second device setting 6016 in an updated appearance (e.g., with a black background, as Figure 7R shown). The third part is displayed in a seventh appearance different from the sixth appearance, and the first part is displayed in the first appearance; and the computer system displays the second part in the second appearance, providing the user with improved visual feedback (e.g., improved visual feedback that the third part has been configured but the first part and the second part have not been configured).

[0363] In some embodiments, in response to detecting (9032) a second set of one or more user inputs for stopping the display of the first user interface: based on determining that a third setting of the computer system is configured without configuring a second setting of the computer system: the computer system automatically uses (e.g., configures the first setting of the corresponding mode of the computer system to have) the default configuration of the first setting, while the third setting of the corresponding mode of the computer system has a user-selected configuration based on the first set of one or more user inputs; and the computer system automatically uses (e.g., configures the second setting of the corresponding mode of the computer system to have) the default configuration of the second setting, while the third setting of the corresponding mode of the computer system has a user-selected configuration based on the first set of one or more user inputs. For example, referring to Figure 6R , if the second device setting 6016 is configured, but the application part 6006 and the "Automation" part 6018 are not configured, the portable multifunctional device automatically uses the default settings of the application part 6006 and the "Automation" part 6018. Automatically using the default configurations of the first setting and the second setting based on determining that the third setting of the computer system is configured without configuring the first setting or the second setting reduces the number of inputs required to configure the corresponding mode of the computer system (e.g., the user does not need to perform additional inputs to configure each part of the corresponding mode of the computer system).

[0364] In some embodiments, in addition to the first part and the second part, the first user interface further includes (9034) a third part. The third part corresponds to a third control for changing at least a third setting of the computer system, where the third setting is a third notification setting of the computer system. The third part is displayed in a default appearance representing the default configuration of the third setting. After configuring the first setting of the computer system to have a user-selected configuration based on a first set of one or more user inputs without configuring the second setting of the computer system: The computer system detects a third set of one or more user inputs via one or more input devices. In response to detecting the third set of one or more user inputs, and based on determining that the third set of one or more user inputs is for configuring the third setting: The computer system configures the third setting of the computer system to have a user-selected configuration based on the first set of one or more user inputs without configuring the second setting of the computer system; The computer system displays the third part in an updated appearance (e.g., indicating that the first part has been configured); The computer system displays the second part in a second appearance (e.g., to indicate that the second part remains unconfigured). For example, in Fig.6D the application part 6006 (and the contact part 6004) has been configured. In FIG. 6E to FIG. 6N the user configures the "Automation" part 6018, and in Figure 6N the "Automation" part 6018 is displayed in a different appearance (compared to the appearance in Fig.6D ). Configuring the third setting of the computer system, displaying the third part in an updated appearance, and displaying the second part in a second appearance based on determining that the third set of one or more user inputs is for configuring the third part provides improved visual feedback to the user (e.g., improved visual feedback that the third setting has been configured but the second setting has not been configured).

[0365] In some embodiments, after configuring (9036) the first setting of the computer system to have a user-selected configuration based on a first set of one or more user inputs and automatically configuring the second setting of the corresponding mode of the computer system with the default configuration of the second setting: The computer system activates the corresponding mode of the computer system (e.g., in response to detecting a request to activate the corresponding mode of the computer system, in response to satisfying one or more conditions for automatically activating the corresponding mode, or in response to detecting a second set of one or more user inputs for stopping the display of the first user interface); and while the corresponding mode of the computer system remains active, the computer system delivers notifications according to the first notification setting and the second notification setting. For example, regarding Figure 6R, after detecting a user input 6214 on the "Done" enabling indication 6069, the portable multifunctional device activates the "Work" mode of the computer system. Activating the corresponding mode of the computer system after configuring the first settings of the computer system and after automatically configuring the second settings of the corresponding mode of the computer system reduces the number of inputs required to activate the corresponding mode of the computer system (e.g., after configuring the corresponding mode of the computer system, the user does not need to perform additional inputs to activate the corresponding mode of the computer system).

[0366] In some embodiments, the first appearance uses (9038) a first number of colors, and the third appearance uses a second number of colors greater than the first number of colors (e.g., the first appearance is monochromatic, and the third appearance is polychromatic). In some embodiments, the second appearance is also monochromatic. For example, referring to Fig. 6A and Fig.6D , before the user configures the application section 6006 and the contacts section 6004 (e.g., in Fig. 6A ), both sections are displayed in a first number of colors (e.g., one color, such as gray). After configuring the application section 6006 and the contacts section 6004 (e.g., in Fig.6D ), both sections are displayed in a second number of colors greater than the first number of colors (e.g., two or more colors). Displaying the first section in a third appearance using a second number of colors greater than the first number of colors provides the user with improved visual feedback (e.g., improved visual feedback that the first section has been configured).

[0367] In some embodiments, in response to detecting (9040) a first set of one or more user inputs, and based on determining that the first set of one or more user inputs is for configuring the first settings, the computer system replaces at least a portion of the first user interface with a display of a second user interface, the second user interface including additional content of the first section and a first control for changing the first settings of the computer system (e.g., before configuring the first settings of the computer system to have a user-selected configuration based on the first set of one or more user inputs, before displaying the first section in the third appearance, and before displaying the second section in the second appearance). For example, in Figure 6B and Figure 6CIn [the example], the portable multifunctional device replaces user interface 6000 with a user interface 6003 that provides additional content for a first section (e.g., the "Notifications" section 6002) (such as additional options for settings used to configure the "Work" mode). Replacing at least a portion of the first user interface with the display of a second user interface that includes the additional content for the first section and a first control for changing a first setting of the computer system provides the user with improved visual feedback (e.g., improved visual feedback regarding how to configure the first setting or the effect of configuring the first setting).

[0368] In some embodiments, after configuring (9042) a first setting of the computer system to a user-selected configuration based on a first set of one or more user inputs, and before displaying the first section in a third appearance and the second section in a second appearance, the computer system stops displaying the second user interface and redisplaying the first user interface (e.g., in response to detecting a user input to navigate away from the second user interface, in response to detecting that the first setting of the computer system has been configured, or in response to detecting that all settings of the first section have been configured). For example, in Fig.6D [the example], the portable multifunctional device redisplayed user interface 6000 after the user configured the application section 6006 and the contacts section 6004. Redisplaying the first user interface after configuring the first setting of the computer system provides the user with improved visual feedback (e.g., improved visual feedback that the first setting has been configured).

[0369] In some embodiments, after stopping the display of the first user interface, the computer system detects (9044) one or more user inputs for modifying settings for a corresponding mode of the computer system. In response to detecting one or more user inputs for modifying settings for a corresponding mode of the computer system, the computer system displays a second user interface having the same layout as the first user interface. In some embodiments, the first user interface is displayed before initially configuring a corresponding mode of the computer system (e.g., the first user interface is displayed during the initial setup of a corresponding mode of the computer system), and the second user interface is displayed after initially configuring a corresponding mode of the computer system (e.g., the second user interface is a user interface for modifying existing settings for the corresponding mode). For example, in Figure 5Y [the example], the user navigates to the settings user interface for the already-configured "Sleep" mode. The layout of the settings user interface is the same as Fig. 6AThe layouts of the user interfaces 6000 in [reference] are the same. Displaying a second user interface having the same layout as the first user interface after stopping the display of the first user interface provides the user with improved visual feedback (e.g., improved visual feedback regarding which parts have been configured because the user can easily remember where the previously configured settings are in the layout of the second user interface since the layouts of both the first user interface and the second user interface are the same).

[0370] In some embodiments, the computer system detects (9046) a request to establish a new mode of the computer system via one or more input devices, where the new mode includes one or more notification delivery rules. In some embodiments, the new mode is a notification mode (e.g., similar to the first notification mode and the second notification mode described herein with reference Figure 5A to FIGS. 5K). In some embodiments, the new mode is a restricted notification mode where certain types of notifications are suppressed (e.g., in accordance with one or more notification delivery rules). In response to detecting a request to establish a new mode of the computer system, the computer system displays a first user interface for configuring the notification settings of the new mode of the computer system. For example, referring Figure 5P , the portable multifunctional device 100 displays a user interface for configuring a new mode (e.g., a "work" mode) of the computer system, and the user interface for configuring the new mode is the same as the Fig. 6A user interface 6000 in [reference]. Displaying the first user interface for configuring the notification settings of the new mode of the computer system provides the user with improved visual feedback (e.g., improved visual feedback regarding what settings the user has configured for the new mode and / or improved visual feedback regarding any preconfigured settings of the new mode).

[0371] In some embodiments, the first portion includes (9048) an enabling representation for switching between an option for specifying one or more users for whom notifications should not be suppressed and an option for specifying one or more users for whom notifications should be suppressed. For example, in Figure 6C , the user can switch between an "Allow notifications from..." option 6038 and a "Mute notifications from..." option 6040 while configuring the settings of the contacts portion 6004. Displaying the enabling representation for switching between an option for specifying one or more users for whom notifications should not be suppressed and an option for specifying one or more users for whom notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., the user does not need to specify a large contact blacklist if it would be faster to instead specify a small contact whitelist, or vice versa).

[0372] In some embodiments, in response to a user selecting an option for specifying one or more users for which notifications should not be suppressed, the computer system configures the corresponding mode (9050) to suppress notifications from users other than the specified one or more users for which notifications should not be suppressed. For example, in Figure 6C , the default state of a toggle including an "Allow notifications from..." option 6038 and a "Mute notifications from..." option 6040 is that the "Allow notifications from..." option 6038 is selected. Displaying an enabling indication for toggling between an option for specifying one or more users for which notifications should not be suppressed and an option for specifying one or more users for which notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., if it is faster to specify a small whitelist of contacts instead, the user does not need to specify a large blacklist of contacts, or vice versa). Displaying an enabling indication for toggling between an option for specifying one or more users for which notifications should not be suppressed and an option for specifying one or more users for which notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., if it is faster to specify a small whitelist of contacts instead, the user does not need to specify a large blacklist of contacts, or vice versa).

[0373] In some embodiments, in response to a user selecting an option for specifying one or more users for which notifications should be suppressed, the computer system configures the corresponding mode (9052) to allow notifications from users other than the specified one or more users for which notifications should be suppressed. For example, referring to Figure 6C , the default state of a toggle including an "Allow notifications from..." option 6038 and a "Mute notifications from..." option 6040 is that the "Mute notifications from..." option is selected (e.g., similar to Figure 6B ).

[0374] In some embodiments, a first portion includes (9054) an enabling indication for toggling between an option for specifying one or more applications for which notifications should not be suppressed and an option for specifying one or more applications for which notifications should be suppressed. For example, in Figure 6B , the user can toggle between an "Allow notifications from..." option 6038 and a "Mute notifications from..." option 6040 while configuring the settings of the application portion 6006. Displaying an enabling indication for toggling between an option for specifying one or more users for which notifications should not be suppressed and an option for specifying one or more users for which notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., if it is faster to specify a small whitelist of applications instead, the user does not need to specify a large blacklist of applications, or vice versa).

[0375] In some embodiments, in response to a user selecting an option for specifying one or more applications for which notifications should not be suppressed, the computer system configures the corresponding mode (9056) to suppress notifications from applications other than the specified one or more applications for which notifications should not be suppressed. For example, referring to Figure 6B , the default state of the toggle including the "Allow notifications from..." option 6038 and the "Mute notifications from..." option 6040 is that the "Allow notifications from..." option 6038 is selected (e.g., similar to Figure 6C ). Displaying an affordance for toggling between options for specifying one or more users for which notifications should not be suppressed and options for specifying one or more users for which notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., the user does not need to specify a large application blacklist if it would be faster to instead specify a small application whitelist, or vice versa).

[0376] In some embodiments, in response to a user selecting an option for specifying one or more applications for which notifications should be suppressed, the computer system configures the corresponding mode to allow notifications from applications other than the specified one or more applications for which notifications should be suppressed. For example, in Figure 6B , the default state of the toggle including the "Allow notifications from..." option 6038 and the "Mute notifications from..." option 6040 is that the "Mute notifications from..." option 6040 is selected. Displaying an affordance for toggling between options for specifying one or more users for which notifications should not be suppressed and options for specifying one or more users for which notifications should be suppressed reduces the amount of input required to configure the corresponding mode of the computer system (e.g., the user does not need to specify a large application blacklist if it would be faster to instead specify a small application whitelist, or vice versa).

[0377] It should be understood that the specific order in which the operations in FIG. 9A to FIG. 9G are described is merely exemplary and is not intended to indicate that this is the only order in which the operations can be performed. Those of ordinary skill in the art will envision various ways to reorder the operations described herein. Additionally, it should be noted that the details of the other processes described herein with respect to the other methods described herein (e.g., methods 8000, 1000, 13000, and 14000) apply in a similar manner to those described above with respect to FIG. 9A to FIG. 9GThe described method 9000. For example, the contacts, gestures, and user interface objects described above with reference to method 9000 optionally have one or more of the characteristics of the contacts, gestures, and user interface objects described herein with reference to other methods described herein (e.g., methods 8000, 1000, 13000, and 14000). For the sake of brevity, these details are not repeated here.

[0378] FIG. 10A to FIG. 10C is a flowchart showing method 1000 for defaulting and when a focus mode is active to display different content with different degrees of emphasis. Method 1000 is performed at an electronic device having a display, a touch-sensitive surface, and one or more sensors for detecting the intensity of contact with the touch-sensitive surface (e.g., Figure 3 device 300 in Figure 1A or the portable multifunctional device 80 in

[0379] As described below, method 1000 is a method for defaulting and when a focus mode is active to display different content with different degrees of emphasis, thereby providing increased flexibility regarding the displayed content when the configured focus mode is active, which reduces the amount of input required to display appropriate content when the focus mode is active.

[0380] Method 1000 is performed at a computer system in communication with a display generation component and one or more input devices. When a first notification mode is active for the computer system, where the first notification mode has a first set of one or more rules for notification delivery at the computer system, the computer system displays (1002) a corresponding view of a first application via the display generation component, where displaying the corresponding view of the first application includes simultaneously displaying a first content and a second content different from the first content, where the first content is displayed with a first degree of emphasis relative to the second content (e.g., in Fig. 7A simultaneously displaying personal and work emails). After displaying the corresponding view of the first application and when the first notification mode is active, the computer system switches (1004) the computer system from the first notification mode (e.g., automatically or manually in response to user input) to a second notification mode, where the second notification mode has a second set of one or more rules for notification delivery at the computer system different from the first set of one or more rules for notification delivery at the computer system (e.g., the portable multifunctional device switches to Figure 7Bin the "work" mode). When the second notification mode is active for the computer system (1006): the computer system detects (1008) a first request to display a corresponding view of the first application via one or more input devices; in response to detecting the first request, the computer system displays (1010) the corresponding view of the first application, including displaying the first content with a second emphasis level relative to the second content (e.g., according to the second notification mode being active on the computer system) (e.g., in the second notification mode, the second content is hidden unless explicitly requested, such as by querying or opening a specific folder or calendar, etc.) (e.g., in Figure 7B when the "work" mode is active, personal emails from Grace Hong are not displayed); when the first application (e.g., one or more of its views or one or more user interfaces) is displayed (e.g., when the corresponding view of the first application or some other view is displayed), the computer system detects (1012) one or more user inputs to display the second content without disabling the second notification mode of the computer system (e.g., Fig.7D user input 7008 in Fig.7D user inputs 7006 and Fig. 7E user input 7026 in Figure 7G when the "work" mode remains active, personal emails from Grace Hong are displayed).

[0381] In some embodiments, after displaying a corresponding view of a first application and before switching the computer system from a first notification mode to a second notification mode, the computer system displays (1016) a corresponding view of a second application via a display generation component, where displaying the corresponding view of the second application includes simultaneously displaying a third content and a fourth content different from the third content, and the third content is displayed with a third emphasis level relative to the fourth content. When the second notification mode is active for the computer system: The computer system detects a second request to display the corresponding view of the second application via one or more input devices. In response to detecting the second request, the computer system displays the corresponding view of the second application, including displaying the third content with a fourth emphasis level relative to the fourth content (e.g., depending on the second notification mode being active on the computer system). When displaying the second application (e.g., one or more of its views or one or more of its user interfaces) (e.g., when displaying the corresponding view of the second application or some other view), the computer system detects one or more user inputs for displaying the fourth content without disabling one or more notification modes of the computer system. In response to detecting one or more user inputs for displaying the fourth content, the computer system displays the fourth content without disabling the second notification mode of the computer system (e.g., displaying the fourth content hidden by a do-not-disturb mode while the do-not-disturb mode remains active) (optionally, the third level and the fourth level are the same as the first level and the second level, respectively). For example, in FIG. 7H to FIG. 7J the calendar application also displays content with different emphasis levels based on the active focus mode (e.g., in addition to FIG. 7A to FIG. 7C the email application shown).

[0382] In some embodiments, after displaying the corresponding view of the first application and before switching the computer system from the first notification mode to the second notification mode, the computer system displays (1018) via the display generating component the corresponding view of a third application (e.g., different from the first application and the second application) (e.g., a third-party application, where the first application and the second application are native applications or system applications, or applications from a developer different from the developer of the third-party application (e.g., in addition to the developer of the third-party application)), where displaying the corresponding view of the third application includes simultaneously displaying a fifth content and a sixth content different from the fifth content, and where the fifth content is displayed with a fifth emphasis level relative to the sixth content. When the second notification mode is active for the computer system: The computer system detects, via one or more input devices, a third request to display the corresponding view of the third application. In response to detecting the third request, the computer system displays the corresponding view of the third application, including displaying the fifth content with a sixth emphasis level relative to the sixth content (e.g., according to the second notification mode being active on the computer system). When the third application is being displayed, the computer system detects one or more user inputs to display the sixth content without disabling the second notification mode of the computer system. In response to detecting one or more user inputs to display the fifth content, the computer system displays the sixth content without disabling the second notification mode of the computer system (e.g., displays content hidden by the do not disturb mode while the do not disturb mode remains active) (optionally, the fifth level and the sixth level are the same as the first level and the second level respectively). For example, in FIG. 7O to FIG. 7Q a web browser application also displays content with different emphasis levels based on the active focus mode (e.g., in addition to FIG. 7A to FIG. 7C the mail application shown and FIG. 7H to FIG. 7J the calendar application shown).

[0383] In some embodiments, the second emphasis level is (1020) a greater emphasis level than the first emphasis level. In some embodiments, displaying the first content with a second emphasis level relative to the second content includes not displaying the second content (e.g., hiding the second content) while continuing to display the first content (e.g., without changing the prominence of the first content). In some embodiments, displaying the first content with a second emphasis level relative to the second content includes increasing the prominence of the first content relative to the second content (e.g., brightness, size, and / or contrast). In some embodiments, displaying the first content with a second emphasis level relative to the second content includes decreasing the prominence of the second content relative to the first content (e.g., brightness, size, and / or contrast). For example, in Fig. 7A and Figure 7BIn [the example], the second content (e.g., the email message 7011 from Grace Hong) is not displayed when the "Work" mode is active, but the first content (e.g., the email message 7001 from John Smith) is displayed when the "Work" mode is active. Displaying the first content with a second emphasis level that is greater than the emphasis level of the second content reduces the amount of user input required to display the appropriate content when the second notification mode is active (e.g., the user does not need to perform additional input to filter or hide the second content when the second notification mode is active). In some embodiments, displaying the first content with a second emphasis level relative to the second content includes (1022) ceasing to display the second content (e.g., without a user command to disable the second notification mode while not displaying the second content). In some embodiments, the second content is default hidden when the second notification mode is active for the computer system (e.g., the default view of the corresponding view of the first application includes a filter that hides the second content). In such embodiments, the second content is redisplayed (e.g., unhidden or unfiltered) in response to detecting one or more user inputs to display the second content even if the second notification mode remains active. For example, in Figure 7B and Figure 7C In [the example], the second content (e.g., the email message 7001 from John Smith) is not displayed when the "Personal" mode is active (in Figure 7C ), but the first content (e.g., the email message from Lukas Jacobsen) is displayed when the "Personal" mode is active. Ceasing to display the second content when the second notification mode is active (e.g., while continuing to display the first content) reduces the amount of user input required to display the appropriate content when the second notification mode is active (e.g., the user does not need to perform additional input to filter or hide the second content when the second notification mode is active).

[0384] In some embodiments, the first application is (1024) a calendar application, the first content is the content of the first calendar of the calendar application (e.g., events or calendar information from the first calendar of the calendar application), and the second content is the content of a second calendar of the calendar application that is different from the first calendar of the calendar application (e.g., events or calendar information from the second calendar of the calendar application). For example, in FIG. 7H to FIG. 7JIn this case, the calendar application displays content with different degrees of emphasis based on which focus mode is active for the computer system. For the calendar application, displaying the first content with a second degree of emphasis relative to the second content when the second notification mode is active reduces the amount of user input required to display appropriate calendar content when the second notification mode is active (e.g., when the second notification mode is active, the user does not need to perform additional input to filter or hide content from the calendar).

[0385] For example, the second notification mode can be a work mode. When the work mode is active, the personal calendar (e.g., the second calendar of the calendar application) is not displayed by default, and only the work calendar (e.g., the first calendar of the calendar application) is displayed. This helps the user focus on work tasks and avoid cluttering the calendar application with irrelevant appointments when the user is working (e.g., when the work mode is active). However, in some scenarios, the user may want to access their personal calendar while still working (e.g., when the work mode is still active). For example, during lunch, the user may have made weekend plans to contact colleagues. The user can quickly access their personal calendar (e.g., via a first request to display the corresponding view of the first application) without disabling the work mode. In some embodiments, the user can also hide / deactivate the personal calendar after adding a personal appointment.

[0386] In some embodiments, the first application is the (1026) mail application, the first content includes a first plurality of email messages, and the second content includes a second plurality of email messages different from the first plurality of email messages. For example, in FIG. 7A to FIG. 7C this case, the mail application displays content with different degrees of emphasis based on which focus mode is active for the computer system. For the mail application, displaying the first content with a second degree of emphasis relative to the second content when the second notification mode is active reduces the amount of user input required to display appropriate email content when the second notification mode is active (e.g., when the second notification mode is active, the user does not need to perform additional input to filter or hide content in the mail application).

[0387] In some embodiments, the first content is the first inbox ...

Claims

1. A method, the method comprising: at a computer system in communication with a display generation component and one or more input devices: when a first notification mode is active for the computer system and when the computer system is in a low power state, detecting, via the one or more input devices, a first request to wake up the computer system, wherein the first notification mode has a first set of one or more rules for notification delivery at the computer system; in response to detecting the first request to wake up the computer system, displaying, via the display generation component, a first wake - up screen user interface having a first background image; when the first wake - up screen user interface is being displayed, detecting a request to switch from the first notification mode to a second notification mode, the second notification mode having a second set of one or more rules for notification delivery that is different from the first set of one or more rules for notification delivery; in response to detecting the request to switch from the first notification mode to the second notification mode, switching, at the computer system, from the first notification mode to the second notification mode; and when the second notification mode is active for the computer system and when the computer system is in the low power state, detecting, via the one or more input devices, a second request to wake up the computer system; and in response to detecting the second request to wake up the computer system, displaying, via the display generation component, a second wake - up screen user interface having a second background image different from the first background image, instead of displaying the first wake - up screen user interface.

2. The method according to claim 1, the method comprising: before detecting the request to switch from the first notification mode to the second notification mode: transitioning the computer system from a wake state to the low power state; when the computer system is in the low power state, detecting a third request to wake up the computer system; in response to detecting the third request to wake up the computer system, displaying the first wake - up screen user interface having the first background image; and when the second notification mode is active for the computer system: transitioning the computer system from a wake state to the low power state; when the computer system is in the low power state, detecting a fourth request to wake up the computer system; and in response to detecting the fourth request to wake up the computer system, displaying the second wake - up screen user interface having the second background image different from the first background image.

3. The method according to claim 1, wherein: the first wake - up screen user interface is a wake - up screen user interface for a first user; and the second wake - up screen user interface is a wake - up screen user interface for the first user.

4. The method according to claim 1, the method comprising: After switching from the first notification mode to the second notification mode at the computer system and while the second notification mode is active for the computer system, transition the computer system from a wake state to the low-power state.

5. The method according to any one of claims 1 to 4, the method comprising: When the first notification mode is active for the computer system, suppressing notifications received by a first subgroup according to the first set of one or more rules for notification delivery; And When the second notification mode is active for the computer system, suppressing notifications received by a second subgroup different from the notifications received by the first subgroup according to the second set of one or more rules for notification delivery.

6. The method according to any one of claims 1 to 4, wherein switching from the first notification mode to the second notification mode includes enabling a restricted notification mode in which certain types of notifications are suppressed.

7. The method according to any one of claims 1 to 4, wherein switching from the first notification mode to the second notification mode includes disabling a restricted notification mode in which certain types of notifications are suppressed.

8. The method according to any one of claims 1 to 4, the method comprising: Detecting a request to transition from a current wake screen to a corresponding home screen user interface; And In response to detecting a request to transition from the current wake screen to a corresponding application launch user interface: Displaying a first application launch user interface according to determining that the first notification mode is active at the computer system; And Displaying a second application launch user interface different from the first application launch user interface according to determining that the second notification mode is active at the computer system.

9. The method according to claim 8, wherein: The first application launch user interface includes a first plurality of home screen pages; and The second application launch user interface includes a second plurality of home screen pages different from the first plurality of home screen pages.

10. The method according to claim 8, wherein: The first application launch user interface has a third background image; and The second application launch user interface has a fourth background image different from the third background image.

11. The method according to any one of claims 1 to 4, wherein: The first wake screen user interface includes a first plurality of icons; and The second wake screen user interface includes a second plurality of icons different from the first plurality of icons.

12. The method according to any one of claims 1 to 4, the method comprising: Detecting a first set of user inputs; And In response to detecting the first set of user inputs, displaying a user interface for editing a corresponding wake screen of the computer system, wherein the user interface for editing the corresponding wake screen includes simultaneously displaying: One or more controls for editing the content and / or layout of the corresponding wake screen of the computer system; and One or more controls for editing a restricted notification mode associated with the corresponding wake screen.

13. The method according to any one of claims 1 to 4, the method comprising: Detecting a second set of user inputs; And In response to detecting the second set of user inputs, displaying a user interface for editing a corresponding wake-up screen of the computer system, wherein the user interface for editing the corresponding wake-up screen includes simultaneously displaying: One or more controls for editing the content and / or layout of the corresponding wake-up screen of the computer system; and Multiple options for selecting different notification modes to be used with the corresponding wake-up screen.

14. The method according to any one of claims 1 to 4, the method comprising: When the second wake-up screen user interface is displayed, detecting a request to switch from the second wake-up screen user interface to the first wake-up screen user interface; And In response to detecting the request to switch from the second wake-up screen user interface to the first wake-up screen user interface: Displaying the first wake-up screen user interface having the first background image; and Transitioning from the second notification mode of the computer system to the first notification mode of the computer system.

15. The method according to any one of claims 1 to 4, the method comprising: Detecting a first request to wake up a second computer system communicating with the computer system; In response to detecting the first request to wake up the second computer system and based on determining that the first notification mode is active on the computer system, displaying via a display device of the second computer system a third wake-up screen user interface of the second computer system having a third background image; And In response to detecting the first request to wake up the second computer system and based on determining that the second notification mode is active on the computer system, displaying via a display device of the second computer system a fourth wake-up screen user interface of the second computer system different from the third wake-up screen user interface of the second computer system and having a fourth background image.

16. The method according to any one of claims 1 to 4, the method comprising: In response to detecting the request to switch from the first notification mode to the second notification mode, transmitting an instruction to a second computer system communicating with the computer system, the instruction causing the second computer system to switch from a third notification mode of the second computer system to a fourth notification mode of the second computer system when executed by the second computer system; Wherein when the third notification mode is active for the second computer system, in response to detecting a request to wake up the second computer system, the second computer system displays a third wake-up screen user interface having a third background image; and Wherein when the fourth notification mode is active for the second computer system, in response to detecting the request to wake up the second computer system, the second computer system displays a fourth wake-up screen user interface having a fourth background image.

17. The method according to any one of claims 1 to 4, the method comprising: In response to detecting the request to switch from the first notification mode to the second notification mode, switch from a bright display mode to a dark display mode at the computer system, wherein the dark display mode reduces the brightness of a plurality of user interface elements relative to other user interface elements displayed via the display generating component.

18. The method according to any one of claims 1 to 4, the method comprising: In response to detecting the request to switch from the first notification mode to the second notification mode, change the battery usage mode of the computer system.

19. The method according to any one of claims 1 to 4, the method comprising: In response to detecting the request to switch from the first notification mode to the second notification mode, switch the default text size of the computer system.

20. A computer system communicating with a display generating component and one or more input devices, the computer system comprising: One or more processors; And A memory storing one or more programs, wherein the one or more programs are configured to be executed by the one or more processors, and the one or more programs include instructions for performing the following operations: When the first notification mode is active for the computer system and when the computer system is in a low power state, detect, via the one or more input devices, a first request to wake up the computer system, wherein the first notification mode has a first set of one or more rules for notification delivery at the computer system; In response to detecting the first request to wake up the computer system, display, via the display generating component, a first wake screen user interface having a first background image; When the first wake screen user interface is being displayed, detect a request to switch from the first notification mode to a second notification mode, the second notification mode having a second set of one or more rules for notification delivery that is different from the first set of one or more rules for notification delivery; In response to detecting the request to switch from the first notification mode to the second notification mode, switch from the first notification mode to the second notification mode at the computer system; And When the second notification mode is active for the computer system and when the computer system is in the low power state, detect, via the one or more input devices, a second request to wake up the computer system; And In response to detecting the second request to wake up the computer system, display, via the display generating component, a second wake screen user interface having a second background image different from the first background image instead of displaying the first wake screen user interface.

21. The computer system according to claim 20, wherein the one or more programs include instructions for performing the method according to any one of claims 2 to 19.

22. A computer-readable storage medium storing one or more programs, the one or more programs including instructions that, when executed by a computer system communicating with a display generating component and one or more input devices, cause the computer system to: When the first notification mode is active for the computer system and when the computer system is in a low power state, detect a first request to wake up the computer system via the one or more input devices, wherein the first notification mode has a first set of one or more rules for notification delivery at the computer system; In response to detecting the first request to wake up the computer system, display, via the display generation component, a first wake - up screen user interface having a first background image; When the first wake - up screen user interface is displayed, detect a request to switch from the first notification mode to a second notification mode, the second notification mode having a second set of one or more rules for notification delivery that is different from the first set of one or more rules for notification delivery; In response to detecting the request to switch from the first notification mode to the second notification mode, switch from the first notification mode to the second notification mode at the computer system; And When the second notification mode is active for the computer system and when the computer system is in the low power state, detect a second request to wake up the computer system via the one or more input devices; And In response to detecting the second request to wake up the computer system, display, via the display generation component, a second wake - up screen user interface having a second background image different from the first background image, rather than displaying the first wake - up screen user interface.

23. The computer - readable storage medium according to claim 22, wherein the one or more programs include instructions that, when executed by the computer system, cause the computer system to perform the method according to any one of claims 2 to 19.

Images