KR102289440B1 - Accelerated scrolling and selection - Google Patents

Abstract

This disclosure relates generally to scrolling and selecting items. An electronic device having a display and a touch-sensitive surface displays a user interface having a list of items. Items may be scrolled and selected using different techniques. Some embodiments include a technique for entering an edit mode to select and scroll items on a user interface. Some embodiments include a technique for scrolling to select items on a user interface. Some embodiments include a technique for displaying a scroll progress indicator for scrolling items on a user interface.

Description

Accelerated scrolling and selection

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is filed on September 17, 2019, and is entitled "ACCELERATED SCROLLING AND SELECTION," U.S. Application Serial Nos. 16/573,849; U.S. Provisional Application No. 62/844,015, filed May 6, 2019 and entitled "ACCELERATED SCROLLING AND SELECTION"; U.S. Provisional Application No. 62/834,364, filed April 15, 2019 and entitled "ACCELERATED SCROLLING AND SELECTION"; and Danish Application No. PA201970513, filed on August 12, 2019 and entitled "ACCELERATED SCROLLING AND SELECTION", the contents of each of which are incorporated herein by reference in their entirety.

technical field

FIELD OF THE INVENTION The present invention relates generally to computer user interfaces, and more particularly to techniques for selecting and scrolling items.

Techniques for selecting and scrolling items for display may be implemented on an electronic device.

However, some techniques for selecting and scrolling items using electronic devices are generally cumbersome and inefficient. For example, some existing techniques use a complex and time-consuming user interface, which may include multiple keypresses or keystrokes. Existing techniques require more time than necessary, wasting user time and device energy. This latter consideration is particularly important in battery-operated devices.

Accordingly, the present technique provides electronic devices with faster and more efficient methods and interfaces for selecting and scrolling items. Such methods and interfaces optionally complement or replace other methods for selecting and scrolling items. Such methods and interfaces reduce the cognitive burden on the user and create a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges.

A method is described. The method is performed in an electronic device having a display and a touch-sensitive surface. The method includes, in an electronic device having a display and a touch-sensitive surface: displaying, via the display, a user interface comprising a plurality of items; while the user interface is in a first mode of operation, detecting a first input comprising a respective number of contacts on the user interface at a location corresponding to the first one of the plurality of items; in response to detecting the first input: in accordance with a determination that the first input is a fixed input having a first number of contacts, performing an action associated with the first item; and according to a determination that the first input is a fixed input having a second number of contacts different from the first number of contacts, the user interface from the first mode of operation to the second mode of operation without performing an action associated with the first item. switching; while the electronic device is in a second mode of operation, detecting a second input comprising a first number of contacts at a location on the display corresponding to a second item of the plurality of items; and in response to detecting the second input, selecting the second item without performing an action associated with the second item.

A non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs, via the display, comprising a plurality of items instructions for displaying a user interface; instructions for detecting, while the user interface is in a first mode of operation, a first input comprising a respective number of contacts on the user interface at a location corresponding to the first item of the plurality of items; in response to detecting the first input: instructions for performing an action associated with the first item in accordance with a determination that the first input is a fixed input having a first number of contacts; and according to a determination that the first input is a fixed input having a second number of contacts different from the first number of contacts, the user interface from the first mode of operation to the second mode of operation without performing an action associated with the first item. instructions for switching; instructions for detecting a second input comprising a first number of contacts at a location on the display corresponding to a second item of the plurality of items while the electronic device is in a second mode of operation; and in response to detecting the second input, select the second item without performing an action associated with the second item.

A transitory computer readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, wherein the one or more programs, via the display, cause a user including a plurality of items. instructions for displaying the interface; instructions for detecting, while the user interface is in a first mode of operation, a first input comprising a respective number of contacts on the user interface at a location corresponding to the first item of the plurality of items; in response to detecting the first input: instructions for performing an action associated with the first item in accordance with a determination that the first input is a fixed input having a first number of contacts; and according to a determination that the first input is a fixed input having a second number of contacts different from the first number of contacts, the user interface from the first mode of operation to the second mode of operation without performing an action associated with the first item. instructions for switching; instructions for detecting a second input comprising a first number of contacts at a location on the display corresponding to a second item of the plurality of items while the electronic device is in a second mode of operation; and in response to detecting the second input, select the second item without performing an action associated with the second item.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: instructions for displaying, via the display, a user interface comprising a plurality of items; instructions for detecting, while the user interface is in a first mode of operation, a first input comprising a respective number of contacts on the user interface at a location corresponding to the first item of the plurality of items; in response to detecting the first input: instructions for performing an action associated with the first item in accordance with a determination that the first input is a fixed input having a first number of contacts; and according to a determination that the first input is a fixed input having a second number of contacts different from the first number of contacts, the user interface from the first mode of operation to the second mode of operation without performing an action associated with the first item. instructions for switching; instructions for detecting a second input comprising a first number of contacts at a location on the display corresponding to a second item of the plurality of items while the electronic device is in a second mode of operation; and in response to detecting the second input, select the second item without performing an action associated with the second item.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; means for displaying, via the display, a user interface comprising a plurality of items; means for detecting, while the user interface is in a first mode of operation, a first input comprising a respective number of contacts on the user interface at a location corresponding to a first item of the plurality of items; in response to detecting the first input: means for performing an action associated with the first item in accordance with a determination that the first input is a fixed input having a first number of contacts; and according to a determination that the first input is a fixed input having a second number of contacts different from the first number of contacts, the user interface from the first mode of operation to the second mode of operation without performing an action associated with the first item. means for switching; means for detecting a second input comprising a first number of contacts at a location on the display corresponding to a second item of the plurality of items while the electronic device is in a second mode of operation; and in response to detecting the second input, means for selecting the second item without performing an action associated with the second item.

A method is described. The method is performed in an electronic device having a display and a touch-sensitive surface. The method includes, via the display, displaying a user interface including a plurality of items; detecting a first input at a location on the display corresponding to the first item in the plurality of items; in response to detecting the first input at a location on the display corresponding to the first item, changing a selection state of the first item; after changing the selection state of the first item, detecting a second input corresponding to the request to scroll the user interface; and in response to detecting the second input: in accordance with a determination that the first input remains on the display, changing a selection state of the one or more items while scrolling through the plurality of items; and in response to a determination that the first input is not held on the display, scrolling the plurality of items without changing a selection state of one or more items in the plurality of items.

A non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs, via the display, comprising a plurality of items instructions for displaying a user interface; instructions for detecting a first input at a location on the display corresponding to the first item in the plurality of items; instructions for changing a selection state of the first item in response to detecting the first input at a location on the display corresponding to the first item; instructions for detecting, after changing the selection state of the first item, a second input corresponding to a request to scroll the user interface; and in response to detecting the second input: in accordance with a determination that the first input remains on the display, instructions for changing a selection state of one or more items while scrolling through the plurality of items; and in response to a determination that the first input is not maintained on the display, scrolling the plurality of items without changing a selection state of one or more items in the plurality of items.

A transitory computer readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, wherein the one or more programs, via the display, cause a user including a plurality of items. instructions for displaying the interface; instructions for detecting a first input at a location on the display corresponding to the first item in the plurality of items; instructions for changing a selection state of the first item in response to detecting the first input at a location on the display corresponding to the first item; instructions for detecting, after changing the selection state of the first item, a second input corresponding to a request to scroll the user interface; and in response to detecting the second input: in accordance with a determination that the first input remains on the display, instructions for changing a selection state of one or more items while scrolling through the plurality of items; and in response to a determination that the first input is not maintained on the display, scrolling the plurality of items without changing a selection state of one or more items in the plurality of items.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: instructions for displaying, via the display, a user interface comprising a plurality of items; instructions for detecting a first input at a location on the display corresponding to the first item in the plurality of items; instructions for changing a selection state of the first item in response to detecting the first input at a location on the display corresponding to the first item; instructions for detecting, after changing the selection state of the first item, a second input corresponding to a request to scroll the user interface; and in response to detecting the second input: in accordance with a determination that the first input remains on the display, instructions for changing a selection state of one or more items while scrolling through the plurality of items; and in response to a determination that the first input is not maintained on the display, scrolling the plurality of items without changing a selection state of one or more items in the plurality of items.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; means for displaying, via the display, a user interface comprising a plurality of items; means for detecting a first input at a location on the display corresponding to the first item in the plurality of items; means for changing a selection state of the first item in response to detecting the first input at a location on the display corresponding to the first item; means for detecting, after changing the selection state of the first item, a second input corresponding to a request to scroll the user interface; and in response to detecting the second input: means for, in accordance with a determination that the first input remains on the display, for changing a selection state of one or more items while scrolling through the plurality of items; and means for scrolling the plurality of items without changing a selection state of one or more items in the plurality of items in accordance with a determination that the first input is not maintained on the display.

A method is described. The method is performed in an electronic device having a display and a touch-sensitive surface. The method includes, via the display, displaying a user interface; detecting a first input corresponding to a request to scroll the user interface; in response to detecting the first input, scrolling the user interface and displaying a scroll progress indicator; detecting a second input comprising a first portion that is substantially stationary, followed by a second portion comprising movement in a first direction while the scroll progress indicator is displayed; and in response to detecting the second input: according to a determination that the first portion of the second input was directed to the scroll progress indicator and does not meet the first criteria, based on movement of the contact in the second portion of the second input. to scroll the user interface in a first manner; and in accordance with a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, a second manner different from the first manner and based on movement of the contact in the second portion of the second input. and scrolling the user interface with

A non-transitory computer-readable storage medium is described. The non-transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, wherein the one or more programs are configured to, via the display, display a user interface. instructions; instructions for detecting a first input corresponding to a request to scroll the user interface; in response to detecting the first input, instructions for scrolling the user interface and displaying a scroll progress indicator; instructions for detecting a second input comprising a first portion that is substantially stationary, followed by a second portion comprising movement in a first direction while the scroll progress indicator is displayed; and in response to detecting the second input: according to a determination that the first portion of the second input was directed to the scroll progress indicator and does not meet the first criteria, based on movement of the contact in the second portion of the second input. to scroll the user interface in a first manner; and in accordance with a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, a second manner different from the first manner and based on movement of the contact in the second portion of the second input. contains commands for scrolling the user interface.

A transitory computer readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs providing instructions for, via the display, to display a user interface. field; instructions for detecting a first input corresponding to a request to scroll the user interface; in response to detecting the first input, instructions for scrolling the user interface and displaying a scroll progress indicator; instructions for detecting a second input comprising a first portion that is substantially stationary, followed by a second portion comprising movement in a first direction while the scroll progress indicator is displayed; and in response to detecting the second input: according to a determination that the first portion of the second input was directed to the scroll progress indicator and does not meet the first criteria, based on movement of the contact in the second portion of the second input. to scroll the user interface in a first manner; and in accordance with a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, a second manner different from the first manner and based on movement of the contact in the second portion of the second input. contains commands for scrolling the user interface.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; one or more processors; and a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: instructions for displaying, via the display, a user interface; instructions for detecting a first input corresponding to a request to scroll the user interface; in response to detecting the first input, instructions for scrolling the user interface and displaying a scroll progress indicator; instructions for detecting a second input comprising a first portion that is substantially stationary, followed by a second portion comprising movement in a first direction while the scroll progress indicator is displayed; and in response to detecting the second input: according to a determination that the first portion of the second input was directed to the scroll progress indicator and does not meet the first criteria, based on movement of the contact in the second portion of the second input. to scroll the user interface in a first manner; and in accordance with a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, a second manner different from the first manner and based on movement of the contact in the second portion of the second input. contains commands for scrolling the user interface.

An electronic device is described. The electronic device includes a display; touch-sensitive surface; means for displaying, via the display, a user interface; means for detecting a first input corresponding to a request to scroll the user interface; means for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input; means for detecting a second input comprising a first portion that is substantially stationary, followed by a second portion comprising movement in a first direction while the scroll progress indicator is displayed; and in response to detecting the second input: according to a determination that the first portion of the second input was directed to the scroll progress indicator and does not meet the first criteria, based on movement of the contact in the second portion of the second input. means for scrolling the user interface in a first manner; and in accordance with a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, a second manner different from the first manner and based on movement of the contact in the second portion of the second input. and means for scrolling the user interface.

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

Accordingly, devices are provided with faster and more efficient methods and interfaces for selecting and scrolling items, thereby increasing the effectiveness, efficiency and user satisfaction of such devices. Such methods and interfaces may supplement or replace other methods for selecting and scrolling items.

For a better understanding of the variously described embodiments, reference should be made to the specific details for carrying out the following invention in connection with the following drawings in which like reference numerals indicate corresponding parts throughout the drawings.
1A is a block diagram illustrating a portable multifunction device with a touch-sensitive display, in accordance with some embodiments.
1B is a block diagram illustrating example components for event processing, in accordance with some embodiments.
2 illustrates a portable multifunction device with a touch screen, in accordance with some embodiments.
3 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface, in accordance with some embodiments.
4A illustrates an example user interface for a menu of applications on a portable multifunction device, in accordance with some embodiments.
4B illustrates an example user interface for a multifunction device having a touch-sensitive surface separate from a display, in accordance with some embodiments.
5A illustrates a personal electronic device in accordance with some embodiments.
5B is a block diagram illustrating a personal electronic device in accordance with some embodiments.
6A-6S illustrate example user interfaces for selecting and scrolling items in accordance with some embodiments.
7 is a flow diagram illustrating a method for selecting and scrolling items in accordance with some embodiments.
8A-8R illustrate example user interfaces for selecting and scrolling items in accordance with some embodiments.
9 is a flow diagram illustrating a method for selecting and scrolling items in accordance with some embodiments.
10A-10W illustrate example user interfaces for scrolling through items in accordance with some embodiments.
11 is a flow diagram illustrating a method for scrolling items in accordance with some embodiments.

The following description sets forth exemplary methods, parameters, and the like. It should be appreciated, however, that this description is not intended as a limitation on the scope of the present invention, but is instead provided as a description of exemplary embodiments.

A need exists for electronic devices that provide efficient methods and interfaces for selecting and scrolling items. For example, items in a list, such as a list of emails, can be scrolled and selected (eg, to perform an action such as moving or deleting emails) using the disclosed techniques. Such techniques may reduce the cognitive burden on a user selecting and scrolling through items, thereby improving productivity. Additionally, such techniques may reduce processor and battery power that would otherwise be wasted on excessive user inputs.

1A and 1B, 2, 3, 4A and 4B, and 5A and 5B provide descriptions of example devices for performing techniques for selecting and scrolling items below. 6A-6S illustrate example user interfaces for selecting and scrolling items. 7 is a flow diagram illustrating methods of selecting and scrolling items in accordance with some embodiments. The user interfaces of FIGS. 6A-6S are used to illustrate the processes described below, including the processes of FIG. 7 . 8A-8R illustrate example user interfaces for selecting and scrolling items. 9 is a flow diagram illustrating methods of selecting and scrolling items in accordance with some embodiments. The user interfaces of FIGS. 8A-8R are used to illustrate the processes described below, including the processes of FIG. 9 . 10A-10W illustrate example user interfaces for scrolling through items. 11 is a flow diagram illustrating methods of scrolling items in accordance with some embodiments. The user interfaces of FIGS. 10A-10W are used to illustrate the processes described below, including the processes of FIG. 11 .

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

The terminology used in the description of the variously described embodiments herein is for the purpose of describing the specific embodiments only, and is not intended to be limiting. As used in the description of the various described embodiments and in the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It is intended It will also be understood that the term “and/or” as used herein denotes and encompasses any and all possible combinations of one or more of the associated listed items. The terms “include,” “including,” “comprise,” and/or “comprising,” as used herein, refer to the recited features, integers Specifies the presence of steps, steps, actions, elements, and/or components, but the presence of one or more other features, integers, steps, actions, elements, components, and/or groups thereof. It will be further understood that the addition is not excluded.

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

Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions such as PDA and/or music player functions. Illustrative embodiments of portable multifunction devices are limited to iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, CA. include without Other portable electronic devices such as laptop or tablet computers with touch-sensitive surfaces (eg, touch screen displays and/or touchpads) are optionally used. It should also be understood that in some embodiments, the device is not a portable communication device but a desktop computer with a touch-sensitive surface (eg, a touch screen display and/or a touchpad).

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

A device typically supports a variety of applications such as one or more of the following: drawing applications, presentation applications, word processing applications, website creation applications, disk authoring applications, spreadsheet applications, gaming applications, phone applications, video conferencing applications, email applications, instant messaging applications, exercise support applications, photo management applications, digital camera applications, digital video camera applications, web browsing applications, digital music player applications, and/or digital video player applications.

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

Attention is now directed to embodiments of portable devices having touch-sensitive displays. 1A is a block diagram illustrating a portable multifunction device 100 having a touch-sensitive display system 112 in accordance with some embodiments. Touch-sensitive display 112 is sometimes referred to as a “touch screen” for convenience, and is sometimes known or referred to as a “touch-sensitive display system.” The device 100 includes a memory 102 (optionally including one or more computer-readable storage media), a memory controller 122 , one or more processing units (CPUs) 120 , a peripheral interface 118 , and RF circuitry. 108 , audio circuitry 110 , speaker 111 , microphone 113 , input/output (I/O) subsystem 106 , other input control devices 116 , and external port 124 . include Device 100 optionally includes one or more optical sensors 164 . Device 100 may optionally include one or more contact intensity sensors to detect intensity of contacts on device 100 (eg, a touch-sensitive surface such as touch-sensitive display system 112 of device 100 ). (165). Device 100 may optionally be configured with a touch-sensitive display system 112 of device 100 or a touchpad 355 of device 300 for generating tactile outputs on device 100 (eg, with touch-sensitive display system 112 of device 100 ) one or more tactile output generators 167 (for generating tactile outputs on the same touch-sensitive surface). These components optionally communicate via one or more communication buses or signal lines 103 .

As used in the specification and claims, the term “strength” of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (eg, finger contact) on the touch-sensitive surface, or touch-sensitive. Refers to a substitute (surrogate) for the force or pressure of contact on a surface. The intensity of the contact has a range of values including at least four distinct values and more typically including hundreds (eg, at least 256) distinct values. The intensity of the contact is optionally determined (or measured) using various approaches, and various sensors or combinations of sensors. For example, one or more force sensors below or adjacent to the touch-sensitive surface are optionally used to measure force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (eg, weighted average) to determine an estimated force of a contact. Similarly, a pressure-sensitive tip of the stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size and/or changes thereto of the contact area detected on the touch-sensitive surface, the capacitance and/or changes thereto of the touch-sensitive surface in the vicinity of the contact, and/or the touch-sensitive surface in the vicinity of the contact The resistance and/or changes thereto are optionally used as a substitute for the force or pressure of contact on the touch-sensitive surface. In some implementations, the surrogate measurements for contact force or pressure are used directly to determine whether an intensity threshold has been exceeded (eg, the intensity threshold is described in units corresponding to the surrogate measurements). In some implementations, alternative measurements for contact force or pressure are converted to an estimated force or pressure, and the estimated force or pressure is used to determine whether an intensity threshold has been exceeded (eg, the intensity threshold is a pressure is the pressure threshold measured in units of ). Using the intensity of the contact as an attribute of the user input would otherwise display affordances (eg, on a touch-sensitive display) and/or (eg, a touch-sensitive display, touch-sensitive surface, or knob). or through physical/mechanical controls such as buttons) enable user access to additional device functionality that may not be accessible by the user on a reduced sized device with a limited footprint for receiving user input.

As used in the specification and claims, the term “tactile output” refers to the physical displacement of a device relative to its previous position, a component of the device (eg, a touch-sensitive surface) relative to another component of the device (eg, a housing). ), or the displacement of a component with respect to the center of mass of the device to be detected by the user using the user's tactile sense. For example, in situations where the device or component of the device is in contact with a touch-sensitive user's surface (eg, a finger, palm, or other part of the user's hand), the tactile output generated by the physical displacement may to be interpreted as a tactile sensation corresponding to a perceived change in the physical properties of a device or component of a device. For example, movement of a touch-sensitive surface (eg, a touch-sensitive display or trackpad) may optionally be directed to the user as a “down click” or “up click” of a physical actuator button. interpreted by In some cases, a user may experience a tactile sense, such as a "down click" or "up click," even in the absence of movement of a physical actuator button associated with a touch-sensitive surface that is physically depressed (eg, displaced) by movement of the user. will feel As another example, movement of the touch-sensitive surface is optionally interpreted or sensed by the user as “roughness” of the touch-sensitive surface even when there is no change in smoothness of the touch-sensitive surface. Although such interpretations of touch by a user will be susceptible to the user's individualized sensory perceptions, there are many touch sensory perceptions that are common to the majority of users. Thus, when tactile output is described as corresponding to a user's specific sensory perception (eg, "up click", "down click", "roughness"), unless otherwise stated, the tactile output generated is typical (or average) corresponds to the physical displacement of the device or component thereof that will produce the described sensory perception for the user.

Device 100 is only one example of a portable multifunction device, and device 100 may optionally have more or fewer components than shown, optionally combine two or more components, or optionally a component It should be understood that they have a different configuration or arrangement of the The various components shown in FIG. 1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing circuits and/or application-specific integrated circuits (ASICs).

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

Peripheral interface 118 may be used to couple input and output peripherals of the device to CPU 120 and memory 102 . One or more processors 120 run or execute various software programs and/or sets of instructions stored in memory 102 to process data and to perform various functions for device 100 . In some embodiments, peripherals 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.

Radio frequency (RF) circuitry 108 receives and transmits RF signals, also referred to as electromagnetic signals. The RF circuitry 108 converts electrical signals to/from electromagnetic signals and communicates with communication networks and other communication devices via the electromagnetic signals. The RF circuitry 108 may optionally implement 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 SIM card, memory, and the like. It includes well-known circuitry for carrying out. The RF circuitry 108 may optionally include networks such as the Internet, an intranet, and/or a wireless network, also referred to as the World Wide Web (WWW), such as a cellular telephone network, a wireless local area network (LAN), and/or a metropolitan area network. (MAN), and other devices by wireless communication. RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, eg, by a short-range communication radio. Wireless communication is optionally, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution (EV-DO), Data-Only), HSPA, HSPA+, DC-HSPDA (Dual-Cell HSPA), LTE (long term evolution), NFC (near field communication), W-CDMA (wideband code division multiple access), CDMA (code division multiple access) ), time division multiple access (TDMA), Bluetooth (Bluetooth), Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (eg, IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n and/or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, protocols for email (eg, Internet message access protocol (IMAP) and/or post office protocol (POP)), instant messaging (eg, extensible messaging (XMPP)) and presence protocol), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS), and/or Short Message Service (SMS), or communications not yet developed as of the filing date of this document. protocols, including any other suitable It uses any of a plurality of communication standards, protocols and technologies including, but not limited to, a communication protocol.

The audio circuitry 110 , the speaker 111 , and the microphone 113 provide an audio interface between the user and the device 100 . The audio circuit unit 110 receives audio data from the peripheral device 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 that can be heard by humans. The audio circuitry 110 also receives an 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 peripherals interface 118 for processing. Audio data is optionally fetched from and/or transmitted to memory 102 and/or RF circuitry 108 by peripherals interface 118 . In some embodiments, audio circuitry 110 also includes a headset jack (eg, 212 in FIG. 2 ). The headset jack is a connection between the audio circuitry 110 and detachable audio input/output peripherals, such as output-only headphones, or a headset that has both an output (eg, one or both ear headphones) and an input (eg, a microphone). Provides an interface.

I/O subsystem 106 couples input/output peripherals on device 100 , such as touch screen 112 and other input control devices 116 , to peripherals interface 118 . I/O subsystem 106 optionally includes display controller 156 , light sensor controller 158 , depth camera controller 169 , intensity sensor controller 159 , haptic feedback controller 161 , and other inputs or controls. one or more input controllers 160 for devices. One or more input controllers 160 receive/transmit electrical signals to/from other input control devices 116 . Other input control devices 116 optionally include physical buttons (eg, push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, and the like. In some alternative embodiments, the input controller(s) 160 is optionally coupled to (or not coupled to) any of a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. . One or more buttons (eg, 208 in FIG. 2 ) optionally include an up/down button for volume control of the speaker 111 and/or the microphone 113 . The one or more buttons optionally include a push button (eg, 206 in FIG. 2 ).

A quick press of the push button optionally initiates the processes of using gestures on the touch screen to selectively unlock the touch screen 112, or to unlock the device, which occurs December 23, 2005 As described in U.S. Patent Application Serial No. 11/322,549, filed on the date of "Unlocking a Device by Performing Gestures on an Unlock Image," U.S. Patent No. 7,657,849, which is hereby incorporated by reference in its entirety. do. A longer press of the push button (eg, 206 ) selectively powers on or off the device 100 . The functionality of one or more buttons is, optionally, customizable. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

The touch-sensitive display 112 provides an input interface and an output interface between the device and the user. Display controller 156 receives and/or transmits electrical signals to/from touch screen 112 . Touch screen 112 displays a visual output to the user. The visual output optionally includes graphics, text, icons, video, and any combination thereof (collectively referred to as “graphics”). In some embodiments, some or all of the visual output optionally corresponds to user interface objects.

Touch screen 112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from a user based on haptic and/or tactile contact. Touch screen 112 and display controller 156 (along with any associated modules and/or sets of instructions within memory 102) contact (and any movement or cessation of contact) on touch screen 112 . ) and converts the detected contact into interaction with user interface objects (eg, one or more soft keys, icons, web pages or images) displayed on the touch screen 112 . In an exemplary embodiment, the point of contact between the touch screen 112 and the user corresponds to the user's finger.

Touch screen 112 optionally uses liquid crystal display (LCD) technology, light emitting polymer display (LPD) technology, or light emitting diode (LED) technology, although other display technologies are used in other embodiments. The touch screen 112 and display controller 156 optionally provide one or more points of contact with the touch screen 112, or other proximity sensor arrays, as well as capacitive, resistive, infrared, and surface acoustic wave technologies. Detecting a contact and any movement or interruption thereof using any of a plurality of touch sensing technologies, currently known or later developed, including, but not limited to, other factors for determining. In an exemplary embodiment, a projected mutual capacitance sensing technology such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, CA is used.

The touch-sensitive display in some embodiments of the touch screen 112 may optionally be described in US Pat. , and/or the multi-touch sensitive touchpads described in US Patent Publication No. 2002/0015024A1, each of which is incorporated herein by reference in its entirety. However, touch screen 112 displays visual output from device 100 , while touch-sensitive touchpads do not provide visual output.

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

Touch screen 112 optionally has a video resolution greater than 100 dpi. In some embodiments, the touch screen has a video resolution of approximately 160 dpi. The user, optionally, makes contact with the touch screen 112 using any suitable object or appendage, such as a stylus, finger, or the like. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which may be less precise than stylus-based input due to the larger contact area of the finger on the touch screen. In some embodiments, the device converts coarse finger-based input into precise pointer/cursor positions or commands for performing actions desired by the user.

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

Device 100 also includes a power system 162 for powering various components. Power system 162 may optionally include a power management system, one or more power sources (eg, a battery, alternating current (AC)), a recharge system, a power failure detection circuit, a power converter or inverter, a power status indicator ( light emitting diodes (LEDs), for example), and any other components associated with the generation, management, and distribution of power within portable devices.

Device 100 also optionally includes one or more optical sensors 164 . 1A shows a light sensor coupled to a light sensor controller 158 in the I/O subsystem 106 . Optical sensor 164 optionally includes charge-coupled device (CCD) or complementary metal-oxide semiconductor (CMOS) phototransistors. The light sensor 164 receives light from the surrounding environment, projected through one or more lenses, and converts the light into data representing an image. In conjunction with imaging module 143 (also referred to as camera module), optical sensor 164 optionally captures still images or video. In some embodiments, the optical sensor is located on the back of the device 100 opposite the touch screen display 112 on the front of the device so that the touch screen display can be used as a viewfinder for still and/or video image acquisition. let there be In some embodiments, an optical sensor is positioned on the front of the device such that, optionally, an image of the user is obtained for the videoconference while the user views other videoconference participants on the touch screen display. In some embodiments, the position of the optical sensor 164 can be changed by the user (eg, by rotating the sensor and a lens within the device housing) so that a single optical sensor 164 can image along with the touch screen display. It is intended to be used for both conference and still and/or video image acquisition.

Device 100 also optionally includes one or more depth camera sensors 175 . 1A shows a depth camera sensor coupled to a depth camera controller 169 in the I/O subsystem 106 . The depth camera sensor 175 receives data from the environment to generate a three-dimensional model of an object (eg, a face) in the scene from a viewpoint (eg, a depth camera sensor). In some embodiments, in conjunction with imaging module 143 (also referred to as camera module), depth camera sensor 175 optionally determines a depth map of different portions of an image captured by imaging module 143 . is used to In some embodiments, a depth camera sensor is positioned on the front of device 100 , optionally allowing a user to capture selfies using depth map data and while viewing other videoconference participants on the touch screen display. to allow an image of the user with depth information to be acquired for video conferencing. In some embodiments, the depth camera sensor 175 is located on the back of the device, or on the back and front of the device 100 . In some embodiments, the position of the depth camera sensor 175 may be changed by the user (eg, by rotating a lens and sensor within the device housing) such that the depth camera sensor 175 is videoconferencing with the touch screen display. and both still and/or video image acquisition.

Device 100 also optionally includes one or more contact intensity sensors 165 . 1A shows a contact intensity sensor coupled to an intensity sensor controller 159 in the I/O subsystem 106 . Contact intensity sensor 165 may 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 (eg, sensors used to measure the force (or pressure) of a contact on a touch-sensitive surface. The contact intensity sensor 165 receives contact intensity information (eg, pressure information or a surrogate for pressure information) from the environment. In some embodiments, at least one contact intensity sensor is collocated with or proximate to a touch-sensitive surface (eg, touch-sensitive display system 112 ). In some embodiments, at least one contact intensity sensor is located on the back of the device 100 opposite the touch screen display 112 positioned on the front of the device 100 .

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

Device 100 also optionally includes one or more tactile output generators 167 . 1A shows a tactile output generator coupled to a haptic feedback controller 161 in the I/O subsystem 106 . Tactile output generator 167 optionally generates one or more electroacoustic devices, such as speakers or other audio components, and/or a motor, solenoid, electroactive polymer, piezoelectric actuator, electrostatic actuator, or other tactile output generator. Electromechanical devices that convert energy into linear motion, such as a component (eg, a component that converts electrical signals into tactile outputs on the device). The contact intensity sensor 165 receives tactile feedback generation instructions from the haptic feedback module 133 to generate tactile outputs on the device 100 that can be sensed by a user of the device 100 . In some embodiments, the at least one tactile output generator is positioned with or proximate a touch-sensitive surface (eg, touch-sensitive display system 112 ), and optionally, vertically (eg, vertically) the touch-sensitive surface. , generates a tactile output by moving it in/out of the surface of the device 100 ) or laterally (eg, back and forth in the same plane as the surface of the device 100 ). In some embodiments, the at least one tactile output generator sensor is located on the back of the device 100 opposite the touch screen display 112 positioned on the front of the device 100 .

Device 100 also optionally includes one or more accelerometers 168 . 1A shows an accelerometer 168 coupled to a peripherals interface 118 . Alternatively, the accelerometer 168 is optionally coupled to an input controller 160 within the I/O subsystem 106 . Accelerometer 168 is optionally described in US Patent Publication Nos. 20050190059, "Acceleration-based Theft Detection System for Portable Electronic Devices," and US Patent Publication Nos. 2006017692, "Methods And Apparatuses For Operating A Portable Device Based On An. Accelerometer", both of which are incorporated herein by reference in their entirety. In some embodiments, information is displayed on the touch screen display in a portrait view or a landscape view based on analysis of data received from one or more accelerometers. Device 100 may optionally include, in addition to accelerometer(s) 168 , a magnetometer and GPS (or GLONASS or other global navigation system) receiver.

In some embodiments, software components stored in memory 102 include operating system 126 , communication module (or set of instructions) 128 , contact/motion module (or set of instructions) 130 , graphics module ( or set of instructions) 132 , a text input module (or set of instructions) 134 , a GPS module (or set of instructions) 135 , and applications (or sets of instructions) 136 . . Furthermore, in some embodiments, the memory (102 in FIG. 1A or 370 in FIG. 3 ) stores device/global internal state 157 as shown in FIGS. 1A and 3 . The device/global internal state 157, if present, includes an active application state indicating which applications are currently active; a display state indicating which applications, views, or other information occupy the various areas of the touch screen display 112 ; sensor status, including information obtained from various sensors and input control devices 116 of the device; and location information regarding the location and/or posture of the device.

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

Communication module 128 enables communication with other devices via one or more external ports 124 , and also provides various functions for processing data received by RF circuitry 108 and/or external ports 124 . Includes software components. External port 124 (eg, USB, FIREWIRE, etc.) is configured to couple directly to other devices or indirectly through a network (eg, Internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (eg, 30-pin) connector that is the same as, similar to, and/or compatible with the 30-pin connector used in iPod® (trademark of Apple Inc.) devices.

Contact/motion module 130 optionally detects contact with touch screen 112 (in conjunction with display controller 156 ), and other touch-sensitive devices (eg, a touch pad or physical click wheel). . The contact/motion module 130 is configured to determine whether a contact has occurred (eg, to detect a finger-down event), the strength of the contact (eg, the force or pressure of the contact, or the contact). determining whether there is movement of a contact to track movement across the touch-sensitive surface (e.g., one or more finger-dragging events); detecting), and determining whether the contact has ceased (eg, detecting a finger-up event or contact cessation) for performing various actions related to detection of a contact. It includes various software components. The contact/motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of the contact point represented by the set of contact data optionally determines a speed (magnitude), velocity (magnitude and direction), and/or acceleration (change in magnitude and/or direction) of the contact point. includes doing These operations are, optionally, applied to single contacts (eg, one finger contacts) or to multiple simultaneous contacts (eg, "multi-touch"/multiple finger contacts). In some embodiments, contact/motion module 130 and display controller 156 detect a contact on the touchpad.

In some embodiments, the contact/motion module 130 may use one or more intensity thresholds to determine whether an action was performed by the user (eg, to determine whether the user "clicked" on an icon). use a set In some embodiments, at least a subset of the intensity thresholds are determined according to software parameters (eg, the intensity thresholds are not determined by activation thresholds of particular physical actuators, but changing the physical hardware of the device 100 ) can be adjusted without). For example, the mouse "click" threshold of a trackpad or touch screen display may be set to any of a wide range of predefined threshold values without changing the trackpad or touch screen display hardware. Additionally, in some implementations, a user of the device (eg, by adjusting individual intensity thresholds and/or adjusting a plurality of intensity thresholds at once with a system level click "intensity" parameter) may Software settings for adjusting the intensity threshold are provided.

The contact/motion module 130 optionally detects a gesture input by the user. Different gestures on the touch-sensitive surface have different contact patterns (eg, different motions, timings, and/or intensities of detected contacts). Thus, the gesture is selectively detected by detecting a specific contact pattern. For example, detecting a finger tap gesture may include detecting a finger-down event followed by a finger-up at the same location (or substantially the same location) as the finger-down event (eg, the location of the icon). and detecting (liftoff) events. As another example, detecting a finger swipe gesture on a touch-sensitive surface may detect a finger-down event followed by one or more finger-drag events followed by a finger-up (lift-off) event. ) to detect the event.

The graphics module 132 renders and renders graphics on the touch screen 112 or other display, including components for changing the visual effect (eg, brightness, transparency, saturation, contrast, or other visual property) of the displayed graphic. It includes various well-known software components for display. As used herein, the term “graphic” includes, without limitation, text, web pages, icons (eg, user interface objects including soft keys), digital images, videos, animations, and the like. , including any object that can be displayed to the user.

In some embodiments, graphics module 132 stores data representing graphics to be used. Each graphic is optionally assigned a corresponding code. Graphics module 132 receives one or more codes from applications, etc. that specify a graphic to be displayed, along with coordinate data and other graphic attribute data, if necessary, and then generates screen image data to display controller 156 . print out

The haptic feedback module 133 is used by the tactile output generator(s) 167 to generate tactile outputs at one or more locations on the device 100 in response to user interactions with the device 100 . It includes various software components for generating instructions.

The text input module 134 , optionally a component of the graphics module 132 , can be used for various applications (eg, contacts 137 , email 140 , IM 141 , browser 147 , and text input It provides soft keyboards for entering text into any other application).

GPS module 135 determines the location of the device and uses this information for use in various applications (eg, to phone 138 for use in location-based dialing; camera 143 as photo/video metadata) and to applications that provide location-based services such as weather widgets, local yellow page widgets and map/navigation widgets).

Applications 136 optionally include the following modules (or sets of instructions), or a subset or superset thereof:

연락처 모듈(137)(때때로 주소록 또는 연락처 목록으로 지칭됨);

contacts module 137 (sometimes referred to as an address book or contact list);

전화 모듈(138);

phone module 138;

화상 회의 모듈(139);

video conferencing module 139;

이메일 클라이언트 모듈(140);

email client module 140;

인스턴트 메시징(IM) 모듈(141);

an instant messaging (IM) module 141;

운동 지원 모듈(142);

exercise support module 142;

정지 및/또는 비디오 이미지들을 위한 카메라 모듈(143);

a camera module 143 for still and/or video images;

이미지 관리 모듈(144);

image management module 144;

비디오 재생기 모듈;

video player module;

음악 재생기 모듈;

music player module;

브라우저 모듈(147);

browser module 147;

캘린더 모듈(148);

calendar module 148;

날씨 위젯(149-1), 주식 위젯(149-2), 계산기 위젯(149-3), 알람 시계 위젯(149-4), 사전 위젯(149-5), 및 사용자에 의해 얻어지는 다른 위젯들뿐 아니라 사용자-생성 위젯들(149-6) 중 하나 이상을 선택적으로 포함하는 위젯 모듈들(149);

Weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, and other widgets obtained by the user only but also widget modules 149 that optionally include one or more of user-created widgets 149-6;

사용자-생성 위젯들(149-6)을 만들기 위한 위젯 생성기 모듈(150);

a widget generator module 150 for creating user-created widgets 149-6;

검색 모듈(151);

search module 151;

비디오 재생기 모듈 및 음악 재생기 모듈을 통합하는 비디오 및 음악 재생기 모듈(152);

a video and music player module 152 incorporating a video player module and a music player module;

메모 모듈(153);

memo module 153;

지도 모듈(154); 및/또는

map module 154; and/or

온라인 비디오 모듈(155).

Online video module (155).

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

Along with touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 and text input module 134 , contacts module 137 may optionally include an address book or contact list ( stored in application internal state 192 of, for example, memory 102 or contacts module 137 in memory 370), which includes: adding the name(s) to the address book; thing; deleting name(s) from the address book; associating a name with a phone number(s), email address(es), physical address(es) or other information; associating an image with a name; sorting and sorting names; providing phone numbers or email addresses to initiate and/or facilitate communication by phone 138 , video conferencing module 139 , email 140 , or IM 141 , and the like.

RF circuitry 108 , audio circuitry 110 , speaker 111 , microphone 113 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , and text In conjunction with the input module 134 , the phone module 138 optionally enters a sequence of characters corresponding to a phone number, accesses one or more phone numbers in the contacts module 137 , and modifies the entered phone number. It is used to call, dial individual phone numbers, have a conversation, and disconnect or hang up when the conversation is complete. As noted above, wireless communications optionally use any of a plurality of communication standards, protocols and technologies.

RF circuitry 108 , audio circuitry 110 , speaker 111 , microphone 113 , touch screen 112 , display controller 156 , optical sensor 164 , optical sensor controller 158 , contact/motion Together with the module 130 , the graphics module 132 , the text input module 134 , the contacts module 137 and the phone module 138 , the video conferencing module 139 communicates with the user according to user instructions. and executable instructions for initiating, conducting, and terminating a video conference between participants.

Along with RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 and text input module 134 , email client module 140 provides user instruction executable instructions for composing, sending, receiving, and managing email in response to Together with the image management module 144 , the email client module 140 greatly facilitates creating and sending emails with still or video images taken with the camera module 143 .

Along with RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 and text input module 134 , instant messaging module 141 is Enter a sequence of characters corresponding to a message, modify previously entered characters (eg, Short Message Service (SMS) for phone-based instant messages) or Multimedia Message Service (Multimedia Message Service) , MMS) protocol, or using XMPP, SIMPLE or IMPS for Internet-based instant messages), including executable instructions to send, receive instant messages, and view received instant messages. . In some embodiments, transmitted and/or received instant messages optionally include graphics, photos, audio files, video files and/or other attachments as supported by MMS and/or Enhanced Messaging Service (EMS). As used herein, “instant messaging” refers to phone-based messages (eg, messages sent using SMS or MMS) and Internet-based messages (eg, messages sent using XMPP, SIMPLE, or IMPS). ) refers to both.

RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134, GPS module 135, map module 154 , and in conjunction with the music player module, the exercise support module 142 may devise exercises (eg, along with time, distance, and/or calorie expenditure goals); communicate with motion sensors (sports devices); receive motion sensor data; calibrate sensors used to monitor movement; select and play music for exercise; executable instructions to display, store, and transmit athletic data.

with touch screen 112 , display controller 156 , optical sensor(s) 164 , optical sensor controller 158 , contact/motion module 130 , graphics module 132 and image management module 144 . , the camera module 143 captures still images or video (including a video stream) and stores them in the memory 102 , modifies the characteristics of the still image or video, Contains executable instructions to delete a video.

Along with the touch screen 112 , the display controller 156 , the contact/motion module 130 , the graphics module 132 , the text input module 134 , and the camera module 143 , the image management module 144 is configured to perform static and and/or executable instructions for arranging, modifying (eg, editing), or otherwise manipulating, labeling, deleting, presenting (eg, in a digital slide show or album), and storing video images .

Along with RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 and text input module 134 , browser module 147 is configured to: executable instructions to browse the Internet according to user instructions, including retrieving, linking to, receiving, and displaying files or portions thereof, as well as attachments and other files linked to web pages include those

RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , text input module 134 , email client module 140 , and browser module ( In conjunction with 147 , calendar module 148 is an executable executable to create, display, modify, and store calendars and data associated with calendars (eg, calendar entries, to-do lists, etc.) according to user instructions. contains commands.

Widget modules, along with RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , text input module 134 and browser module 147 . 149 is optionally downloaded and used by the user (eg, weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4 and dictionary widget 149-5), or mini-applications created by the user (eg, user-created widget 149-6). In some embodiments, the widget includes a Hypertext Markup Language (HTML) file, a Cascading Style Sheets (CSS) file, and a JavaScript file. In some embodiments, the widget includes an Extensible Markup Language (XML) file and a JavaScript file (eg, Yahoo! widgets).

A widget generator module, along with RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , text input module 134 and browser module 147 . 150 is optionally used by the user to create widgets (eg, change a user-specified portion of a web page into a widget).

With touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , and text input module 134 , search module 151 is configured to perform one or more search criteria according to user instructions. executable instructions to search text, music, sound, image, video, and/or other files in memory 102 that match fields (eg, one or more user-specific search terms).

With touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , audio circuitry 110 , speaker 111 , RF circuitry 108 and browser module 147 . , the video and music player module 152 provides executable instructions that enable a user to download and play recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, and videos ( executable instructions to display, show, or otherwise play (eg, on a touch screen 112 or on an externally connected display via an external port 124 ). In some embodiments, device 100 optionally includes the functionality of an MP3 player, such as an iPod (trademark of Apple Inc.).

Along with the touch screen 112 , the display controller 156 , the contact/motion module 130 , the graphics module 132 and the text input module 134 , the memo module 153 is configured to take notes, to do, according to user instructions. executable instructions to create and manage to-do lists and the like.

RF circuitry 108 , touch screen 112 , display controller 156 , contact/motion module 130 , graphics module 132 , text input module 134 , GPS module 135 , and browser module 147 . ), the map module 154 may optionally provide maps and data associated with the maps according to user instructions (eg, driving directions; data regarding shops and other points of interest at or near a particular location; and other location-based data) to receive, display, modify, and store.

Touch screen 112, display controller 156, contact/motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, Along with email client module 140 and browser module 147 , online video module 155 allows a user to access, browse (eg, stream and/or stream) online videos in one or more file formats, such as H.264. or by downloading), playing (e.g., on a touch screen or on an externally connected display via external port 124), sending an email with a link to a particular online video, and otherwise managing it. contains commands. In some embodiments, instant messaging module 141 rather than email client module 140 is used to send a link to a particular online video. For further description of online video applications, see U.S. Provisional Patent Application Serial No. 60/936,562, "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," filed June 20, 2007, and December 31, 2007. may be found in U.S. Patent Application Serial No. 11/968,067, filed on the date of "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos," the contents of which are hereby incorporated by reference in their entirety. .

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

In some embodiments, device 100 is a device in which operation of a predefined set of functions on the device is performed exclusively via a touch screen and/or touchpad. By using a touch screen and/or touchpad as the primary input control device for operation of device 100 , the number of physical input control devices (such as push buttons, dials, etc.) on device 100 is selectively reduced.

The predefined set of functions performed entirely via the touch screen and/or touchpad optionally include navigation between user interfaces. In some embodiments, the touchpad, when touched by a user, navigates device 100 from any user interface displayed on device 100 to a main, home, or root menu. In these embodiments, a “menu button” is implemented using a touchpad. In some other embodiments, the menu button is a physical push button or other physical input control device instead of a touchpad.

1B is a block diagram illustrating example components for event processing, in accordance with some embodiments. In some embodiments, memory (102 in FIG. 1A or 370 in FIG. 3 ) includes event classifier 170 (eg, in operating system 126 ) and each application 136 - 1 (eg, application described above). (any of 137-151, 155, 380-390).

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

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

The event monitor 171 receives event information from the peripheral interface 118 . The event information includes information about a subevent (eg, a user touch on the touch-sensitive display 112 as part of a multi-touch gesture). Peripheral interface 118 is from I/O subsystem 106 or sensors, such as proximity sensor 166 , accelerometer(s) 168 , and/or microphone 113 (via audio circuitry 110 ). Sends received information. Information that peripherals interface 118 receives from I/O subsystem 106 includes information from touch-sensitive display 112 or a touch-sensitive surface.

In some embodiments, event monitor 171 sends requests to peripherals interface 118 at predetermined intervals. In response, the peripherals interface 118 transmits event information. In other embodiments, peripherals interface 118 transmits event information only when there is a significant event (eg, receiving input exceeding a predetermined noise threshold and/or input for exceeding a predetermined duration). .

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

Hit view determination module 172 provides software procedures for determining where a subevent occurred within one or more views when touch-sensitive display 112 displays more than one view. Views consist of controls and other elements that the user can see on the display.

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

The hit view determination module 172 receives information related to sub-events of the touch-based gesture. If the 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 handle the subevent. In most situations, the hit view is the lowest level view in which an initiating subevent occurs (eg, the first subevent in a sequence of subevents forming an event or potential event). Once a hit view is identified by hit view determination module 172 , the hit view typically receives all subevents related to the same touch or input source that caused it to be identified as a hit view.

The active event recognizer determination module 173 determines which view or views within the view hierarchy should receive a particular sequence of subevents. In some embodiments, the active event recognizer determination module 173 determines that only the hit view should receive a particular sequence of subevents. In other embodiments, the active event recognizer determination module 173 determines that all views containing the physical location of the subevent are actively involved views, so that all actively involved views are specific to the subevents. It decides that it should receive the sequence. In other embodiments, even if the touch subevents are exclusively confined to the area associated with one particular view, the top views in the hierarchy will still remain as actively engaged views.

The event dispatcher module 174 dispatches event information to an event recognizer (eg, event recognizer 180 ). In embodiments that include an active event recognizer determination module 173 , the event dispatcher module 174 communicates event information to the event recognizer determined by the active event recognizer determination module 173 . In some embodiments, the event dispatcher module 174 stores event information in an event queue, where the event information is fetched by the respective event receiver 182 .

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

In some embodiments, application 136 - 1 includes a plurality of event handlers 190 and one or more application views 191 , each of which is a touch event occurring within a respective view of the application's user interface. Includes instructions for processing them. Each application view 191 of application 136 - 1 includes one or more event recognizers 180 . Typically, each 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 separate module, such as a user interface kit or higher-level object from which the application 136 - 1 inherits methods and other properties. In some embodiments, the respective event handler 190 is one of the data updater 176 , the object updater 177 , the GUI updater 178 , and/or the event data 179 received from the event classifier 170 . includes more than Event handler 190 optionally uses or calls data updater 176 , object updater 177 or GUI updater 178 to update application internal state 192 . Alternatively, one or more of the application views 191 include one or more respective event handlers 190 . Also, in some embodiments, one or more of data updater 176 , object updater 177 , and GUI updater 178 are included within respective application view 191 .

Each event recognizer 180 receives event information (eg, 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, event recognizer 180 also includes at least a subset of metadata 183 and event delivery instructions 188 (optionally including subevent delivery instructions).

The event receiver 182 receives event information from the event classifier 170 . The event information includes information about a sub-event, for example, 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. If the sub-event relates to motion of the touch, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, the events include rotation of the device from one orientation to another (eg, from a portrait orientation to a landscape orientation, or vice versa), and the event information is the current orientation of the device (also referred to as device orientation). ) and corresponding information about

The event comparator 184 compares the event information to predefined event or subevent definitions, and based on the comparison, determines an event or subevent, or determines or updates the status of the event or subevent. In some embodiments, event comparator 184 includes event definitions 186 . Event definitions 186 include definitions of events (eg, predefined sequences of sub-events), eg, event 1 187-1, event 2 187-2, and the like. In some embodiments, sub-events within event 187 include, for example, touch start, touch end, touch move, touch cancel, and multi-touch. In one example, the definition for event 1 (187-1) is a double tap on the displayed object. A double tap is, for example, a first touch (touch start) on a displayed object during a predetermined phase, a first liftoff (touch end) during a predetermined phase, a displayed object during a predetermined phase a second touch on the upper body (touch start), and a second liftoff (touch end) for a predetermined phase. In another example, the definition for event 2 187 - 2 is dragging on the displayed object. Dragging includes, for example, a touch (or contact) on the displayed object for a predetermined phase, movement of the touch across the touch-sensitive display 112 , and liftoff of the touch (touch termination). In some embodiments, the event also includes information about one or more associated event handlers 190 .

In some embodiments, event definition 187 includes a definition of an event for a respective user interface object. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view in which three user interface objects are displayed on the touch-sensitive display 112 , when a touch is detected on the touch-sensitive display 112 , the event comparator 184 displays the three user interface objects A hit test is performed to determine which of these is associated with a touch (subevent). When each displayed object is associated with a respective 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 an event handler associated with the object and subevent that triggers the hit test.

In some embodiments, the definition for each event 187 also includes deferred actions of delaying delivery of event information until after it has been determined whether the sequence of subevents corresponds or does not correspond to an event type of the event recognizer. .

If the individual event recognizer 180 determines that the set of sub-events does not match any of the events in the event definitions 186 , the individual event recognizer 180 determines that the event is not possible, the event failed, or the event ends. A state is entered, after which the individual event recognizer ignores subsequent subevents of the touch-based gesture. In this situation, other event recognizers that remain active for the hit view, if any, continue to track and process sub-events of the touch-based gesture in progress.

In some embodiments, individual event recognizer 180 sets configurable attributes, flags, and/or lists that indicate how the event delivery system should perform subevent delivery to actively participating event recognizers. metadata 183 with In some embodiments, metadata 183 includes configurable properties, flags, and/or lists that indicate how event recognizers interact with, or become interactive, with each other. In some embodiments, metadata 183 includes configurable properties, flags, and/or lists that indicate whether subevents are delivered to various levels in the view hierarchy or program hierarchy. .

In some embodiments, an individual event recognizer 180 activates an event handler 190 associated with an event when one or more specific subevents of the event are recognized. In some embodiments, the respective event recognizer 180 passes event information associated with the event to the event handler 190 . Activating the event handler 190 is separate from sending (and delayed sending) subevents to individual hit views. In some embodiments, the event recognizer 180 sends a flag associated with the recognized event, and the event handler 190 associated with the flag catches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include subevent delivery instructions that deliver event information about a subevent without activating an event handler. Instead, subevent delivery instructions pass event information to event handlers associated with a series of subevents or to actively engaged views. Event handlers associated with a series of subevents or actively engaged views receive event information and perform a predetermined process.

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

In some embodiments, event handler(s) 190 includes or accesses data updater 176 , object updater 177 , and GUI updater 178 . In some embodiments, data updater 176 , object updater 177 , and GUI updater 178 are included within a single module of individual applications 136 - 1 or application view 191 . In other embodiments, they are included within two or more software modules.

The discussion above regarding event handling of user touches on a touch-sensitive display also applies to other forms of user inputs for operating multifunction devices 100 having input devices, but all of which are disclosed on touch screens. You have to understand that it is not. mouse movement and mouse button presses optionally coordinated with, for example, single or multiple keyboard presses or holds; contact movements, such as tap, drag, scroll, etc., on the touchpad; pen stylus inputs; movement of the device; oral instructions; detected eye movements; biometric inputs; and/or any combination thereof is optionally used as inputs corresponding to subevents defining the event to be recognized.

2 illustrates a portable multifunction device 100 having a touch screen 112 in accordance with some embodiments. The touch screen, optionally, displays one or more graphics within the user interface (UI) 200 . In this embodiment, as well as other embodiments described below, the user may, for example, use one or more fingers 202 (not to scale in the figures) or one or more styluses 203 (in the figures to scale). It becomes possible to select one or more of the graphics by making a gesture on the graphic using (not shown). In some embodiments, selection of the one or more graphics occurs when the user ceases to contact the one or more graphics. In some embodiments, the gesture may optionally include one or more taps of a finger in contact with device 100 , one or more swipes (left to right, right to left, up and/or down). and/or rolling (right to left, left to right, up and/or down). In some implementations or situations, if inadvertently contacted with a graphic, the graphic is not selected. For example, when the gesture corresponding to the selection is a tap, the swipe gesture to sweep over the application icon optionally does not select the corresponding application.

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

In some embodiments, device 100 includes touch screen 112 , menu button 204 , push button 206 to power on/off the device and lock the device, volume control button(s) 208 , a Subscriber Identity Module (SIM) card slot 210 , a headset jack 212 , and a docking/charging external port 124 . Push button 206 optionally powers on/off the device by pressing the button and holding the button depressed for a predefined time interval; lock the device by pressing the button and releasing the button before a predefined time interval elapses; Used to unlock a device or start an unlocking process. In alternative embodiments, device 100 also accepts verbal input for activation or deactivation of some functions via microphone 113 . Device 100 may also optionally include one or more contact intensity sensors 165 for detecting intensity of contacts on touch screen 112 and/or for generating tactile outputs for a user of device 100 . one or more tactile output generators 167 .

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

Each of the previously identified elements in FIG. 3 is optionally stored in one or more of the aforementioned memory devices. Each of the modules identified above corresponds to a set of instructions for performing the functions described above. The modules or programs (eg, sets of instructions) identified above need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules may be selectively combined in various embodiments in various embodiments. or otherwise rearranged. In some embodiments, memory 370 optionally stores a subset of the modules and data structures identified above. Also, memory 370 optionally stores additional modules and data structures not described above.

Attention is now directed to embodiments of user interfaces that are optionally implemented on, for example, portable multifunction device 100 .

4A illustrates an example user interface for a menu of applications on portable multifunction device 100 in accordance with some embodiments. Similar user interfaces are optionally implemented on device 300 . In some embodiments, user interface 400 includes the following elements, or a subset or superset thereof:

셀룰러 및 Wi-Fi 신호들과 같은 무선 통신(들)을 위한 신호 세기 표시자(들)(402);

signal strength indicator(s) 402 for wireless communication(s), such as cellular and Wi-Fi signals;

시간(404);

time 404;

블루투스 표시자(405);

Bluetooth indicator 405;

배터리 상태 표시자(406);

battery status indicator 406 ;

다음과 같은, 빈번하게 사용되는 애플리케이션들에 대한 아이콘들을 갖는 트레이(408):

Tray 408 with icons for frequently used applications, such as:

o Icon 416 for phone module 138 labeled “Call”, optionally including an indicator 414 of the number of missed calls or voicemail messages;

o Icon 418 for email client module 140 labeled "Mail", optionally including an indicator 410 of the number of unread emails;

o Icon 420 for browser module 147 labeled "Browser"; and

o Icon 422 for video and music player module 152 labeled "iPod", also referred to as iPod (trademark of Apple Inc.) module 152; and

다음과 같은, 다른 애플리케이션들에 대한 아이콘들:

Icons for different applications, such as:

o Icon 424 for IM module 141 labeled "Message";

o Icon 426 for calendar module 148 labeled “Calendar”;

o Icon 428 for image management module 144 labeled “Photos”;

o Icon 430 for camera module 143 labeled “Camera”;

o Icon 432 for online video module 155 labeled “Online Video”;

o Icon 434 for stock widget 149-2 labeled "Stocks";

o Icon 436 for map module 154 labeled “Map”;

o icon 438 for weather widget 149-1 labeled “weather”;

o Icon 440 for alarm clock widget 149-4 labeled "Clock";

o Icon 442 for workout support module 142 labeled “Workout Support”;

o Icon 444 for notes module 153 labeled “Notes”; and

o Icon 446 for the Settings application or module, labeled “Settings”, providing access to settings for device 100 and its various applications 136 .

It should be noted that the icon labels illustrated in FIG. 4A are merely examples. For example, icon 422 for video and music player module 152 is labeled “Music” or “Music Player”. Other labels are optionally used for various application icons. In some embodiments, the label for the respective application icon includes the name of the application corresponding to the respective application icon. In some embodiments, the label for a particular application icon is separate from the name of the application corresponding to the particular application icon.

4B illustrates a device (eg, in FIG. 3 ) having a touch-sensitive surface 451 (eg, tablet or touchpad 355 in FIG. 3 ) separate from display 450 (eg, touch screen display 112 ). An example user interface on device 300 is shown. Device 300 may also optionally include one or more contact intensity sensors (eg, one or more of sensors 359 ) and/or device 300 for detecting intensity of contacts on touch-sensitive surface 451 . one or more tactile output generators 357 for generating tactile outputs for the user of

Although some of the examples that follow will be provided with reference to inputs on a touch screen display 112 (a touch-sensitive surface and display combined), in some embodiments, the device is separate from the display as shown in FIG. 4B . Detect inputs on a personal touch-sensitive surface. In some embodiments, the touch-sensitive surface (eg, 451 in FIG. 4B ) has a major axis (eg, 452 in FIG. 4B ) that corresponds to a major axis (eg, 453 in FIG. 4B ) on the display (eg, 450 ). According to these embodiments, the device communicates with the touch-sensitive surface 451 at positions corresponding to respective positions on the display (eg, in FIG. 4B , 460 corresponds to 468 and 462 corresponds to 470 ). Detect contacts (eg, 460 and 462 in FIG. 4B ). In this way, user inputs (eg, contacts 460 , 462 and their movements) detected by the device on the touch-sensitive surface (eg, 451 in FIG. 4B ) can be detected when the touch-sensitive surface is separate from the display. used to manipulate the user interface on the display (eg, 450 in FIG. 4B ) of the multifunction device by the device when . It should be understood that similar methods are, optionally, used with other user interfaces described herein.

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

5A illustrates an example personal electronic device 500 . Device 500 includes a body 502 . In some embodiments, device 500 may include some or all of the features described with respect to devices 100 , 300 (eg, FIGS. 1A-4B ). In some embodiments, device 500 has a touch-sensitive display screen 504 (hereinafter, touch screen 504 ). Alternatively or additionally to the touch screen 504 , the device 500 has a display and a touch-sensitive surface. Like devices 100 and 300 , in some embodiments touch screen 504 (or touch-sensitive surface) is, optionally, one for detecting the intensity of applied contacts (eg, touches). and more than an intensity sensor. One or more intensity sensors of touch screen 504 (or touch-sensitive surface) may provide output data representing the intensity of touches. The user interface of device 500 may respond to touches based on the intensity of the touches, meaning that touches of different intensities may invoke different user interface actions on device 500 .

Exemplary techniques for detecting and processing touch intensity are described, for example, in Related Applications: filed May 8, 2013 and entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application," International Patent Application No. PCT/US2013/040061 (published as WIPO Publication No. WO/2013/169849), and filed on November 11, 2013 and entitled "Device, Method, and Graphical User Interface" for Transitioning Between Touch Input to Display Output Relationships," International Patent Application No. PCT/US2013/069483 (published as WIPO Publication No. WO/2014/105276), each of which is incorporated herein by reference in its entirety.

In some embodiments, device 500 has one or more input mechanisms 506 , 508 . Input mechanisms 506 and 508 (if included) may be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments, device 500 has one or more attachment mechanisms. These attachment mechanisms (if included) allow device 500 to use, for example, hats, glasses, earrings, necklaces, shirts, jackets, bracelets, watch bands, chains, pants, belts, shoes, wallets. , so that it can be attached to a backpack, etc. These attachment mechanisms allow device 500 to be worn by a user.

5B depicts an example personal electronic device 500 . In some embodiments, device 500 may include some or all of the components described with respect to FIGS. 1A , 1B , and 3 . Device 500 has a bus 512 that operatively couples I/O section 514 with one or more computer processors 516 and memory 518 . The I/O section 514 may be connected to a display 504 , which may have a touch-sensitive component 522 , and, optionally, an intensity sensor 524 (eg, a contact intensity sensor). I/O section 514 also provides communication unit 530 for receiving application and operating system data, using Wi-Fi, Bluetooth, near field communication (NFC), cellular, and/or other wireless communication techniques. can be connected with Device 500 may include input mechanisms 506 and/or 508 . The input mechanism 506 is optionally a rotatable input device or, for example, a depressible and rotatable input device. In some examples, the input mechanism 508 is, optionally, a button.

In some examples, the input mechanism 508 is, optionally, a microphone. The personal electronic device 500 may optionally include a GPS sensor 532 , an accelerometer 534 , a direction sensor 540 (eg, a compass), a gyroscope 536 , a motion sensor 538 , and/or their It includes various sensors, such as combinations, all of which may be operatively connected to the I/O section 514 .

Memory 518 of personal electronic device 500 may include one or more non-transitory computer-readable storage media for storing computer-executable instructions, which are executed by one or more computer processor 516 . When executed, for example, it may cause computer processors to perform the techniques described below, including processes 700 , 900 and 1100 ( FIGS. 7 , 9 and 11 ). A computer-readable storage medium can be any medium that can tangibly contain or store computer-executable instructions for use by or in connection with an instruction execution system, apparatus, or device. In some examples, the storage medium is a transitory computer-readable storage medium. In some examples, the storage medium is a non-transitory computer-readable storage medium. Non-transitory computer-readable storage media may include, but are not limited to, magnetic, optical, and/or semiconductor storage. Examples of such storage include persistent solid state memory such as flash, solid state drives, etc., as well as magnetic disks, optical disks based on CD, DVD, or Blu-ray technologies. The personal electronic device 500 is not limited to the components and configuration of FIG. 5B , and may include other or additional components in a number of configurations.

As used herein, the term “affordance” refers to a user interaction selectively displayed on the display screen of devices 100 , 300 , and/or 500 ( FIGS. 1A , 3 , and 5A and 5B ). Refers to a user-interactive graphical user interface object. For example, each of an image (eg, an icon), a button, and text (eg, a hyperlink) optionally constitutes an affordance.

As used herein, the term “focus selector” refers to an input element that represents the current portion of a user interface with which the user is interacting. In some implementations that include a cursor or other location marker, a touch-sensitive surface (eg, FIG. 3 ) while the cursor is over a particular user interface element (eg, a button, window, slider, or other user interface element) When an input (eg, a press input) is detected on the touchpad 355 of the or touch-sensitive surface 451 of FIG. 4B ), the cursor becomes a "focus selector" such that a particular user interface element is adjusted according to the detected input. function as Some implementations include a touch screen display (eg, touch-sensitive display system 112 of FIG. 1A or touch screen 112 of FIG. 4A ) that enables direct interaction with user interface elements on the touch screen display. In some cases, a particular user interface element is detected when an input (eg, a touch input) is detected on a touch screen display at the location of a particular user interface element (eg, a button, window, slider, or other user interface element). A contact detected on the touch screen functions as a “focus selector” to be adjusted according to the entered input. In some implementations, focus is changed to a user interface without movement of a corresponding cursor or movement of a contact on the touch screen display (eg, by moving focus from one button to another using the tab key or arrow keys). moved from one area of the user interface to another area of the user interface; In such implementations, the focus selector moves in response to movement of focus between different areas of the user interface. Regardless of the particular form a focus selector has, a focus selector is generally used by a user to convey a user's intended interaction with a user interface (eg, by indicating to the device an element of the user interface with which the user wants to interact). A user interface element (or contact on a touch screen display) controlled by For example, the position of a focus selector (eg, cursor, contact, or selection box) over an individual button while a press input is detected on a touch-sensitive surface (eg, a touch pad or touch screen) (eg, on the device's display) It will indicate that the user intends to activate an individual button (unlike the other user interface elements shown in

As used in the specification and claims, the term “characteristic strength” of a contact refers to a characteristic of a contact based on one or more strengths of the contact. In some embodiments, the feature intensity is based on multiple intensity samples. The characteristic intensity is, optionally, for a predefined number of intensity samples, or for a predefined event (eg, after detecting the contact, before detecting liftoff of the contact, before detecting the start of movement of the contact). or after, before detecting the end of the contact, before or after detecting an increase in the intensity of the contact, and/or before or after detecting a decrease in the intensity of the contact) a predetermined period of time (eg, 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds) based on a set of intensity samples collected. The characteristic intensity of the contact is, optionally, a maximum value of the intensities of the contact, a mean value of the intensities of the contact, an average value of the intensities of the contact, a top 10 percentile value of the intensities of the contact. ), a value of half the maximum value of the intensities of the contact, a value of 90 percent of the maximum value of the intensities of the contact, and the like. In some embodiments, the duration of the contact is used to determine the feature intensity (eg, when the feature intensity is an average of the intensity of the contact over time). In some embodiments, the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an action was performed by the user. For example, the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold. In this example, as a result of a contact having a characteristic intensity that does not exceed a first threshold, a first action is performed, and as a result of a contact having a characteristic intensity that exceeds a first intensity threshold but does not exceed a second intensity threshold, a second An action is performed, and as a result of the contact having a characteristic intensity above the second threshold, a third action is performed. In some embodiments, a comparison between the characteristic strength and one or more thresholds is used to determine whether to perform one or more actions (eg, perform each action, rather than being used to determine whether to perform a first action or a second action). to decide whether or not to hold off performing each action).

In some embodiments, a portion of a gesture is identified to determine a characteristic strength. For example, the touch-sensitive surface receives successive swipe contacts, optionally transitioning from a starting position, to an ending position, at which point the intensity of the contact increases. In this example, the characteristic intensity of the contact at the end location is optionally based on only a portion of the successive swipe contacts (eg, only the portion of the swipe contact at the end location) rather than the entire swipe contact. In some embodiments, a smoothing algorithm is optionally applied to the intensities of the swipe contact prior to determining the characteristic intensity of the contact. For example, the smoothing algorithm may optionally be one of an unweighted sliding-average smoothing algorithm, a triangular smoothing algorithm, a median filter smoothing algorithm, and/or an exponential smoothing algorithm. contains more than one. In some situations, these smoothing algorithms remove narrow spikes or dips in the intensities of the swipe contact to determine the characteristic intensity.

The intensity of the contact on the touch-sensitive surface is optionally characterized for one or more intensity thresholds, such as a touch-detection intensity threshold, a light press intensity threshold, a deep press intensity threshold, and/or one or more other intensity thresholds. In some embodiments, the light press intensity threshold corresponds to an intensity at which the device will perform operations typically associated with clicking a button or trackpad of a physical mouse. In some embodiments, the deep press intensity threshold corresponds to the intensity at which the device will perform operations that are different from those typically associated with clicking a button or trackpad of a physical mouse. In some embodiments, when contact is detected with a characteristic intensity below a light press intensity threshold (eg, and above a nominal contact-detection intensity threshold below which the contact is no longer detected), the device It will move the focus selector according to movement of the contact on the touch-sensitive surface without performing an action associated with the intensity threshold or the deep press intensity threshold. In general, unless stated otherwise, these intensity thresholds are consistent between different sets of user interface drawings.

An increase in the characteristic intensity of a contact from an intensity below the light press intensity threshold to an intensity between the light press intensity threshold and the deep press intensity threshold is sometimes referred to as a "light press" input. An increase in the characteristic intensity of a contact from an intensity below the deep press intensity threshold to an intensity above the deep press intensity threshold is sometimes referred to as a "deep press" input. An increase in the characteristic intensity of a contact from an intensity below the touch detection intensity threshold to an intensity between the touch detection intensity threshold and the light press intensity threshold is sometimes referred to as detection of a contact on a touch surface. A decrease in the characteristic intensity of a contact from an intensity above the contact detection intensity threshold to an intensity below the contact detection intensity threshold is sometimes referred to as detection of liftoff of the contact from the touch surface. In some embodiments, the contact-detection intensity threshold is zero. In some embodiments, the contact-detection intensity threshold is greater than zero.

In some embodiments described herein, the one or more actions detect an individual press input performed with an individual contact (or multiple contacts) or in response to detecting a gesture comprising the individual press input. and wherein the respective press input is detected based, at least in part, on detecting an increase in intensity of the contact (or plurality of contacts) above a press-input intensity threshold. In some embodiments, the respective action is performed in response to detecting an increase in intensity of the respective contact above a press-input intensity threshold (eg, a “down stroke” of the respective press input). . In some embodiments, the press input comprises an increase in the intensity of the respective contact above the press-input intensity threshold and a subsequent decrease in the intensity of the contact below the press-input intensity threshold, wherein the respective action comprises the press-input intensity threshold is performed in response to detecting a subsequent decrease in the intensity of the individual contact less than (eg, an “up stroke” of the individual press input).

In some embodiments, the device utilizes intensity hysteresis to avoid sudden inputs, sometimes referred to as "jitter", where the device has a hysteresis intensity threshold with a predefined relationship to the press-input intensity threshold ( For example, the hysteresis intensity threshold is a unit of X intensity lower than the press-input intensity threshold, or the hysteresis intensity threshold is 75%, 90%, or some suitable percentage of the press-input intensity threshold). As such, in some embodiments, the press input comprises an increase in the intensity of the respective contact above the press-input intensity threshold and a subsequent decrease in the intensity of the contact below the hysteresis intensity threshold corresponding to the press-input intensity threshold, , the respective action is performed in response to detecting a subsequent decrease in the intensity of the respective contact below the hysteresis intensity threshold (eg, an “up stroke” of the respective press input). Similarly, in some embodiments, the press input is an increase in the intensity of the contact from an intensity below the hysteresis intensity threshold to an intensity above the press-input intensity threshold and, optionally, an intensity of the contact to an intensity below the hysteresis intensity threshold. A subsequent decrease is detected only when the device detects that the respective action is performed in response to detecting a press input (eg, increasing the intensity of the contact or decreasing the intensity of the contact, depending on the situation).

For convenience of description, descriptions of operations performed in response to a press input associated with the press-input intensity threshold or in response to a gesture comprising the press input include, optionally, an increase in the intensity of the contact above the press-input intensity threshold, hysteresis an increase in the intensity of the contact from an intensity below the intensity threshold to an intensity above the press-input intensity threshold, a decrease in the intensity of the contact below the press-input intensity threshold, and/or less than a hysteresis intensity threshold corresponding to the press-input intensity threshold is triggered in response to detecting any one of a decrease in the intensity of the contact. Further, in examples where the action is described as being performed in response to detecting a decrease in the intensity of the contact below the press-input intensity threshold, the action is, optionally, a hysteresis intensity corresponding to and lower than the press-input intensity threshold. performed in response to detecting a decrease in the intensity of the contact below a threshold.

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

6A-6S illustrate example user interfaces for scrolling and selecting items in accordance with some embodiments. The user interfaces in these figures are used to illustrate the processes described below, including the processes of FIG. 7 .

6A-6S illustrate example user inputs and corresponding changes to a user interface (eg, user interface 602 ) that includes a list of items, which is shown in FIG. 6A and is touch sensitive in some cases. may be displayed on an electronic device such as electronic device 600 having display 601 that is a type display (eg, 112 ). It should be appreciated that the scroll operations and selection operations described herein may be performed in slightly different ways without departing from the scope of the present disclosure. For example, a scroll operation performed in a direction described herein as being an upward direction may generally be performed in a downward direction, and vice versa. Similarly, vertical scroll directions may be performed horizontally. Additionally, commands for changing the selection state of an item from a selected state to a deselected state may generally be performed to change the selected state from an unselected state to a selected state, and vice versa.

As described herein, user interface 602 can operate in an edit mode and a non-edit mode. 6A-6C illustrate various scrolling and selecting operations that may be performed when user interface 602 is in a non-editing mode.

As shown in FIG. 6A , the electronic device 600 displays a user interface 602 having a list 604 and a preview window 606 . Electronic device 600 may include one or more features of devices 100 , 300 and 500 . List 604 includes, in FIG. 6A , items 608 that contain emails in the Inbox folder of the email application. The preview window 606 displays a preview of the contents of the selected item 608 in the list 604 . In FIG. 6A , item 608 - 1 is selected as indicated by highlight 610 in item 608 - 1 , and a preview of the content of item 608 - 1 is displayed in preview window 606 . It is displayed as preview content 607-1. It should be noted that the disclosed embodiments are not limited to a list of emails, and thus may be implemented in other user interfaces including lists of items, such as lists of text messages, photos, files, or other items, for example. have to recognize

The user interface 602 includes a header area 605 having an editing affordance 603 , wherein items 608 in the list 604 can be selected and, optionally, an action on the selected items ( For example, deletion, archiving, forwarding, etc.) may be selected to switch to an edit mode in which it may be performed.

In FIG. 6A , electronic device 600 detects input 612 (eg, input from a user of the electronic device) on list 604 . The input 612 is a contact recognized by the electronic device 600 as a scroll command, followed by an upward movement (eg, a swipe). In response to detecting the input 612 , the electronic device 600 maintains selection of the item 608 - 1 in the list based on movement (eg, direction and magnitude) of the input 612 on the list 604 . Scroll through items 608 in 604 . Specifically, list 604 is scrolled down (eg, item 608 is moved upward in list 604 ).

6B shows a scrolled list 604 and scroll bar 614 displayed in response to input 612 and representing the scrolled position of list 604 . In some embodiments, scroll bar 614 is displayed in response to a scroll command and persists for a period of time after the scroll command, during which time the scroll bar disappears if no further scroll commands are received. In FIG. 6B , item 608 - 1 remains selected and preview window 606 maintains display of preview content 607 - 1 .

In FIG. 6B , electronic device 600 detects input 616 (eg, a single input tap gesture) on item 608 - 4 . In response, as shown in FIG. 6C , electronic device 600 selects item 608 - 4 and content 607 - 4 of item 608 - 4 without scrolling list 604 . Updates the preview window 606 to display

In FIG. 6C , the electronic device 600 detects an input 618 corresponding to a scroll command. In response, the electronic device 600 scrolls the list 604 as shown in FIG. 6D . Specifically, input 618 includes a downward movement (eg, a downward swipe) and list 604 scrolls up (eg, item 608 moves downward in list 604 ).

In FIG. 6D , list 604 has a scrolled position in response to input 618 . Electronic device 600 detects input 620 (eg, a two-input tap gesture) in item 608-2 and, in response, transitions to an edit mode as shown in FIG. 6E . In some embodiments, electronic device 600 includes a timing threshold for recognizing input 618 as a gesture to enter edit mode. In some embodiments, the threshold is a non-zero amount of time greater than the threshold amount of time to detect a different touch gesture (eg, swipe). A larger threshold differentiates the command to enter edit mode from a command in which the user uses two fingers to scroll the user interface.

6E shows the user interface 602 after transitioning to an edit mode in response to input 620 . The header area 605 is replaced with a status area 626 which includes replacing the edit affordance 603 with a cancel affordance 624 for exiting the edit mode. When in the edit mode, the user interface 602 further adds action affordances 628-1, 628-2, and 628-3 respectively corresponding to the action to be performed on the items selected in the list 604. include For example, action affordance 628-1 corresponds to an action for marking selected items, action affordance 628-2 corresponds to an action for moving selected items, and action affordance 628-3 is Corresponds to an action for deleting selected items.

Additionally, a status area 626 is displayed that provides an indication of the number of items selected in the list 604 , and a preview window 606 indicates that the preview window 606 shows the selected items 608 in edit mode. A shadow 630 is included to indicate that the corresponding preview content is not being displayed. In some embodiments, shadow 630 has a translucent appearance over previously displayed preview content at the time the edit mode was entered.

Upon entering the edit mode, the electronic device 600 also updates the items 608 to display the selection indicator affordances 622 . Displaying the selection indicator affordances 622 provides an indication that the user interface 602 is in edit mode. Further, each of the respective selection indicator affordances provides an indication of the selected state of the item for which the selection indicator affordance is to be displayed. Accordingly, each item 608 is selected or deselected by changing the state of its respective selection indicator affordance 622 . For example, upon entering the edit mode in response to input 620 on item 608-2, electronic device 600 includes a selection indicator affordance 622-2 on item 608-2. Display selection indicator affordances 622 , wherein selection indicator affordance 622 - 2 has a selected state indicating that item 608 - 2 is selected when entering edit mode (eg, selection indicator affordance ( 622-2) includes a checkmark to indicate a selected state).

Selection indicator affordances 622 generally alternate between a selected state and an unselected (or deselected) state in response to detected inputs. For example, in some embodiments, if the selection indicator affordance has a selected state, an input changing the selection state of the selection indicator affordance causes the electronic device to change the selection indicator affordance to an unselected or deselected state. will change it to Alternatively, if the selection indicator affordance has an unselected state, an input changing the selection state of the selection indicator affordance will cause the electronic device to change the selection indicator affordance to the selected state. However, in some embodiments, when the received input corresponds to a command to switch the selection indicator affordance to the current/existing state of the selection indicator affordance, the selection indicator affordance does not change states in response to the input. For example, if a selection indicator affordance is currently already selected and a “select all” command is received (see, eg, FIGS. 8M and 8N ), the selection indicator affordance moves to the selected state rather than to switch to the unselected state. maintain. Similarly, if the selection indicator affordance currently has an unselected state, then the command for transitioning the selection indicator affordance to the unselected state (see eg, FIG. 8J ) changes the state of the selection indicator affordance to the selected state. I never do that. Rather, the selection indicator affordance remains unselected.

Referring now to FIG. 6E , user interface 602 presents an item 608 - 6 including a selection indicator affordance 622 - 6 having an unselected state (eg, selection indicator affordance 622 - 6 ). ) does not include a checkmark). Electronic device 600 detects input 632 on item 608-6. Specifically, input 632 is a single input gesture (eg, a tap gesture) located on a portion of item 608 - 6 other than selection indicator affordance 622 - 6 . In response, as shown in FIG. 6F , the electronic device 600 changes the selection state of the item 608-6 to the selected state, updates the selection indicator affordance 622-6 to indicate the selection, and , update status area 626 to indicate that two items (eg, 608-2 and 608-6) are selected.

In FIG. 6F , electronic device 600 detects an input 634 (eg, a single input tap gesture) on selection indicator affordance 622-5 of item 608-5 and, in response, responds to FIG. 6G . As shown, it changes the selection state of item 608-5 to the selected state, updates the selection indicator affordance 622-5 to the selected state, and updates three items (eg, 608-2, 608-) Update status area 626 to show 5 and 608-6).

In FIG. 6G , electronic device 600 detects input 636 on selection indicator affordance 622 - 4 of item 608 - 4 . Specifically, input 636 is a two-input gesture (eg, a two-input tap gesture) located on item 608-4. In response, as shown in FIG. 6H , the electronic device 600 changes the selection state of the item 608-4 to the selected state, updates the selection indicator affordance 622-4 to the selected state, and Update status area 626 to indicate that four items (eg, 608-2, 608-4, 608-5, and 608-6) are selected.

6E-6H show that individual items 608 can be selected in edit mode in a variety of ways. For example, individual items may be selected via a single input or two-input tap gesture on each item, or by selection of the selection indicator affordance of each item. Additionally, when the user interface is not in edit mode, a two-input tap gesture on each item causes the user interface to enter edit mode, and selects the item on which the two-input tap gesture is located.

It should be noted that the electronic device has different responses to detected inputs depending on whether the user interface is operating in an edit mode or a non-edit mode. For example, items selected in edit mode are selected without automatically performing an action on the selected item (other than visually indicating that the item is selected). Conversely, when the user interface is not in edit mode, the selected items have an action performed automatically for each item. For example, a preview of the content of the selected item is displayed in the preview window 606 . As another example, multiple items may be selected simultaneously in edit mode, whereas only one item may be selected at a single time when the user interface will not be in edit mode. As further examples, certain gestures in non-edit mode cause electronic device 600 to scroll list 604 , while such gestures cause electronic device 600 to scroll through items 608 while in edit mode. can make you choose Details of such gestures are provided in more detail below.

Referring now to FIG. 6H , the electronic device 600 detects an input 638 (eg, a single input swipe gesture) on the list 604 at a location on items other than the location of the selection indicator affordances. In response, as shown in FIG. 6I , electronic device 600 remains selected with additional items (previously selected items 608-2, 608-4, 608-5, and 608-6) selected. ) scrolls the list 604 without selecting it. In some embodiments, as shown in FIG. 6I , state region 626 is collapsed in response to upward movement of input 638 .

In FIG. 6I , electronic device 600 provides input 640 (eg, a swipe gesture) on selection indicator affordances 622-7 to 622-9 of respective items 608-7 to 608-9. to detect In response, as shown in FIG. 6J , electronic device 600 selects items 608-7 through 608-9, and status area 626 indicates that seven items 608 are selected. to be updated.

As discussed above, selection indicator affordances may alternate states in response to various gestures. Accordingly, a gesture on the selection indicator affordance may select or deselect one or more selection indicator affordances depending on the current state of the selection indicator affordance. For example, in FIG. 6I , input 640 causes selection indicator affordances 622-7 to 622-9 to transition from an unselected state to a selected state (thus e.g., corresponding items ( 608-7 to 608-9)). However, if the selection indicator affordances 622 - 7 - 622 - 9 were selected prior to detecting the input 640 , the electronic device 600 selects the selection indicator affordances 622 - 7 - 622 - 9 . would have changed to a non-existent state (thus deselecting, for example, corresponding items 608-7 to 608-9). This change in states will apply even if the gesture to change states is a different gesture. For example, FIGS. 6K and 6L show an embodiment in which selected indicator affordances are deselected in response to input 642 on items 608 - 4 - 608 - 6 .

As shown in FIG. 6K , input 642 is a two-input gesture (eg, two-input swipe; two-input drag) with movement across items 608-6 through 608-4 (eg, two-input swipe; two-input drag). For example, the input is not required to be on each of the selection indicator affordances 622-6 - 622-4). In response, as shown in FIG. 6L , electronic device 600 deselects items 608 - 6 , 608 - 5 and 608 - 4 . In some embodiments, the electronic device 600 configures the portion of the gesture in which the two-input gesture is stationary for a threshold period (eg, a two-input tap and hold) followed by movement of the two inputs across the respective items (eg, a two-input tap and hold). Selecting or deselecting items 608 when including the second portion of the gesture (eg, dragging of two inputs). In some embodiments, the electronic device 600 determines the two-input gesture when the two-input gesture does not include a first portion that is paused for a threshold period of time (eg, when the two-input gesture is a two-finger swipe gesture). In response to the gesture, scroll the list 604 .

In FIG. 6L , the status area 626 indicates that four items 608 (eg, items 608-2, and 608-7 through 608-9) are selected, and the electronic device 600 displays an action Detect input 644 (eg, single input gesture; tap) on affordance 628-3. In response, the electronic device 600 performs a delete action on the selected items, does not take any action on the unselected items, and ends the editing mode.

6M shows electronic device 600 displaying user interface 602 in a non-editing mode and having items 608 - 2 and 608 - 7 through 608 - 9 deleted from list 604 . Accordingly, items 608 no longer include selection indicator affordances 622 , and shadow 630 is no longer displayed on preview window 606 . Additionally, the status area 626 is not displayed, the action affordances 628 - 1 to 628 - 3 are no longer displayed, and the cancel affordance 624 is replaced with the edit affordance 603 .

In FIG. 6M , the electronic device 600 detects an input 646 (eg, a two-input tap gesture) on item 608-1 and, in response, re-enters the edit mode, as shown in FIG. 6N . and select item 608-1 (showing selection indicator affordance 622-1 with a selected state).

In FIG. 6O , electronic device 600 provides input 648 (eg, 1-input) on successive selection indicator affordances 622-3 to 622-6 of respective items 608-3 to 608-6. swipe gesture). The selection indicator affordances 622-3 to 622-6 are then shown selected in FIG. 6P, and the status area 626 is updated to indicate that five items are selected.

In FIG. 6P , electronic device 600 detects input 650 (eg, a two-input tap gesture) on item 608-6 and selects item 608-6, as shown in FIG. 6Q . clear (eg, selection indicator affordance 622-6 is deselected). Status area 626 is updated in FIG. 6Q to indicate that four items are selected.

In FIG. 6Q , electronic device 600 detects input 652 (eg, a 1-input swipe gesture) on selection indicator affordances 622-5 - 622-3, which in turn is shown in FIG. 6R. deselected as shown. Status area 626 is updated in FIG. 6R to indicate that one item is selected.

In some embodiments, the electronic device 600 causes the originally selected item (eg, a two-input tap gesture to enter the edit mode (eg, input 646 in FIG. 6M ) to be non-edit upon entry into the edit mode). exits edit mode in response to de-selecting items detected in the mode. Accordingly, as shown in FIGS. 6R and 6S , electronic device 600 detects input 654 (eg, a single input tap gesture) on item 608 - 1 . In response to detecting input 654 , the electronic device deselects item 608 - 1 and exits the edit mode as shown in FIG. 6S . The input for de-selecting the selected item upon entering the edit mode (eg, 608-1) may be an input other than a single input gesture, as long as it is an input for de-selecting each item. For example, the input (eg, input 654 ) may alternatively be a two-input tap gesture or deselection of selection indicator affordance 622-1. In some embodiments, the electronic device 600, upon entry into an edit mode (eg, 608-1), even if other items in the list are selected at the time each item (eg, 608-1) was deselected. Ends the edit mode when deselecting the selected item.

7 is a flow diagram illustrating a method for selecting and scrolling items using an electronic device in accordance with some embodiments. Method 700 is performed at a device (eg, 100 , 300 , 500 , 600 ) having a display and a touch-sensitive surface (eg, 112 ). Some operations of the method 700 are selectively combined, the orders of some operations are selectively changed, and some operations are optionally omitted.

As described below, method 700 provides an intuitive way to selectively enter and edit items in an edit mode. The method reduces the cognitive burden of the user on editing items, thereby creating a more efficient human-machine interface. For battery-operated computing devices, allowing a user to enter edit mode and edit items more quickly and more efficiently conserves power and increases the time between battery charges.

An electronic device (eg, 600 ) having a display (eg, 601 ) and a touch-sensitive surface (eg, 601 ) (eg, 112 ) displays a plurality of items 608 (eg, eg, messages) via the display. Displays ( 702 ) a user interface 602 that includes (eg, e-mails, text messages), graphical objects such as pictures, files, and the like. In some embodiments, a plurality of items are presented in a scrollable user interface, such as, for example, list 604 .

The user interface may be in a first mode of operation (eg, items are not selectable and certain editing functions (eg, 628-1, 628-2, 628-3) (eg, copy, delete, forward, archive, move, duplicate, etc.) . Each number of contacts on the user interface (eg, 602 ) at a location (eg, input 616 includes one contact on the touch-sensitive surface) (eg, input 620 is 2 on the touch-sensitive surface) a first input (eg, 616 (eg, one-input tap gesture) (eg, 620 ) (eg, a two-input tap gesture, an input including two simultaneous tap gestures) including 704 (eg, the first input is detected at a location on the display and/or touch-sensitive surface corresponding to a location of one of the items).

In response to detecting a first user input (706): a fixed input (eg, a first input (eg, 616/620) having a first number of contacts (eg, 616) (eg, a single finger tap input)) , an input that does not move across the display and/or touch-sensitive surface), the electronic device causes an action associated with the first item (eg, 608-4) (eg, opening the item, displaying the contents of the item). 708 (eg, in FIG. 6C , item 608-4 is selected and preview window 604-4 displays item 608-4). displays a preview of the contents of

In response to detecting the first user input (706): a fixed input (eg, 620) having a second number of contacts, wherein the first input (eg, 620) is different from the first number of contacts (eg, a two-finger tap gesture). For example, upon a determination that 620 is a two-input gesture), the electronic device does not perform the action associated with the first item (eg, 608-2) (and optionally in an edit mode for future actions) the first item without selecting the user interface (eg, 602 ) from a first mode of operation to a second mode of operation (eg, items are selectable and specific editing functions for performing functions on the selected items (eg, 628- 1, 628-2, and 628-3) are enabled (editing mode) (710). For example, in FIG. 6E , user interface 602 switches to edit mode, but preview window 606 still displays the contents of item 608-4, which indicates that item 608-2 Indicates that no action (eg, preview content) has also been performed. In some embodiments, items (eg, 608) are selectable (eg, simultaneous or sequential selection of multiple items) when the second mode is enabled. In some embodiments, items can be individually When it can be visually modified, it is considered selectable. For example, an item is selected when the item is highlighted, or some other visual indicator is displayed for the item (eg, selection indicator affordances 622 are selected), but no action is automatically performed on the item. . In some embodiments, the selected item(s) (eg, 608-2 in FIG. 6E ) deselects (does not select) the item(s) (eg, see FIG. 6K ), exits edit mode until an action on the item(s) is initiated (eg, by subsequent user input), such as doing or performing an edit function on the selected item(s) (eg, see FIGS. 6L and 6M ). It remains selected (eg, visually modified). In some embodiments, when items are not selected (no action is performed on the item), the item returns to its visual state before being visually modified. In some embodiments, items can be toggled between a selected and deselected state (unselected) by displaying a selection indicator affordance (eg, 622 ) that can indicate the selected and deselected state of the item. marked as selectable. When the first input is a fixed input having a second number of contacts different from the first number of contacts, switching the user interface from the first operating mode to the second operating mode without performing an action associated with the first item includes: Allows a user to quickly and easily switch from a first mode to a second mode without the need to select a series of user interface objects, thereby reducing the number of inputs required to switch modes. Additionally, it provides the user with additional control options (eg, for switching to the second mode) without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, switching the user interface (eg, 602 ) from the first mode of operation to the second mode of operation without performing an action associated with the first item may include: switching the user interface (eg, 602 ) of the plurality of items (eg, 608 ) further comprising selecting an item (see, eg, selecting item 608-2 of FIG. 6E ). Automatically selecting the first item when switching from the first mode to the second mode allows the user to simultaneously select the first item while entering the second mode without having to select a series of user interface objects to make the selection. and thus reducing the number of inputs required to select an item in the second mode. Additionally, it provides the user with additional control options (eg, for selecting an item while entering the second mode) without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, while the electronic device is in the second mode of operation, the electronic device detects a third input (eg, 654 ) corresponding to a request to deselect the selected first item (eg, the item in FIG. 6R ). See deselection in (608-1)). In some embodiments, in response to detecting the third input, the electronic device deselects the selected first item (eg, 608-1) (eg, deselects the first item from the selected state (not selected)) not) state), and switches the user interface (eg, 602 ) from the second mode of operation to the first mode of operation (see, eg, FIGS. 6R and 6S ). In some embodiments, the third input (eg, 654) is a selection user interface object (eg, a selection indicator affordance associated with (eg, specifically associated with) the first item (eg, a selection indication) indicating that the first item is selected. a fixed input detected at a location corresponding to child affordance 622-1) In some embodiments, the third input is on each item (eg, item 608-1 as shown in FIG. 6R). a detected fixed input (eg, a single input gesture, such as input 654, or a two-input gesture, such as input 650) Deselects the selected first item, and while in the second mode, selects the first item Switching the user interface from the second mode to the first mode in response to detecting an input corresponding to a request to deselect is rapid from the second mode back to the first mode without the user having to select a series of user interface objects. and easily switchable, reducing the number of inputs required to return to the first mode Additionally, it does not require complicating the user interface with additional displayed controls (e.g., from the second mode to the first provide the user with additional control options (for switching to mode).These advantages include: helping the user to provide appropriate inputs and reducing user errors when operating/interacting with the device. It improves operability and makes the user-device interface more efficient, which additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, switching the user interface from the first mode of operation to the second mode of operation comprises, for each item of the plurality of items (eg, 608 ), a selection user interface object ( further comprising, for example, displaying 622 (eg, selection indicator affordance) (eg, each item is updated to include a selection indicator affordance indicating a selected state (selected/deselected) of the respective item) being). For example, in FIG. 6E , selection indicator affordances 622 are displayed when switching to edit mode. This provides the user with a visual indication that the user interface (eg, 602 ) has been switched from the first mode of operation to the second mode of operation. Providing the user with improved visual feedback improves the operability of the device and reduces user errors (eg, by helping the user provide appropriate inputs when operating/interacting with the device) and user-device interface. more efficient, which additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, the electronic device configures a fourth input (eg, a fourth input (eg, one contact) including a first number of contacts (eg, one contact) at a location corresponding to the selection user interface object (eg, 622-7) (eg, affordance). For example, 640 (eg, a single input drag gesture, a drag gesture using one finger) is detected. In some embodiments, in response to detecting the fourth input (eg, 640 ) and wherein the fourth input is associated with a subset of the plurality of items (eg, items 608 - 7 - 608 - 9 ) a plurality of Upon determining to include movement of the first number of contacts across selection user interface objects (eg, selection indicator affordances 622 - 7 - 622 - 9) of to select (or, for example, deselect). In some embodiments, selecting (or deselecting) the subset of the plurality of items includes: a plurality of selection user interface objects associated with the subset of the plurality of items without performing an action associated with the subset of the plurality of items. modifying their appearance (eg, changing the selection indicator affordances from an unselected state to a selected state or from an unselected state to a selected state) (see eg, FIG. 6J ). Selecting the subset of items when the fourth input includes movement of the first number of contacts across a plurality of selection user interface objects associated with the plurality of items may be performed without the user having to select a series of user interface objects. Allows quick and easy selection of multiple items in the second mode, reducing the number of inputs required to select items in the second mode. Additionally, it provides the user with additional control options (eg, for selecting items in the second mode) without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, after switching the user interface from the first mode of operation to the second mode of operation, the electronic device moves from a location corresponding to the first item (eg, 608-6) to a plurality of items (eg, 608). Detect movement of the first input (eg, 642 ) to a position corresponding to the third item (eg, 608 - 4 ) among them. In some embodiments, moving the first input from the first item to the third item comprises moving across one or more items (eg, 608-5) positioned between the first item and the third item. . In some embodiments, in response to detecting movement of the first input from a location corresponding to the first item to a location corresponding to a third item of the plurality of items: causing a first set of criteria to be met the first input satisfies a first set of criteria including a requirement that the second number of contacts be paused for a predetermined amount of time (eg, a non-zero threshold amount of time) before moving to a location corresponding to the third item for In accordance with the determination to do so, the electronic device selects (or deselects) the third item (eg, 608-4) (eg, without performing an action associated with the third item). In some embodiments, when the first input moves from the first item to the third item, the first and third items are separated by a plurality of items of the plurality of items and the items between the first and third items are is selected (or de-selected) (eg, as the first input moves through each item, the item is selected). For example, in FIG. 6K , input 642 is detected at item 608-6 and moves across item 608-5 to item 608-4. If items 608-4 to 608-6 are selected, and thus, as shown in FIG. 6K , if input 642 meets the first set of criteria, then times 608-4 to 608-6 are Change states (eg, deselect). Selecting the third item when the first input includes a second number of contacts that are stationary for a predetermined amount of time before moving to the third item can cause the contacts to move without the user having to select a series of user interface objects. Allows to selectively scroll or select multiple items with a single gesture by simply controlling whether or not to pause for a threshold amount of time before, reducing the number of inputs required to selectively select or scroll items in the second mode. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, in response to detecting movement of the first input (eg, 642 ) from a location corresponding to the first item to a location corresponding to a third item of the plurality of items: Upon a determination that the set of criteria is not met (eg, the second number of contacts are not stationary for a predetermined amount of time), the electronic device scrolls through the plurality of items (eg, the direction of movement of the first input and scrolling based on size). Scrolling through a plurality of items when the first input does not meet the first set of criteria can be achieved by simply controlling whether contacts are paused for a threshold amount of time before moving, without the user having to select a series of user interface objects. Allowing the gesture to selectively scroll or select multiple items reduces the number of inputs required to selectively select or scroll items in the second mode. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

While the electronic device (eg, 600 ) is in the second mode of operation, the electronic device is configured to display (eg, eg, 608 - 6 or 608 - 5 ) corresponding to a second item (eg, 608 - 6 or 608 - 5 ) of the plurality of items (eg, 608 ). A second input (eg, 632 or 634) comprising a first number of contacts (eg, one contact on the touch-sensitive surface) at a location on 601 (eg, on the display and/or touch-sensitive surface) (eg, 632 or 634) For example, a single input tap gesture) (eg, an input comprising a single tap gesture) is detected ( 712 ). In some embodiments, a location on a display (eg, 601 ) corresponding to a second item within the plurality of items is a selection indication corresponding to a selection user interface object (eg, item 608 - 5 ) associated with the second item (eg, item 608 - 5 ). child affordance (622-5)).

In response to detecting the second input, the electronic device selects 714 (eg, opening the item) a second item (eg, 608-6 or 608-5) without performing an action associated with the second item. Representing the selection of each item by visually modifying an item or part of an item without automatically performing an action on the item, such as doing something, viewing the item's contents, or performing an edit function on the item (e.g., , 622-5 is selected for item 608-5)). For example, in FIGS. 6F and 6G , item 608 - 5 is selected in response to input 634 on selection indicator affordance 622 - 5 . Responsive to the second input, selecting the second item without performing an action associated with the second item allows the user to quickly and easily select multiple items in the second mode without having to select a series of user interface objects. reducing the number of inputs required to select items in the second mode. Additionally, it provides the user with additional control options (eg, for selecting items in the second mode) without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, while the user interface is in the second mode of operation and while the first and second items are selected and the fourth item is not (eg, in FIG. 6L , items 608-7 and 608- 8) is selected and item 608-6 is not selected), the electronic device takes an action (eg, input 644 on action affordance 628-3) on selected ones of the plurality of items (eg, input 644 on action affordance 628-3). Detects a request to open an item, view the item's contents, or perform an edit function on the item (eg, copy, drag/move, delete, forward, archive, duplicate, etc.). In some embodiments, in response to detecting the request, the electronic device performs an action on first and second items of the plurality of items without performing an action on the fourth item (eg, a second item performing actions on items 1 and 2 at the same time). For example, as shown in FIGS. 6L and 6M , items 608-7 and 608-8 are deleted, and item 608-6 is not deleted.

In some embodiments, while the user interface is in the second mode of operation, the electronic device is placed on a display (eg, a display and/or touch-sensitive) corresponding to a fifth item (eg, 608-4) of the plurality of items. A fifth input (eg, 636) (eg, two-input tap gesture) (eg, including two simultaneous tap gestures) comprising a second number of contacts (eg, two contacts) at a location on the surface input) is detected. In some embodiments, in response to detecting the fifth input, the electronic device selects the fifth item without performing the action associated with the fifth item (eg, in FIG. 6H , item 608-4 is selected).

In some embodiments, the electronic device (eg, 600 ) moves (eg, a drag gesture) of a first number of contacts (eg, 1 while the user interface is in the first mode of operation or the second mode of operation) (eg, 1) a sixth input (eg, 638 or 612 ) including a finger drag gesture). In some embodiments, in response to detecting the sixth input: that the user interface (eg, 602 ) is in a first mode of operation and movement of the first number of contacts begins at a location on the plurality of items (eg, According to the determination (eg, any location on the plurality of items), the electronic device based on the movement of the first number of contacts (eg, movement) in FIG. 6A , input 612 is detected on items 608 ). Scroll through a plurality of items (based on the direction and/or size of ) (see, eg, FIG. 6B ). In some embodiments, in response to detecting the sixth input: the user interface (eg, 602 ) is in a second mode of operation and movement of the first number of contacts corresponds to a selection user interface object (eg, selection affordance) In accordance with a determination that starting at a location on the plurality of items other than a location where (eg, in FIG. 6H , input 638 is detected on items 608 at a location other than selection indicator affordances 622), The electronic device scrolls the plurality of items (eg, 608 ) based on movement of the first number of contacts (eg, based on the direction and/or magnitude of movement) (eg, see FIG. 6I ). In some embodiments, when the user interface is in the first mode of operation, the sixth input causes the plurality of items to scroll when the sixth input is detected anywhere on the plurality of items (eg, started). In some embodiments, when the user interface is in the second mode of operation, the sixth input is a plurality of items if the sixth input is detected (eg, started) at a location on the plurality of items other than a location of the selection affordance. make them scroll; Otherwise, if the sixth input starts at the location of the selection affordance, the sixth input (eg, as shown in FIGS. 6I and 6J ) selects/ cause deselection.

Note that the details of the processes described above with respect to method 700 (eg, FIG. 7 ) are also applicable in a manner similar to the methods described below. For example, methods 900 and 1100 optionally include one or more of the features of the various methods described above with respect to method 700 . For example, when entering the editing mode, the editing mode may be terminated by deselecting the selected item. For the sake of brevity, these details are not repeated below.

8A-8R illustrate example user interfaces for scrolling and selecting items in accordance with some embodiments, including scrolling to select items. The user interfaces in these figures are used to illustrate the processes described below, including the processes of FIG. 9 .

As shown in FIG. 8A , list 604 includes items 608 , and preview window 606 displays preview content 607 - 1 of selected item 608 - 1 . Electronic device 600 detects input 802 (eg, a two-input tap gesture) on item 608 - 4 . In response, the electronic device 600 , as shown in FIG. 8B , including displaying a selected selection indicator affordance 622-4 to indicate selection of the item 608-4 in edit mode, Puts user interface 602 into edit mode.

In FIG. 8C , electronic device 600 selects item 608-5 by detecting input 804 (eg, a single input tap gesture) on selection indicator affordance 622-5.

8D-8G illustrate an example embodiment in which electronic device 600 performs automatic scrolling and selection of multiple items 608 in response to a single input (eg, 806 ) held on display 601 . exemplify In some embodiments, the automatic scrolling and selection behavior described below is triggered based on the location where the input (eg, 806 ) is detected. For example, in some embodiments, automatic scrolling and selection occurs when input is detected on the selection affordance of an item that is the last displayed item in a list (eg, a fully displayed item). In some embodiments, automatic scrolling and selection occurs when input is detected within an area near the edge of display 601 . Automatic scrolling and selection behavior reduces the number of inputs required to perform a scroll and selection operation, thus helping the user to provide appropriate inputs (eg, when operating and/or interacting with a device and reduces user mistakes) ) improves the operability of the electronic device and makes the user-device interface more efficient, which additionally enables the user to use the device more quickly and efficiently, thereby reducing the device's power usage and improving battery life. .

In FIG. 8D , electronic device 600 selects item 608 - 6 by detecting input 806 (eg, a single input tap and hold gesture) on selection indicator affordance 622 - 6 . Item 608 - 6 is the last displayed item in list 604 (eg, the last item fully displayed on the screen in list 604 ). Electronic device 600 continues to detect input 806 , which is a fixed input that is maintained for a period of time. When the input 806 remains longer than a threshold period of time (eg, a threshold greater than zero) (eg, a threshold greater than an amount of time to detect a tap input), the electronic device 600 responds to any further input from the user. It automatically starts scrolling the item 608 without detecting . This scrolling behavior is illustrated in Figures 8e and 8f. Scrolling continues as long as input 806 is detected (or, in some embodiments, until the end of the scrollable list is reached).

In addition to scrolling items 608 for the duration of input 806 , electronic device 600 selects each newly displayed item as it scrolls up to the position of input 806 in the list. For example, in FIG. 8D , item 608-7 is displayed partially off-screen, with selection indicator affordance 622-7 in an unselected state. As the input 806 is held, the electronic device 600 scrolls up the item 608 - 7 in the list 604 , and its displayed position is the location of the input 806 , as shown in FIG. 8E . Select the selection indicator affordance 622-7 when reaching . As a result of the scrolling, item 608-8 is displayed partially off-screen, with selection indicator affordance 622-8 in an unselected state.

As shown in FIG. 8F , automatic scrolling and selection continues while input 806 is held, such that items 608 (eg, via selection of selection indicator affordances 622 - 8 and 622 - 9 ) are maintained. -8, and 608-9 result in selection, and partial display of item 608-10, and selection indicator affordance 622-10 has an unselected state.

In FIG. 8G , the electronic device 600 detects the end of the input 806 and, in response, terminates the automatic scrolling and selection behavior.

8G-8J illustrate a scroll command (in some embodiments, scrolling) for electronic device 600 to select/deselect a first item, then change subsequent items while maintaining an input that changes the selection state of the first item. The command is received prior to input for selecting/deselecting the first item) to illustrate an embodiment that changes the selection state of multiple items. In some embodiments, the generated selection state of subsequent items is determined based on the selection state of the first item that was changed. For example, if a first item changes from the selected state to the deselected state, subsequent items transition to the deselected state (or deselected/deselected if they are already in the deselected/unselected state). remains unselected). Conversely, if a first item changes from an unselected state to a selected state, subsequent items transition to the selected state (or remain selected if they are already in the selected state).

In FIG. 8G , electronic device 600 detects and in response an input 808 (eg, a single input touch and hold gesture) located at selection indicator affordance 622 - 6 of item 608 - 6 . , deselect item 608 - 6 , as shown in FIG. 8H . The electronic device continues to detect input 808 , followed by input 810 which is a scroll command (eg, a single input scroll gesture).

In response to input 810 , electronic device 600 scrolls list 604 and deselects items (eg, items 608 - 5 and 608 - 4 ), where the items are displayed on display 601 . ) because it scrolls down the input 808 held on . As item 608-6 changes from a selected state to a deselected state in response to an input 808, items touching the input 808 (while scrolling) transition to the deselected state (or If the item has already been deselected, it remains deselected (see, eg, FIG. 8J ). 8H and 8I , selection indicator affordances 622 - 4 and 622 - 5 scroll below input 808 , and input 808 where they remain stationary on display 601 . is deselected as it intersects with the position of

In FIG. 8J , electronic device 600 no longer detects input 810 (eg, a scroll command), but the list of items continues to scroll with inertia in response to input 810 . As the items in the list continue to scroll and intersect the input 808, the items are deselected. Again, the items are deselected because the state change of the first changed item was in an unselected state (eg, item 608-6 was deselected in response to input 808 in FIG. 8G ). . 8J , selection indicator affordance 622-3 of item 608-3 scrolls under input 808 without changing selection states. This is because the selection indicator affordance 622-3 is already in the deselected state. Accordingly, selection indicator affordance 622-3 remains deselected rather than changing selection states.

In some embodiments, the scroll command (eg, 810 ) may be detected prior to the first selection input (eg, 808 ). For example, input is received to scroll a list, the device then detects a selection input, and as items scroll below the selection input, they change selection states while the selection input is held on the display.

In some embodiments, the scroll command (eg, 810 ) may include a series of scroll commands, such that the list of items scrolls at an accelerated pace, while the input 808 scrolls down the input (eg, 808 ). Scrolling items are held on display 601 to select or deselect.

The scrolling and selection/deselection operations illustrated in FIGS. 8G-8J allow the user to accurately and within a short amount of time and use a short series of inputs that cannot be achieved with swipe or other selection methods to display large amounts of items in a list. to select/deselect them. For example, the all-select command does not allow the precision of the scroll and select/deselect operations described above, since the all-select command does not allow the user to specify which items should be selected/deselected. . A swipe command cannot be executed to select multiple items as quickly as a scroll command, where a swipe gesture is limited by the length of the displayed list of items, whereas scrolling with select/deselect ( for example, because it moves at a faster rate than the user can swipe). Thus, the aforementioned scrolling with select/deselect allows for faster and more precise selection/deselection of items than other methods. Also, since scrolling by a select/deselect operation uses fewer gestures than such other operations, the technique described above reduces the number of inputs required to select large lists of items, thereby reducing computational resources and conserves battery power.

8K and 8O illustrate an embodiment for selecting an intervening set of items 608 from a list 604 . In this embodiment, the electronic device 600 detects a tap input on the first item to select the first item, then detects a tap-and-hold input on the second item, and 1) selects all items in the list. an option to select, and 2) an option for selecting a second item and items between the first and second items (eg, intervening items). In some embodiments, the following steps may be performed in a similar manner to deselect an intervening set of items (or to deselect all items).

In FIG. 8K , electronic device 600 detects an input 812 (eg, a single input tap gesture) on item 608-3 and, in response, item 608-3 as shown in FIG. 8L . select

In FIG. 8L , electronic device 600 detects input 814 (eg, a single input tap-and-hold gesture) on item 608 - 6 . Input 814 is a tap-and-hold input. Electronic device 600 when electronic device 600 detects that input 814 remains longer than a threshold amount of time (eg, greater than an amount of time to detect a tap input, eg, a non-zero threshold) ) displays an options interface 816 for selecting items as shown in FIG. 8M .

As shown in FIG. 8M , options interface 816 provides a first portion corresponding to an option for selecting all items 608 from list 604 , a “select all” affordance 816-1, and an item a second corresponding to 608-6 and an option for selecting intervening items between item 608-6 and selected item 608-3 (eg, items 608-4 and 608-5). contains a portion, “choose three” affordance 816-2. In addition to displaying the options interface 816 , the electronic device 600 indicates that if the “choose three” affordance 816-2 is selected, then the corresponding items 608-4 through 608-6 are selected. For this purpose, select indicator affordances 622-4 to 622-6 with a shading effect are displayed.

In FIG. 8N , electronic device 600 detects an input 818 (eg, a single input tap gesture) on a “select three” affordance 816-2 and, in response, as shown in FIG. 8O , Selecting items 608 - 4 - 608 - 6 changes the selection indicator affordances 622 - 4 - 622 - 6 from the shaded state to the selected state. Consequently, seven items 608 are selected from list 604 , as indicated by status area 626 .

In FIG. 8P , electronic device 600 detects a swipe gesture 820 on selection indicator affordances 622 - 5 - 622 - 3 and, in response, items 608 as shown in FIG. 8Q . -5 to 608-3) are deselected.

In FIG. 8Q , the electronic device 600 detects an input 822 on the cancellation affordance 624 , and in response, exits the edit mode as shown in FIG. 8R .

9 is a flow diagram illustrating a method for selecting and scrolling items using an electronic device in accordance with some embodiments. Method 900 is performed at a device (eg, 100 , 300 , 500 , 600 ) having a display and a touch-sensitive surface. Some operations of the method 900 are selectively combined, the orders of some operations are selectively changed, and some operations are optionally omitted.

As described below, method 900 provides an intuitive way to select or deselect items while scrolling through items in a user interface. This method reduces the user's cognitive burden of selecting or deselecting items, thereby creating a more efficient human-machine interface. For battery-operated computing devices, allowing a user to select or deselect items faster and more efficiently saves power and increases the time between battery charges.

An electronic device (eg, 600 ) having a display (eg, 601 ) and a touch-sensitive surface (eg, 601 ) (eg, 112 ) displays a plurality of items 608 (eg, eg, messages) via the display. Displays ( 902 ) a user interface 602 that includes (eg, e-mails, text messages), a list of graphical objects, such as pictures, files, and the like.

The electronic device configures a first input (eg, 808) (eg, touch input; touch-and-hold input; touch-and-) at a location on the display corresponding to a first item (eg, 608-6) in the plurality of items. Drag input; swipe gesture) is detected (904). In some embodiments, the first input is a fixed input. In some embodiments, the first input is an input having one point of contact on the display. In some embodiments, the electronic device detects that the user holds their finger on a selection affordance (eg, 622-6). In some embodiments, the electronic device detects a touch-and-drag or swipe gesture initiated on a selection affordance.

In some embodiments, the first input is a fixed input (eg, the first input remains stationary during scrolling). In some embodiments, the content (eg, items 608 ) displayed on the display (eg, 601 ) moves relative to the location of the first input on the touch-sensitive surface. For example, the first input (eg, 808 ) is a continuous contact at a single point of contact on the touch-sensitive surface, the displayed list scrolls along the display (eg, under the contact on the display), and the contact of the first input is is held stationary (see, eg, FIGS. 8H-8J ).

In response to detecting the first input (eg, 808 ) at a location on the display corresponding to the first item (eg, 608 - 6 ), the electronic device changes ( 906 ) the selection state of the first item (eg, 608 - 6 ) See deselect (and selection indicator affordance 622-6) of item 608-6 of FIGS. 8G and 8H ) (eg, select a first item from an unselected state to a selected state or from a selected state) Changed to unchecked (unselected) state).

In some embodiments, changing the selection state of the first item (eg, 608 - 6 ) may, in accordance with a determination that the selection state of the first item is a selected state, change the selection state of the first item to an unselected state. changing, and in response to determining that the selected state of the first item is an unselected state, changing the selected state of the first item to the selected state.

In some embodiments, prior to detecting the second input (eg, 810 ) and further in response to detecting the first input (eg, 808 or 806 ): determining that the first input is maintained for more than a predetermined period of time (e.g., held in the same location for a predetermined period of time) (e.g., held for exceeding a threshold amount of time to detect (e.g., classify; verify) a touch input of a first type (e.g., tap input; swipe gesture) ) (e.g., held for the amount of time required to classify the detected input as a particular gesture (e.g., valid gesture)) and/or to exclude the detected input from being an invalid gesture (e.g., accidental contact, noise). maintained for the required amount of time) and a first item (eg, 608 - 6 ) is placed at the end (eg, top or bottom) of a plurality of items (eg, 608 ) displayed in the user interface (eg, see FIG. 8D ). Upon determining that there is, the electronic device (eg, 600 ) scrolls the plurality of items (eg, 608 ) after changing the selection state of the first item (eg, automatically, without the need for additional user input) (eg, 608 ). For example, scrolling through a plurality of items while continuously detecting the first input (see, eg, FIGS. 8D-8F ). In some embodiments, when the first item is at the end of the displayed list of items, the electronic device automatically scrolls the list of items after the first item is selected/deselected. Scrolling through the items after changing the selection state of the first item when the first input is on the item at the end of the displayed items and held for a threshold amount of time allows the user to select a list of items without having to select additional user interface objects. to automatically scroll, thereby reducing the number of inputs required to perform a scroll operation. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, scrolling the plurality of items after changing the selection state of the first item includes displaying one or more new items within the plurality of items (eg, items 608-7 through 608-10). ) displayed as scrolling items 608 in FIGS. 8D-8F (eg, displaying new items as the plurality of items are scrolled) and changing the selection state of one or more new items within the plurality of items. (eg, selecting or deselecting a plurality of items as new items are displayed while scrolling). In some embodiments, as the first input is maintained, new items are displayed as the list of items automatically scrolls, and new items are selected/deselected as they are displayed. Changing the selection state of new items while displaying and scrolling through them allows the user to automatically select items without the need to select additional user interface objects to select or scroll through the new items, so that the selection of the items can be reduced. Reduce the number of required inputs. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, after changing the selection state of the first item (and eg, while continuing to detect the first input (eg, 806 )) while scrolling through the plurality of items: the plurality of items (eg, Upon determining that the last item in 608 is selected, the electronic device (eg, 600 ) stops scrolling through the plurality of items. In some embodiments, while scrolling the plurality of items after changing the selection state of the first item: upon determining that the first input (eg, 806 ) is terminated, the electronic device stops scrolling of the plurality of items do. In some embodiments, as the first input (eg, 806 ) is maintained, the list of items is displayed until the first input ends or the last item in the plurality of items (eg, the item at the end of the list of items). Continue scrolling until is selected.

After changing the selection state of the first item (eg, 608 - 6 of FIG. 8H ), the electronic device performs a second input (eg, eg, 608 - 6 in FIG. 8H ) corresponding to a request to scroll the user interface (eg, plurality of items 608 ). 810) is detected (908). In some embodiments, the second input corresponding to the request to scroll the plurality of items is a touch input distinct from the first input (eg, a touch gesture distinct from the first input) (eg, touch and drag gestures; wife gesture).

In response to detecting a second input (eg, 810) 910: In accordance with a determination that the first input (eg, 808) is maintained on a display (eg, 601), the electronic device scrolls through the plurality of items. while changing the selection state of one or more items (eg, items 608-4 and 608-5 of FIG. 8I ) (eg, one or more items passing under the first input) ( 912 ). Changing the selection state of one or more items while scrolling when the first input is held on the display allows the user to quickly and easily select multiple items with few gestures and without the need to select a series of user interface objects. and thus reducing the number of inputs required to select multiple items. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, in response to detecting the second input (eg, 810 ): each one (or more than one) of the scroll items (eg, 608-3) is a first item (eg, 608-6) ) ), the electronic device (eg, 600 ) withholds changing the selection state of each one of the scroll items. For example, in FIG. 8H , item 608 - 6 is changed to an unselected state in response to input 808 . While items 608 scroll in response to input 810 of FIGS. 8H-8J , item 608-3 scrolls under input 808 . Since item 608-3 has the same state (eg, not selected) as the changed selection state of item 608-6, device 600 does not change the selection state of item 608-3; Item 608-3 remains unselected as shown in FIG. 8J . Withholding changing the selection state of a scroll item when it has the same state as the changed state of the first item allows the user to quickly scroll the list of items without having to select additional user interface objects to select the selected state of all scrolled items. can be set, reducing the number of inputs required to set the selection state of items during scrolling. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, after changing the selection state of one or more items while scrolling through the plurality of items, the electronic device may display a third input (eg, 814 ) on a third item within the plurality of items (eg, a fixed input; detect (eg, a touch-and-hold input) (eg, item 608-6 is selected using input 814 in FIG. 8L). In some embodiments, the third item is a second item ( eg, item 608-3 of FIG. 8L).

In some embodiments, in response to detecting the third input (eg, 814 ) and upon determining that the third input meets the first set of criteria (eg, the third input is held for a threshold amount of time): An intervening selection user interface object (eg, 816-2 of 816) that, when selected, changes a selection state of the third item and one or more intervening items in the plurality of items (eg, the third item and one or more intervening items) affordance including an option for selecting/deselecting items) (eg, selecting/deselecting a third item and intervening items). In some embodiments, the intervening selection affordance is selected in response to detecting an input (eg, 818 ) (eg, a touch input; eg, a tap input) on the intervening selection affordance (eg, 816-2). In some embodiments, the intervening selection affordance displays a number corresponding to the number of items to be selected/deselected in response to selecting the intervening selection affordance. Displaying an intervening selection user interface object for changing an item and the selection state of the intervening items allows the user to quickly select an intervening section of items without having to select the items individually, allowing the user to select a subset of items. Reduce the number of required inputs. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, further, in response to detecting the third input (eg, 814 ) and upon determining that the third input meets the first set of criteria, the electronic device is configured to: 608-6) and one or more intervening items (eg, 608-4 and 608-5) for each (eg, not displaying on other items in the plurality of items), a preselected state (eg, each A selection user interface object (eg, 622-4; 622-5; 622-6) (eg, a selection) with an appearance indicating that the item has been marked for potential selection (eg, as shown in FIGS. 8M and 8N ). indicator affordance). In some embodiments, displaying the selection indicator affordances with a preselected state may include within the representation of items to be selected in response to selection of the intervening selection affordance (eg, selection indicator affordances 622 - 4 - 622 - 6 ). shading) to the user.

In some embodiments, displaying the intervening selection user interface object (eg, 816 ), when selected, displays the selection state of all items (eg, 608 ) in the plurality of items associated with the all-selection user interface object. Displaying a full-selection user interface object (eg, 816-1) (eg, all-select all affordances; eg, all-deselect affordances) that sets the selected state (eg, all items selected/deselected) state) is additionally included.

In response to detecting a second input (eg, 810 ) ( 910 ): in accordance with a determination that the first input is not maintained on the display, the electronic device does not change the selection state of one or more items in the plurality of items. Scroll 914 a plurality of items (eg, 608 ). Scrolling through items without changing their selection state when the first input is not held on the display can be achieved by simply controlling whether the items hold the first input on the display and without having to select a series of user interface objects; Allows the user to selectively scroll items with or without selection, thereby reducing the number of inputs required to perform scrolling with selective item selection. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

Note that the details of the processes described above with respect to method 900 (eg, FIG. 9 ) are also applicable in a similar manner to the methods described above and below. For example, methods 700 and 1100 optionally include one or more of the features of various methods described above with respect to method 900 . For example, in response to being selected or deselected, the selection state of items in the user interface may change from a selected state to an unselected state or an unselected state, depending on the current selection state of the item when selected/deselected. It changes from the state to the selected state. For the sake of brevity, these details are not repeated.

10A-10W illustrate example user interfaces for scrolling through items in accordance with some embodiments. The user interfaces in these figures are used to illustrate the processes described below, including the processes of FIG. 11 .

In some embodiments, user interface 602 provides a first step that scrolling movement of items 608 in list 604 mirrors movement of input on items 608 , as illustrated in FIGS. 10A-10G . It has 1 scroll mode. In some embodiments, user interface 602 has a second scroll mode in which items 608 in list 604 are scrolled in response to movement of input on the scroll progress indicator (eg, scroll bar 614 ). ) to activate the indexed scrubbing indicator 1018). Various embodiments of the second scroll mode are illustrated in FIGS. 10H-10W . In some embodiments, the electronic device 600 stays on the scroll bar 614 for at least a threshold amount of time (eg, a non-zero threshold above the amount of time for detecting another touch gesture, such as a tap gesture or swipe). transition from the first scroll mode to the second scroll mode in response to detecting the input. When the electronic device 600 switches to the second scroll mode, the list of items is scrolled in response to movement of an input on the scroll bar 614 that causes the electronic device 600 to switch to the second scroll mode. In other words, after switching to the second mode, the fixed input on the scroll bar 614 may be moved to control the scrolling in the second mode.

As shown in FIG. 10A , list 604 includes items 608 , and preview window 606 displays preview content 607 - 1 of selected item 608 - 1 . The electronic device 600 detects a scroll input 1002 (eg, a single input swipe gesture in an upward direction) on the items 608 . In response, as shown in FIG. 10B , electronic device 600 scrolls items 608 based on the direction and size of scroll input 1002 and displays scroll bar 614 . Specifically, the scroll input 1002 is an upward swipe gesture on the display 601 . Because user interface 602 is in the first scrolling mode, list 604 scrolls down as shown in FIG. 10B (eg, item 608 moves upward on display 601 ).

Referring now to FIG. 10B , a scroll bar 614 is displayed along with a list 604 . The scroll bar has a scrollable position with items 608 in list 604 , extending from top edge 1004 to bottom edge 1006 . When list 604 is scrolled to the top item (eg, item 608 - 1 is fully displayed as shown in FIG. 10A ), scroll bar 614 is positioned adjacent to top edge 1004 . When the list 604 is scrolled to the bottom item (eg, the last item in the list 604 is fully displayed), the scroll bar 614 is positioned adjacent the bottom edge 1006 . Thus, in some embodiments, the length of the displayed portion of the list 604 (eg, between the top edge 1004 and the bottom edge 1006 ) represents a scrollable range (eg, length) of the list of items. and the relative position of the scroll bar 614 between the top edge 1004 and the bottom edge 1006 represents the scrolled position of the items 608 in the list 604 . Thus, for a given amount of movement of the scroll bar (eg, when scrolling in the second mode), the number of scrolled items 608 is proportional to the length of the list. For example, when a scroll gesture moves the scroll bar by 25% of the length of the distance between edges 1004 and 1006, the number of scrolled items is greater when the list is longer and less when the list is shorter. . Accordingly, one of the advantages of the second scrolling method (compared to the first scrolling method) is the ability to quickly scroll through large lists with reduced effort and inputs, as discussed in more detail below.

In some embodiments, the scroll bar 614 has a size that is generally proportional to the total length of the list of items (eg, the scroll bar is smaller when the list is longer and larger when the list is shorter). In some embodiments, header area 605 expands and contracts with scrolling movement. For example, when the list 604 is scrolled to the top, the header area 605 has an expanded appearance as shown in FIG. 10A (eg, in some cases, such as when displaying a rubber banding animation, the header area extends much further). When the list 604 is scrolled to a position other than the top of the list, the header area 605 has a retracted appearance as shown in FIG. 10B .

In some embodiments, scroll bar 614 is displayed temporarily in response to a scroll command (eg, scroll input 1002 ), and electronic device 600 detects no further input on items 608 . case disappears after a predetermined period of time. For example, in FIG. 10B , the electronic device 600 detects no further input after the scroll input 1002 . Accordingly, as shown in FIG. 10C , the electronic device 600 stops displaying the scroll bar 614 after a predetermined period of time.

In FIG. 10D , the electronic device 600 detects a scroll input 1008 on items 608 . In response, electronic device 600 displays scroll bar 614 and scrolls list 604 , as shown in FIG. 10E . Specifically, the scroll input 1008 is a downward swipe gesture on the display 601 . Because the user interface 602 is in the first scrolling mode, the list 604 is scrolled up (eg, the item 608 is moved in a downward direction on the display 601 ). Also, as shown in FIG. 10E , the scroll input 1008 is a short scroll gesture, and thus the electronic device 600 scrolls the list 604 a short distance.

10E and 10F illustrate example embodiments in which an input on scroll bar 614 does not trigger a transition to the second scroll mode (eg, the input does not include a stop component, or the stop component triggers a transition) too short to do). As a result, the gesture causes the electronic device 600 to scroll in the first mode rather than the second mode.

In FIG. 10E , before scroll bar 614 disappears, electronic device 600 detects input 1010 on scroll bar 614 . The input 1010 is insufficient to switch from the first scroll mode to the second scroll mode. For example, the user touches the scroll bar 614 and drags down without waiting for the scroll bar 614 to become interactive (eg, the input 1010 does not include a fixed portion, or the fixed portion is 2 is less than the threshold amount of time required to activate scroll mode). Because the input 1010 does not remain stationary on the scroll bar 614 for a threshold amount of time, the electronic device remains in the first scroll mode, and the result of the input 1010 is a normal scroll as shown in FIG. 10F . It's a gesture. That is, the electronic device 600 scrolls the list 604 based on the magnitude and direction of movement of the input 1010 by scrolling up in the list of items 608 (eg, the items 608 display ( 601) in an upward direction). In FIG. 10F , the electronic device 600 displays a list 604 that has scrolled to the top and has stopped displaying a scroll bar 614 .

As discussed above, the electronic device 600 receives at least a threshold amount of time (eg, a non-zero threshold that is above the amount of time for detecting another touch gesture, such as a tap gesture or swipe (eg, input 1010 )). while transitioning from the first scroll mode to the second scroll mode in response to detecting a static input on the scroll bar 614 . When the electronic device 600 transitions to the second scroll mode, the list of items is scrolled in response to movement of the input on the scroll bar 614 . In other words, after switching to the second mode, the input on the scroll bar 614 may be maintained and then moved to control scrolling in the second mode. 10G-10I illustrate a series of inputs for causing the electronic device 600 to transition from the first scroll mode to the second scroll mode.

For example, in FIG. 10G , electronic device 600 detects scroll input 1012 and in response scrolls list 604 and displays scroll bar 614 . In FIG. 10H , electronic device 600 detects input 1014 on scroll bar 614 . In this embodiment, the input 1014 is positioned on the scroll bar 614 (eg, within the detection area 1015 ) and is paused for at least a threshold amount of time to activate the second scroll mode. In response, the electronic device enters a second scroll mode in which the items in the list are scrolled by moving an input on the scroll bar 614 (eg, the move input 1014 ). In some embodiments, when the second scroll mode is activated, the electronic device 600 determines that the scroll bar 614 is a size (eg, width) as shown by the enlarged scroll bar 614 - 1 in FIG. 10I . and optionally length). The animation is a visual confirmation to the user that the device is now operating in the second scrolling mode. Because the second scroll mode is controlled by the user's continued finger placement on the scroll bar, the enlarged size of the scroll bar makes it easier for the user to view the scroll bar while the user's finger is positioned on the scroll bar. In some embodiments, the electronic device 600 generates a tactile output 1017 (eg, a haptic response) (eg, a tactile output with or without audio output) when it transitions to the second scroll mode. .

In some embodiments, when the electronic device transitions to the second scroll mode, the electronic device displays a scroll bar 614 having the appearance of a scroll bar including a displayed thumb portion positioned within a trough portion. (eg, a trough portion extends between edges 1004 and 1006). In such embodiments, the list is scrolled by dragging the thumb within the trough.

As briefly mentioned above, in some embodiments, when the electronic device 600 detects inputs within the detection area 1015 around the scroll bar 614 , the electronic device determines that the input is located on the scroll bar. consider In some embodiments, the size of the detection area 1015 is dynamic. In other words, when the scroll bar has a smaller size, the detection area is smaller in size, and when the scroll bar is larger, the detection area is larger. In some embodiments, the detection area 1015 is always larger than the size of the scroll bar 614 .

10I-10O illustrate an example embodiment in which the list 604 is scrolled in a second scroll mode.

In FIG. 10I , the electronic device 600 is in a second scroll mode (eg, as indicated by the enlarged scroll bar 614 - 1 ) and an input 1014 held on the enlarged scroll bar 614 - 1 . ) continues to be detected. In FIG. 10J , the electronic device detects movement 1014 - 1 (eg, downward drag) of input 1014 , and in response, in response to detected movement 1014 - 1 of input 1014 , list ( 604). Because the electronic device is in the second scrolling mode, the list is scrolled in the direction of movement 1014 - 1 . For example, list 604 scrolls down with movement 1014 - 1 (eg, items 608 moves in an upward direction) as shown in FIG. 10K . It should be appreciated that the list 604 can be scrolled in the opposite direction (eg, up) by a drag gesture in the upward direction. For comparison, when the electronic device is in the first scrolling mode, the downward movement 1014 - 1 will instead cause the list to be scrolled up (eg, the items 608 would have been moved in the downward direction).

10L-10O illustrate another scroll response of the electronic device 600 while in the second scroll mode. In this example, the user continues to type on the scroll bar and then flicks their finger in an upward direction (eg, towards the top of display 601 ). In response, the electronic device causes the user interface to jump to the beginning of the list. It should be understood that a flick in a downward direction (eg, towards the bottom of display 601 ) will cause the electronic device to jump to the end of the list.

In FIG. 101 , electronic device 600 continues to detect input 1014 on enlarged scroll bar 614 - 1 , and a flick gesture (eg, towards the top of list 604 ) in an upward direction (eg, towards the top of list 604 ). , a short movement followed by the end of the input 1014 ). In response, the electronic device jumps (eg, quickly scrolls) to the beginning of the list 604 . In some embodiments, jumping to the start of the list includes quickly displaying a scrolling list to the start of the list. In some embodiments, jumping to the start of the list is instantaneous (eg, the list is not shown scrolling). Scroll bar 614 moves to edge 1004 as shown in FIG. 10M and returns to its original appearance (eg, thinner, optionally shorter).

In some embodiments, the flick action is displayed with the “rubber banding” animation shown in FIGS. 10N and 10O . In a rubber banding operation, header region 605 is stretched downward and scroll bar 614 is compressed as it reaches edge 1004 as shown in FIG. 10N . The header area 605 then returns to its previous appearance, as shown in FIG. 10O , and the scroll bar 614 is compressed back to its previous size. This rubber banding animation provides the appearance of scroll bar 614 that is momentarily compressed due to its inertia moving quickly to the top of the list by the flick gesture. It should be recognized that the flick gesture can be performed in the opposite direction to scroll to the opposite end of the list. For example, if the user flicks the scroll bar to the bottom of the display 601 (eg, a downward flick), the list of items is scrolled to the end of the list in a manner similar to that described above with respect to an upward flick.

10P-10W illustrate various embodiments in which a second scroll mode is performed using an indexed scrubbing indicator. 10P-10T illustrate an embodiment in which an indexed scrubbing indicator centered on the position of the input that initiates the transition to the second scroll mode is displayed. 10U and 10V illustrate an embodiment in which an indexed scrubbing indicator is displayed in the central area of the displayed list. 10W illustrates an embodiment in which an indexed scrubbing indicator is displayed adjacent to an input initiating a transition to a second scroll mode. In some embodiments, the indexed scrubbing indicator is displayed in response to input on the scroll bar. In some embodiments, the indexed scrubbing indicator is displayed (eg, within the area where the scroll bar is typically displayed) when the user touches an edge of the list 604 , even when the scroll bar is not displayed.

10P shows user input 1016 detected on scroll bar 614 causing the electronic device to switch from the first scroll mode to the second scroll mode. Scroll bar 614 is positioned towards the top of list 604 . As input 1016 remains, the electronic device replaces scroll bar 614 with indexed scrubbing indicator 1018 . 10Q and 10R , the indexed scrubbing indicator 1018 is centered at the position of the input 1016 , although the indexed scrubbing indicator appears at the position of the input 1016 and extends from the position of the input 1016 . is displayed as an animation with In some embodiments, the indexed scrubbing indicator 1018 is displayed without an expanding animation.

In FIG. 10R , input 1016 is maintained, and indexed scrubbing indicator 1018 is displayed with a series of index points corresponding to relative scrollable positions in list 604 . As shown in FIG. 10R , an index point 1018 - 1 representing the current scrollable position is selected from the index of scrollable positions represented by the indexed scrubbing indicator 1018 . As shown in FIG. 10S , electronic device 600 detects movement 1016 - 1 of input 1016 in a downward direction and, in response, to an indexed scroll position corresponding to movement of input 1016 . Scroll through list 604 . Index point 1018 - 2 is selected in FIG. 10S to indicate the updated scrolled position of list 604 to the index of scrollable positions represented by indexed scrubbing indicator 1018 .

10T , the electronic device 600 detects the end of the input 1016 and, in response, stops displaying the indexed scrubbing indicator 1018 and switches back to the first scrolling mode.

10U-10W illustrate alternative embodiments in which an indexed scrubbing indicator is displayed in different locations. 10U and 10V , the indexed scrubbing indicator 1018 is displayed at approximately the center position of the listing 604 . In FIG. 10U , the electronic device detects input 1020 at scroll bar 614 (or, optionally, at the side edge of list 604 when scroll bar 614 is not displayed), as shown in FIG. 10V , as shown, cause the electronic device to switch to the second scrolling mode and display the indexed scrubbing indicator 1020 in the central position of the list 604 .

In FIG. 10W , electronic device 600 detects input 1022 on list 604 and displays indexed scrubbing indicator 1018 at a location adjacent to input 1022 . Such an embodiment (rather than an embodiment in which the indexed scrubbing indicator 1018 is displayed centered on the contact) indicates that the input is at or near the edge of the list 604 (eg, edge 1004 or edge 1006 ). It can be implemented when located. In such situations, the indexed scrubbing indicator is displayed on the side of the input opposite the nearby edge. For example, if the input is located at or near the top edge 1004 , the indexed scrubbing indicator 1018 is displayed below the input and the input. Conversely, if the input is located at or near the bottom edge 1006 , the indexed scrubbing indicator 1018 is displayed over the input and the input. This embodiment may be implemented in a similar manner when the contact is placed at or near the edge of the display 601 .

The indexed scrubbing indicators 1018 displayed in FIGS. 10V and 10W behave in the same manner as the indexed scrubbing indicator 1018 displayed in FIGS. 10R and 10S described above.

Embodiments discussed above provide advantages over traditional scrolling methods, such as continuously displaying a scroll bar and optionally a scroll track, and using a cursor or mouse to interact with the scroll bar. For example, the embodiments described above allow for aggressive scrolling of many items without requiring the display of additional UI components, such as a cursor to select a scroll bar. Accordingly, the above-described embodiments, due to their uncomplicated nature, allow for a more streamlined and simplified scrolling user interface that can be implemented on devices with smaller form factors, such as wearable devices and mobile devices.

11 is a flow diagram illustrating a method for selecting and scrolling items using an electronic device in accordance with some embodiments. Method 1100 is performed at a device having a display and a touch-sensitive surface (eg, 100 , 300 , 500 , 600 ). Some operations of the method 1100 are selectively combined, the orders of some operations are selectively changed, and some operations are optionally omitted.

As described below, method 1100 provides an intuitive way to scroll through a user interface. The method reduces the cognitive burden on the user of navigating user interfaces at various rates, thereby creating a more efficient human-machine interface. For battery-operated computing devices, allowing a user to scroll through user interfaces faster and more efficiently saves power and increases the time between battery charges.

An electronic device (eg, 600 ) having a display (eg, 601 ) and a touch-sensitive surface (eg, 601 ) (eg, 112 ) may display a plurality of items (eg, 608 ) (eg, eg, Displays ( 1102 ) a user interface (eg, 602 ) that includes messages (eg, e-mails, text messages), a list of graphical objects such as pictures, files, and the like.

The electronic device detects ( 1104 ) a first input (eg, 1012 ) corresponding to a request to scroll the user interface.

In response to detecting the first input (eg, 1012 ), the electronic device scrolls 1106 the user interface, and the scrollable range of the scroll progress indicator (eg, 614 ) (eg, the user interface (eg, 604 )) A scroll track (e.g., trough/gutter) (e.g., distance between edges 1004 and 1006) representing Display 1106 (eg, temporarily display; initially display; introduce display of a scroll progress indicator; eg, scroll progress indication) ruler is not displayed before scrolling). In some embodiments, the electronic device displays the scroll progress indicator for a predetermined amount of time unless a contact is detected on the scroll progress indicator, in which case the time for displaying the scroll progress indicator is optionally extended .

In some embodiments, the scroll progress indicator includes a scroll bar (eg, 614 ) (eg, thumb). In some embodiments, the scroll bar is positioned within a scroll track (eg, a trough) (eg, between edges 1004 and 1006 ) and moves within the scroll track in response to movement of the second portion of the second input. do.

In some embodiments, while the scroll progress indicator is displayed and upon determining that no input is detected on the user interface for a predetermined amount of time, the electronic device stops displaying the scroll progress indicator.

While the scroll progress indicator is displayed (eg, before the device stops displaying the scroll progress indicator), the electronic device (eg, 600 ) is substantially stationary (eg, stationary) of a first portion (eg, the first A second input (eg, 1014 ) (eg, a touch-sensitive surface) that includes a component; a stationary component) followed by a second portion (eg, a second component; a component that includes movement) in a first direction A touch-and-hold input that remains stationary on the phase is detected ( 1108 ).

In some embodiments, the first portion of the second input is an area (eg, 1015) where the first portion of the second input surrounds a scroll bar (eg, 614) (eg, thumb) portion of the scroll progress indicator. (eg, detection area) is directed to a scroll progress indicator when detected within (eg, detection area) (eg, detection area includes a thumb portion and an area extending beyond the displayed size of the thumb portion) (eg, detection area is a thumb centered on the finger area and slightly larger than the thumb area). In some embodiments, a scroll bar portion of the scroll progress indicator having a first size is displayed when the user interface has a first scrollable length (eg, the detection area is greater than a first size of the thumb portion of the scroll progress indicator) slightly larger size). In some embodiments, a scroll bar portion of a scroll progress indicator having a second size different from the first size is displayed (eg, detected when the user interface has a second scrollable length different from the first scrollable length) the region is a second size that is slightly larger than the second size of the thumb portion of the scroll progress indicator). In some embodiments, the scroll bar and corresponding detection area have a dynamic size based on the scrollable length of the user interface. For example, when the user interface is of a shorter scrollable length, the scroll bar and the corresponding detection area are larger, and when the user interface is of a longer scrollable length, the scroll bar and the corresponding detection area are smaller. In some embodiments, making the detection area larger than the scroll bar makes it easier for the user to select the scroll bar, thereby increasing the usability of the scroll bar, especially when the scroll bar is of a smaller size (eg, scrolling). Reduces the likelihood of unsuccessful input attempts to select a scroll bar (when the user interface is long). This improves the operability of the device and makes the user-device interface more efficient (eg, by helping the user provide appropriate inputs and reducing user errors when operating/interacting with the device), which additionally It reduces the device's power usage and improves battery life by enabling faster and more efficient use of the device.

In response to detecting ( 1110 ) a second input (eg, 1010 ): a first portion of the second input is directed to a scroll progress indicator (eg, 614 ) (eg, a first portion of the second input is scrolled) Upon a determination that the first criteria are not met (e.g., the second input causes continuous stationary contact (e.g., on the scroll progress indicator) that exceeds a threshold amount of time prior to movement) to (eg, on a scroll bar) not), the electronic device in a first manner based on movement of the contact in the second portion of the second input (eg, scroll movement of the user interface is a scroll command on the user interface) (e.g., if the scroll command is a touch input moving upward by 300 pixels, the user interface moves upward by 300 pixels) in a manner that directly corresponds to (eg, mirrors) the movement of 602) is scrolled (1112). In some embodiments, scrolling the user interface in the first manner includes scrolling the user interface to a first scrolled position determined based on a direction and magnitude of movement of the second portion of the second input. In some embodiments, scrolling in the first manner includes scrolling the user interface in a second direction different from (eg, opposite to) the first direction of movement of the second portion of the second input. For example, if the first direction of movement is substantially downward, the user interface scrolls in an upward direction (eg, items in the list move in a downward direction to scroll up in the list). For example, in FIG. 10E , input 1010 does not meet the first criteria. As a result, device 602 scrolls list 604 in a first manner as shown in FIG. 10F . When the first portion of the second input is directed to the scroll progress indicator and does not meet the first criteria, scrolling the user interface in a first manner based on movement of the contact in the second portion of the second input comprises: Controlling the duration of the first portion of the second contact on the progress indicator allows selectively controlling when the user scrolls in a first or second manner, thereby increasing the number of inputs required to switch between scroll modes. Reduce. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, the first criteria indicate that the first portion of the second input is stationary (eg, a continuous, stationary contact on a scroll progress indicator (eg, on a scroll bar)) for at least a first threshold amount of time. criteria to be met when

In some embodiments, the first threshold amount of time specifies a threshold amount of time for detecting (eg, classifying; verifying) a first type of touch input (eg, tap input; swipe gesture) (eg, specifying the detected input). The amount of time required to classify as a gesture (eg, a valid gesture); the amount of time required to exclude a detected input from being an invalid gesture (eg, accidental contact, noise) is greater than (eg, 1.5 of the amount of time) times; twice the amount of time). In some embodiments, setting the first criteria to include a requirement that the input is paused for a threshold amount of time greater than a threshold amount of time for detecting a first type of touch input can be determined by determining where the user is proximate to the scroll progress indicator. When intending to scroll in a first way using input in to prevent scrolling. This provides additional control options for maintaining scrolling in a first manner without complicating the user interface with additional displayed controls, which allows the user to input appropriate input (eg, when operating/interacting with the device). It improves the operability of the device and makes the user-device interface more efficient (by helping to provide reduce and improve battery life.

In response to detecting ( 1110 ) the second input (eg, 1014 ): in accordance with a determination that a first portion of the second input was directed to a scroll progress indicator (eg, 614 ) and meets first criteria (eg, The second input includes a continuous fixed contact (eg, on a scroll progress indicator (eg, on a scroll bar)) that exceeds a threshold amount of time before movement, the electronic device (eg, 600 ) in a first manner a second manner (eg, based on movement of a scroll bar within a scroll track (eg, between edges 1004 and 1006 )) different from and based on movement of the contact in a second portion of the second input, wherein the scroll bar The movement of directly corresponds (eg, mirrors) the movement of the scroll command (eg, the second portion of the second input) on the scroll bar ( 1114 ) the user interface scrolls. In some embodiments, scrolling the user interface in a second manner causes the user interface to be moved to a second scrolled position different from the first scrolled position (eg, a second portion of the second input on the scroll bar portion of the scroll progress indicator). and scrolling to different scrolled positions within the user interface determined based on the direction and magnitude of movement of In some embodiments, scrolling in the second manner includes scrolling the user interface in the first direction. For example, if the first direction of movement is substantially a downward direction, the user interface scrolls in a downward direction (eg, items in the list move in an upward direction to scroll down in the list). In some embodiments, scrolling in the second manner includes scrolling the user interface at a different rate than scrolling in the first manner (eg, depending on the length of the user interface, the greater the length of the user interface, the greater the second manner). scroll rate is higher when scrolling in this way). For example, when the second portion of the second input has a first movement amount, scrolling in a first manner causes the user interface to scroll by a first amount of scrolling, and scrolling in a second manner causes the user interface to scroll in a second manner. causes scrolling by a second scroll amount that is different than (eg, greater than) the first amount. This means that when scrolling in the second manner, as compared to scrolling in the first manner, the user may view a larger user interface at a greater rate (eg, a larger size scroll for a given size of the second portion of the second input). ) to be scrollable, reducing the number of inputs needed to scroll through items. Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently. When the first portion of the second input is directed to the scroll progress indicator and meets the first criteria, scrolling the user interface in a second manner based on movement of the contact in the second portion of the second input comprises: Allowing the user to selectively control when the user scrolls in the first or second manner by controlling the duration of the first portion of the second contact on the indicator, thereby reducing the number of inputs required to switch between scroll modes make it Additionally, it provides the user with additional control options without the need to complicate the user interface with additional displayed controls. These advantages improve the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate inputs and reducing user errors when operating and/or interacting with the device); This additionally reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, scrolling the user interface in a first manner includes scrolling the user interface in a direction different from (eg, opposite to) the first direction of movement of the second portion of the second input. In some embodiments, scrolling the user interface in the second manner includes scrolling the user interface in the same direction (eg, substantially the same direction) as the first direction of movement of the second portion of the second input.

In some embodiments, scrolling the user interface in a second manner is, in accordance with a determination that the second portion of the second input comprises a magnitude of movement greater than a threshold amount (eg, a non-zero threshold), the second input scrolling the user interface in the first direction by an amount corresponding to the magnitude of movement of the second portion of In some embodiments, scrolling the user interface in a second manner, in accordance with a determination that the second portion of the second input comprises an amount of movement less than the threshold amount, causes the user interface to be moved in the first direction to an end of the user interface. and scrolling to (eg, the top or bottom of the user interface). In some embodiments, the user interface is scrolled to the end of the user interface, regardless of the actual size of the second portion of the second input and regardless of the length of the user interface, as long as the size of the second portion is less than a threshold size. For example, when the second portion of the second input is a short motion, such as a flick gesture (eg, 1014-2), the electronic device moves to the end of the user interface (eg, in the direction of the flick) regardless of the length of the user interface. Scroll through the user interface. Conversely, when the size of the second portion of the second input is greater than the threshold size, the user interface is scrolled in the first direction by an amount corresponding to the size of the second portion of the second input. For example, if the second portion is a first size greater than a threshold size, the user interface is scrolled in a first direction by a first amount corresponding to the first size, if the second portion is a second size greater than the threshold size, The user interface is scrolled in the first direction by a second amount corresponding to the second size.

In some embodiments, in response to further detecting the second input (eg, 1014 ): determining that the first portion of the second input was directed to the scroll progress indicator (eg, 614 ) and meets the first criteria Accordingly, the electronic device (eg, using the haptic feedback module 133 , the haptic feedback controller 161 , and the tactile output generator 167 ) generates a first tactile output (eg, 1017 ) (eg, a haptic response). ) (eg, tactile output and/or audio output (eg, non-visual feedback)). In some embodiments, the first tactile output includes an audible output generated when the electronic device changes from a first scrolling behavior in which scrolling is performed in a first manner to a second scrolling behavior in which scrolling is performed in a second manner. include In some embodiments, generating the first tactile output provides a tactile and/or audible indication to the user that the electronic device has transitioned from the first scrolling behavior to the second scrolling behavior, wherein the first tactile output is Provides tactile and/or audio feedback of a transition that can be perceived by the user's tactile and/or auditory sense. Providing improved feedback improves the operability of the device (eg, by helping the user provide appropriate inputs when operating/interacting with the device and reducing user errors) and allows the user-device interface to be more efficient, which further reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, further in response to detecting the second input (eg, 1010 ): that the first portion of the second input was directed to a scroll progress indicator (eg, 614 ) and does not meet the first criteria According to the determination, the electronic device scrolls the user interface in a first manner based on movement of the contact in the second portion of the second input without generating the first tactile output. In some embodiments, no tactile output is generated unless the electronic device transitions from the first scrolling behavior to the second scrolling behavior. Scrolling the user interface in a first manner without generating a first tactile output provides feedback to the user that the electronic device does not transition from the first scrolling behavior to the second scrolling behavior. Providing improved feedback improves the operability of the device (eg, by helping the user provide appropriate inputs when operating/interacting with the device and reducing user errors) and allows the user-device interface to be more efficient, which further reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, after generating the first tactile output, the electronic device detects an end of the second input (eg, with or without scrolling the user interface), and in response to detecting the end of the second input a second tactile output (eg, haptic response) (eg, using haptic feedback module 133 , haptic feedback controller 161 , and tactile output generator 167 ) (eg, tactile output and/or or an audio output (eg, non-visual feedback). In some embodiments, the second tactile output includes an audible output generated when the electronic device changes from a second scroll behavior in which scrolling is performed in a second manner to a first scroll behavior in which scrolling is performed in a first manner. include In some embodiments, generating the second tactile output provides a tactile and/or audible indication to the user that the electronic device has reversed from the second scrolling behavior back to the first scrolling behavior, wherein the second tactile output provides tactile and/or audible feedback of a transition that can be sensed by the user's tactile and/or sound. Providing improved feedback improves the operability of the device (eg, by helping the user provide appropriate inputs when operating/interacting with the device and reducing user errors) and allows the user-device interface to be more efficient, which further reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, in response to further detecting the second input (eg, 1014 ): upon determining that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria, the electronic device: Change the appearance of the scroll progress indicator from a first appearance (eg, 614) to a second appearance (eg, 614-1) (eg, enlarge the appearance of a scroll bar portion of the scroll progress indicator (eg, from a first thickness) display a scroll bar portion of the scroll progress indicator that transitions to a second thickness greater than the first thickness) In some embodiments, changing the appearance of the scroll progress indicator includes generating a haptic response. In some cases, changing the appearance of the scroll progress indicator from the first appearance to the second appearance provides the user with visual feedback that the electronic device has transitioned from the first scrolling behavior to the second scrolling behavior. allows the user to see the scroll bar when the user's finger is positioned over the scroll bar, increasing the usability of the scroll bar and increasing the usability of the current scroll position within the scrollable range of the user interface (eg, represented by the scroll track). Provide the user with an indication that is more readily perceived.Providing improved feedback (eg, by helping the user provide appropriate inputs and reducing user errors when operating/interacting with the device) the device It improves the operability of the device and makes the user-device interface more efficient, which further reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, while the scroll progress indicator has a second appearance, the electronic device detects an end of the second input (eg, with or without scrolling the user interface). In some embodiments, in response to detecting the end of the second input, the electronic device changes the appearance of the scroll progress indicator from the second appearance to the first appearance (eg, changing the appearance of the scroll bar portion of the scroll progress indicator). Narrowing (eg, displaying the scroll bar portion of the scroll progress indicator transitioning from the second thickness to a first thickness less than the second thickness). In some embodiments, changing the appearance of the scroll progress indicator includes generating a haptic response. In some embodiments, changing the appearance of the scroll progress indicator from the second appearance to the first appearance provides the user with visual feedback that the electronic device has been reversed from the second scroll behavior back to the first scroll behavior. Providing improved feedback improves the operability of the device (eg, by helping the user provide appropriate inputs when operating/interacting with the device and reducing user errors) and allows the user-device interface to be more efficient, which further reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently.

In some embodiments, in response to further detecting the second input (eg, 1014 ): determining that the first portion of the second input was directed to the scroll progress indicator (eg, 614 ) and meets the first criteria Accordingly, the electronic device changes the appearance of the scroll progress indicator to include an indexed scrubbing indicator (eg, 1018 ) positioned on the user interface at a location proximate to the location of the first portion of the second input (eg, indexing). The scrubbed scrubbing indicator is centered around the location of the first portion of the second input) (eg, FIGS. 10Q and 10R show an indexed scrubbing indicator centered at the location of the input 1016 ). In some embodiments, the indexed scrubbing indicator corresponds to an index of relative scrollable positions within the user interface. In some embodiments, when the indexed scrubbing indicator is displayed, the device detects movement of the second portion of the second input and indexes the indexed in the scrollable user interface corresponding to the position of the input relative to the indexed scrubbing indicator. Scroll to Position (see, eg, FIGS. 10R-10T). In some embodiments, the electronic device (eg, 600 ) displays an indexed scrubbing indicator (eg, 1018 ) in other displayed locations on the user interface (eg, 602 ) (see, eg, FIGS. 10U-10W ). ). For example, in some embodiments, when the location of the first portion of the second input is adjacent to an edge region of the user interface, the indexed scrubbing indicator is an opposing first portion of the second input from the edge region of the user interface. displayed adjacent to (see, eg, FIG. 10W ).

In some embodiments, in response to further detecting the second input (eg, 1014 ): determining that the first portion of the second input was directed to the scroll progress indicator (eg, 614 ) and meets the first criteria Accordingly, the electronic device is positioned on the user interface (eg, centered on the displayed list (eg, centered on the side edge of the displayed list)) on the user interface (eg, at the edge as shown in FIG. 10V ). Change the appearance of the scroll progress indicator to include an indexed scrubbing indicator (eg, 1018 ) located on the user interface at a location centered between s 1004 and 1006 .

In some embodiments, in response to further detecting the second input: upon determining that the first portion of the second input is not directed to the scroll progress indicator, the electronic device determines that the first portion of the second input is the first Scrolls the user interface in a first manner based on movement of the contact in the second portion of the second input regardless of whether the criteria are met (eg, if the second portion of the second input meets the first criteria, scroll the user interface in a first manner and scroll the user interface in a first manner if the second portion of the second input does not meet the first criteria) In some embodiments, the first portion of the second input indicates a scroll progress When not positioned on the ruler, the UI displays the second of the second contact regardless of whether the first portion of the second input meets the first criteria (eg, even if the first portion of the second contact meets the first criteria). It is scrolled in a first manner based on the second part.

In some embodiments, while the scroll progress indicator is displayed, the electronic device detects a third input (eg, 1010 ) comprising movement in the respective direction (eg, a swipe gesture). In some embodiments, in response to detecting the third input, the electronic device scrolls the user interface in a first manner based on movement of the third input.

Note that the details of the processes described above with respect to method 1100 (eg, FIG. 11 ) are also applicable in a manner similar to the methods described above. For example, methods 700 and 900 optionally include one or more of the features of the various methods described above with respect to method 1100 . For example, a scroll progress indicator may be displayed and selected to scroll through items in a user interface. For the sake of brevity, these details are not repeated.

The foregoing description, for purposes of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in light of the above teachings. The embodiments have been chosen and described in order to best explain the principles of the techniques and their practical applications. Accordingly, those skilled in the art will be able to best utilize the techniques and various embodiments with various modifications as are suited to the particular use contemplated.

While the present disclosure and examples have been fully described with reference to the accompanying drawings, it should be noted that various changes and modifications will become apparent to those skilled in the art. It is to be understood that such changes and modifications are included within the scope of the disclosure and examples as defined by the claims.

As noted above, one aspect of the present technology is the collection and use of data available from various source display items for scrolling and selection. This disclosure contemplates that, in some cases, such collected data may include personal information data that may be used to uniquely identify or contact or locate a particular individual. Such personal information data may include demographic data, location-based data, phone numbers, email addresses, Twitter IDs, home addresses, data or records relating to a user's health or fitness level (eg, vital signs). measurements, drug information, exercise information), date of birth, or any other identifying or personal information.

This disclosure recognizes that the use of such personal information data in the present technology can be used to benefit users. For example, personal information data may be used to communicate target items of greater interest to a user. Thus, the use of such personal information data enables users to calculate control of the delivered content. In addition, other uses for personal information data that benefit users are also contemplated by this disclosure. For example, health and fitness data may be used to provide insights into a user's general wellness, or as positive feedback to individuals using the technology to pursue wellness goals.

The present invention contemplates that entities responsible for the collection, analysis, disclosure, transmission, storage, or other use of such personal information data will comply with well-established privacy policies and/or privacy practices. In particular, these entities should implement and continue to use privacy policies and practices that are generally recognized to meet or exceed industrial or administrative requirements for keeping personal information data private and secure. Such policies should be readily accessible by users and updated as the collection and/or use of data changes. Personal information from users must be collected for the legitimate and appropriate uses of the entity and must not be shared or sold outside of these legitimate uses. Also, such collection/sharing must occur after receiving informed consent from users. Additionally, such entities are encouraged to secure and secure access to such personal information data and to take any necessary steps to ensure that others having access to personal information data adhere to their privacy policies and procedures. should be considered In addition, these entities may themselves be assessed by third parties to prove their adherence to widely accepted privacy policies and practices. Additionally, policies and practices should be adapted to the particular types of personal information data being collected and/or accessed, and should be adapted to applicable laws and standards, including jurisdiction-specific considerations. For example, in the United States, the collection or access to certain health data may be governed by federal and/or state laws such as the Health Insurance Portability and Accountability Act (HIPAA); Health data in different countries may be subject to different laws and policies and should be processed accordingly. Accordingly, different privacy practices must be maintained for different personal data types in each country.

Notwithstanding the foregoing, this disclosure also contemplates embodiments in which users selectively block access to, or use of, personal information data. That is, this disclosure contemplates that hardware and/or software elements may be provided to prevent or block access to such personal information data.

Moreover, it is the intent of the present disclosure that personal information data should be managed and processed in a manner that minimizes the risks of unintended or unauthorized access or use. Risks can be minimized by limiting the collection of data and deleting data when it is no longer needed. Additionally, and when applicable, including in certain health-related applications, data de-identification may be used to protect the user's privacy. Where appropriate, by removing certain identifiers (eg, date of birth, etc.), by controlling the amount or specificity of the data stored (eg, by collecting location data at the city level rather than at the address level), to control how the data is stored De-identification may be facilitated by (eg, aggregating data across users) and/or by other methods.

Thus, while this disclosure broadly covers the use of personal information data to implement one or more of the various disclosed embodiments, the present disclosure recognizes that various embodiments may also be implemented without the need to access such personal information data. Also consider That is, the various embodiments of the present technology are not rendered inoperable due to the lack of all or part of such personal information data. For example, content may include non-personal data or minimal amounts of personal information, such as content requested by a device associated with a user, other non-personal information available for content delivery services, or publicly available information. It can be selected and communicated to users by inferring preferences based on it.

Claims (56)

A method for changing a selection state of items in a plurality of items, comprising:
In an electronic device having a display and a touch-sensitive surface,
displaying, through the display, a user interface including a plurality of items;
detecting a first touch input at a location on the display corresponding to a first item in the plurality of items;
in response to detecting the first touch input at the location on the display corresponding to the first item, changing the selection state of the first item;
after changing the selection state of the first item, detecting a second touch input responsive to a request to scroll the user interface and distinct from the first touch input; and
In response to detecting the second touch input,
according to a determination that the first touch input is maintained on the display, the first touch input while scrolling the plurality of items comprising moving the plurality of items relative to a location where the first touch input was detected. changing the selection state of one or more items passing under the location of ; and
In accordance with a determination that the first touch input is not maintained on the display, the plurality of items relative to the location at which the first touch input was detected without changing the selection state of the one or more items in the plurality of items. and scrolling the plurality of items, including moving them. According to claim 1,
prior to detecting the second touch input, and further in response to detecting the first touch input,
changing the selection state of the first item in accordance with a determination that the first touch input is maintained for more than a predetermined period and in accordance with a determination that the first item is at the end of the displayed plurality of items in the user interface; and scrolling through the plurality of items later. 3. The method of claim 2,
Scrolling the plurality of items after changing the selection state of the first item comprises:
displaying one or more new items within the plurality of items; and
and changing the selection state of the one or more new items in the plurality of items. 3. The method of claim 2,
while scrolling through the plurality of items after changing the selection state of the first item;
ceasing to scroll through the plurality of items in accordance with a determination that a last item in the plurality of items is selected; and
ceasing to scroll through the plurality of items upon determining that the first touch input is terminated. 5. The method of any one of claims 1 to 4, wherein the first touch input is a fixed input. 5. The method according to any one of claims 1 to 4,
after changing the selection state of the one or more items while scrolling through the plurality of items, detecting a third touch input on a third item in the plurality of items, the third item being the plurality of items separated from a second item in the plurality of items by one or more intervening items in; and
When selected in response to detecting the third touch input and in accordance with a determination that the third touch input meets a first set of criteria, the third item in the plurality of items and the one or more intervening items and displaying an intervening selection user interface object that changes their selection state. The method of claim 6 , further comprising: in response to detecting the third touch input and in accordance with the determination that the third touch input meets the first set of criteria:
for each of the third item and the one or more intervening items, displaying a selection user interface object having a preselected state. 7. The method of claim 6, wherein displaying the intervening selection user interface object comprises: when selected, setting the selection state of all items in the plurality of items to a selection state associated with a full-selection user interface object. - The method, further comprising the step of displaying a selection user interface object. 5. The method of any one of claims 1 to 4, wherein changing the selection state of the first item comprises:
changing the selected state of the first item to an unselected state in response to determining that the selected state of the first item is a selected state; and
changing the selected state of the first item to a selected state in response to determining that the selected state of the first item is an unselected state. 5. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs comprising: A computer-readable storage medium comprising instructions for performing An electronic device comprising:
display;
touch-sensitive surface;
one or more processors; and
An electronic device comprising a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for performing the method of any one of claims 1-4. delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete

Images