KR20200122332A - Accelerated scrolling and selection - Google Patents

Abstract

The present disclosure generally relates to scrolling and selecting items. An electronic device with a display and a touch-sensitive surface displays a user interface with a list of items. Items can 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 entitled "ACCELERATED SCROLLING AND SELECTION" in US Application No. 16/573,849; US Provisional Application No. 62/844,015, filed May 6, 2019 and entitled "ACCELERATED SCROLLING AND SELECTION"; US 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

TECHNICAL FIELD 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 can 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 key presses 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 supplement or replace other methods for selecting and scrolling items. Such methods and interfaces reduce cognitive burden on the user and create a more efficient human-machine interface. In the case of battery-operated computing devices, such methods and interfaces save power and increase the time between battery charges.

The method is explained. 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 the first operating mode, detecting a first input including each number of contacts on the user interface at a location corresponding to the first item among 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 the 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 is changed from the first operation mode to the second operation mode 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 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 comprising a plurality of items, via a display. Instructions for displaying a user interface; Instructions for detecting a first input including each number of contacts on the user interface at a location corresponding to the first item among the plurality of items while the user interface is in the first operation mode; 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 the 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 is changed from the first operation mode to the second operation mode without performing an action associated with the first item. Instructions to switch; Instructions for detecting a second input including a first number of contacts at a location on the display corresponding to a second of the plurality of items while the electronic device is in a second mode of operation; And in response to detecting the second input, instructions for selecting the second item without performing an action associated with the second item.

Transient computer-readable storage media are 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 comprising, via a display, a user comprising a plurality of items. Instructions for displaying the interface; Instructions for detecting a first input including each number of contacts on the user interface at a location corresponding to the first item among the plurality of items while the user interface is in the first operation mode; 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 the 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 is changed from the first operation mode to the second operation mode without performing an action associated with the first item. Instructions to switch; Instructions for detecting a second input including a first number of contacts at a location on the display corresponding to a second of the plurality of items while the electronic device is in a second mode of operation; And in response to detecting the second input, instructions for selecting the second item without performing an action associated with the second item.

The 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 one or more processors, wherein the one or more programs include instructions for displaying, through a display, a user interface including a plurality of items; Instructions for detecting a first input including each number of contacts on the user interface at a location corresponding to the first item among the plurality of items while the user interface is in the first operation mode; 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 the 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 is changed from the first operation mode to the second operation mode without performing an action associated with the first item. Instructions to switch; Instructions for detecting a second input including a first number of contacts at a location on the display corresponding to a second of the plurality of items while the electronic device is in a second mode of operation; And in response to detecting the second input, instructions for selecting the second item without performing an action associated with the second item.

The electronic device is described. The electronic device includes: a display; Touch-sensitive surface; Means for displaying, via a display, a user interface comprising a plurality of items; Means for detecting a first input including each number of contacts on the user interface at a location corresponding to the first of the plurality of items while the user interface is in the first mode of operation; In response to detecting the first input: means for performing an action associated with the first item in response to a determination that the first input is a fixed input having a first number of contacts; And according to the 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 is changed from the first operation mode to the second operation mode 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 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.

The method is explained. The method is performed in an electronic device having a display and a touch-sensitive surface. The method includes, via a display, displaying a user interface comprising 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; Detecting a second input corresponding to a request to scroll a user interface after changing the selection state of the first item; And in response to detecting the second input: changing the selection state of the one or more items while scrolling the plurality of items, in accordance with a determination that the first input is maintained on the display. And in accordance with the 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 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 comprising a plurality of items, via a display. 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 a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And in response to detecting the second input: instructions for changing a selection state of the one or more items while scrolling the plurality of items in response to a determination that the first input is maintained on the display. And instructions for scrolling through the plurality of items without changing a selection state of one or more items in the plurality of items according to a determination that the first input is not maintained on the display.

Transient computer-readable storage media are 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 comprising, via a display, a user comprising 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 a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And in response to detecting the second input: instructions for changing a selection state of the one or more items while scrolling the plurality of items in response to a determination that the first input is maintained on the display. And instructions for scrolling through the plurality of items without changing a selection state of one or more items in the plurality of items according to a determination that the first input is not maintained on the display.

The 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 one or more processors, wherein the one or more programs include instructions for displaying, through a display, a user interface including 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 a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And in response to detecting the second input: instructions for changing a selection state of the one or more items while scrolling the plurality of items in response to a determination that the first input is maintained on the display. And instructions for scrolling through the plurality of items without changing a selection state of one or more items in the plurality of items according to a determination that the first input is not maintained on the display.

The electronic device is described. The electronic device includes: a display; Touch-sensitive surface; Means for displaying, via a 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 a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And in response to detecting the second input: means for changing a selection state of one or more items while scrolling through the plurality of items in response to a determination that the first input is maintained on the display; And means for scrolling through the plurality of items without changing a selection state of one or more items within the plurality of items upon determining that the first input is not maintained on the display.

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

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 for displaying, through a display, a user interface. Instructions; Instructions for detecting a first input corresponding to a request to scroll a user interface; Instructions for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input; Instructions for detecting a second input including a first portion substantially stopped, followed by a second portion including movement in a first direction while the scroll progress indicator is displayed; And in response to detecting the second input: based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was oriented as a scroll progress indicator and does not meet the first criteria. Instructions for scrolling the user interface in a first manner; And a second manner different from the first manner and based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria. Contains commands for scrolling the user interface.

Transient computer-readable storage media are described. The temporary 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 comprising instructions for displaying a user interface, via a display. field; Instructions for detecting a first input corresponding to a request to scroll a user interface; Instructions for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input; Instructions for detecting a second input including a first portion substantially stopped, followed by a second portion including movement in a first direction while the scroll progress indicator is displayed; And in response to detecting the second input: based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was oriented as a scroll progress indicator and does not meet the first criteria. Instructions for scrolling the user interface in a first manner; And a second manner different from the first manner and based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria. Contains commands for scrolling the user interface.

The 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 one or more processors, wherein the one or more programs include instructions for displaying, through a display, a user interface; Instructions for detecting a first input corresponding to a request to scroll a user interface; Instructions for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input; Instructions for detecting a second input including a first portion substantially stopped, followed by a second portion including movement in a first direction while the scroll progress indicator is displayed; And in response to detecting the second input: based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was oriented as a scroll progress indicator and does not meet the first criteria. Instructions for scrolling the user interface in a first manner; And a second manner different from the first manner and based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria. Contains commands for scrolling the user interface.

The electronic device is described. The electronic device includes: a display; Touch-sensitive surface; Means for displaying, via a 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, while the scroll progress indicator is displayed, a second input comprising a first portion substantially stationary, followed by a second portion comprising movement in a first direction; And in response to detecting the second input: based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was oriented as a scroll progress indicator and does not meet the first criteria. Means for scrolling the user interface in a first manner; And a second manner different from the first manner and based on movement of the contact in the second portion of the second input, according to a determination that the first portion of the second input was directed to the scroll progress indicator and meets the first criteria. 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 temporary computer-readable storage medium or other computer program product configured for execution by one or more processors.

Thus, 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 these devices. Such methods and interfaces may complement or replace other methods for selecting and scrolling items.

For a better understanding of the various 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 with a display and a touch-sensitive surface, in accordance with some embodiments.
4A illustrates an exemplary user interface for a menu of applications on a portable multifunction device, in accordance with some embodiments.
4B illustrates an exemplary user interface for a multifunction device having a touch-sensitive surface separate from the 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 chart 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 chart illustrating a method for selecting and scrolling items in accordance with some embodiments.
10A-10W illustrate example user interfaces for scrolling items in accordance with some embodiments.
11 is a flow chart illustrating a method for scrolling items in accordance with some embodiments.

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

There is a need 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, may be scrolled and selected (eg, to perform an action such as moving or deleting emails) using the disclosed techniques. Such techniques reduce the cognitive burden on a user selecting and scrolling items, thereby improving productivity. Additionally, such techniques can reduce processor and battery power otherwise wasted on excessive user inputs.

Below, FIGS. 1A and 1B, 2, 3, 4A and 4B, and FIGS. 5A and 5B provide a description of example devices for performing techniques for selecting and scrolling items. 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 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. Both the first touch and the second touch are touches, but they are not the same touch.

The terms used in the description of the various embodiments described herein are for the purpose of describing specific embodiments only, and are 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 as well, unless the context clearly indicates otherwise. Is intended. Further, it will be understood that the term “and/or” as used herein represents and encompasses any and all possible combinations of one or more of the associated items listed. The terms “include”, “including”, “comprise”, and/or “comprising”, as used herein, refer to the recited features, integers Specifies the presence of s, 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 it does not exclude additions or additions.

The term "if", optionally, depending on the context, "when" or "upon" or "in response to determining" or " Is interpreted to mean "in response to detecting". Similarly, the phrases "when it is determined to" or "when [the condition or event mentioned] is detected" is, optionally, "when determining ..." or "in response to determining ... Is interpreted to mean "on detecting [the recited condition or event]" or "in response to detecting [the recited 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. Exemplary embodiments of portable multifunction devices limit iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, CA, USA 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 having a touch-sensitive surface (eg, a touch screen display and/or a touchpad).

In the discussion that follows, 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.

Devices typically support 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, telephony applications, video conferencing applications, and 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 universal physical user interface device, such as a touch-sensitive surface. The one or more functions of the touch-sensitive surface as well as the 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 of the device (such as a touch-sensitive surface) supports a variety of applications, optionally using user interfaces that are intuitive and transparent to the user.

Attention is now directed to embodiments of portable devices with touch-sensitive displays. 1A is a block diagram illustrating a portable multifunction device 100 with a touch-sensitive display system 112 in accordance with some embodiments. The 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 optionally includes one or more contact intensity sensors for detecting the intensity of contacts on device 100 (e.g., a touch-sensitive surface such as touch-sensitive display system 112 of device 100). Includes 165. The device 100 optionally includes a touch pad 355 of the device 300 or a touch-sensitive display system 112 of the device 100 for generating tactile outputs on the device 100. And 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 a touch-sensitive surface, or touch-sensitive Refers to a substitute (substitute) for the force or pressure of contact on a surface. The intensity of the contact has a range of values that includes at least 4 distinct values and more typically includes several hundred (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 the 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 the contact. Similarly, the pressure sensitive tip of the stylus is optionally used to determine the pressure of the stylus on the touch sensitive surface. Alternatively, the size of the contact area detected on the touch-sensitive surface and/or changes thereto, the capacitance of the touch-sensitive surface near the contact and/or changes thereto, and/or the touch-sensitive surface near the contact. The resistance of and/or changes thereto are optionally used as a substitute for the force or pressure of the contact on the touch-sensitive surface. In some implementations, alternative 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 alternative 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 (e.g., the intensity threshold is the 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 (e.g., on a touch-sensitive display) and/or (e.g., a touch-sensitive display, a touch-sensitive surface, or a knob). Or through a physical/mechanical control such as a button) to allow user access to additional device functions 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 the 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 the 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 a situation in which a device or component of the device is in contact with a user's surface that is responsive to the touch (e.g., a finger, palm, or other part of the user's hand), the tactile output generated by the physical displacement is transmitted to the user. It will be interpreted as a tactile sensation corresponding to a perceived change in physical properties of a device or a component of a device. For example, movement of a touch-sensitive surface (e.g., 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, the user may experience tactile sensations such as "down click" or "up click" even when there is no movement of a physical actuator button associated with a touch-sensitive surface that is physically depressed (e.g., displaced) by the user's movement. You will feel it. As another example, the movement of the touch-sensitive surface is, optionally, interpreted or sensed by the user as the "roughness" of the touch-sensitive surface even when there is no change in the smoothness of the touch-sensitive surface. Although such interpretations of touch by the user will be susceptible to the user's individualized sensory perceptions, there are many touch sensory perceptions common to the majority of users. Thus, when a tactile output is described as corresponding to a user's specific sensory perception (e.g., "click up", "click down", "roughness"), unless otherwise stated, the generated tactile output is typical (or It corresponds to the physical displacement of the device or its components that will produce the described sensory perception for the user (average).

Device 100 is only an example of a portable multifunction device, and device 100 is, optionally, having more or fewer components than shown, optionally, combining two or more components, or optionally component It should be understood that they have different configurations or arrangements. 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).

The memory 102 optionally includes a 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. And non-volatile memory such as. Memory controller 122 optionally controls access to memory 102 by other components of device 100.

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

The radio frequency (RF) circuit unit 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 optionally includes, but is not limited to, an antenna system, an RF transceiver, one or more amplifiers, tuners, one or more oscillators, a digital signal processor, a CODEC chipset, a SIM card, memory, and the like. It contains well-known circuitry for performing The RF circuitry 108 is, optionally, 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 communicates with other devices by wireless communication. The RF circuitry 108 optionally comprises well-known circuitry for detecting near field communication (NFC) fields, for example by a short-range communication radio. Wireless communication, optionally, GSM (Global System for Mobile Communications), EDGE (Enhanced Data GSM Environment), HSDPA (high-speed downlink packet access), HSUPA (high-speed uplink packet access), EV-DO (Evolution, 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) ), TDMA (time division multiple access), Bluetooth (Bluetooth), BTLE (Bluetooth Low Energy), Wi-Fi (Wireless Fidelity) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n and/or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, protocol for e-mail (e.g., Internet message access protocol (IMAP) and/or post office protocol (POP)), instant messaging (e.g., 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 at the filing date of this document. Protocols, including any other suitable Use any of a number of communication standards, protocols, and technologies, including but not limited to communication protocols.

The audio circuit unit 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 circuit unit 110 also receives an electrical signal converted from sound waves by the microphone 113. The audio circuit unit 110 converts the electrical signal into audio data and transmits the audio data to the peripheral device 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 from memory 102 and/or RF circuitry 108. In some embodiments, the audio circuitry 110 also includes a headset jack (eg, 212 in FIG. 2 ). The headset jack is between the audio circuitry 110 and removable audio input/output peripherals such as output-only headphones, or a headset having both an output (eg, one or both ear headphones) and an input (eg, a microphone) Provides an interface.

The I/O subsystem 106 couples input/output peripherals on the device 100, such as the touch screen 112 and other input control devices 116, to the 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. It includes one or more input controllers 160 for devices. One or more input controllers 160 receive/transmit electrical signals from/to other input control devices 116. Other input control devices 116 optionally include physical buttons (eg, push button, rocker button, etc.), dial, slider switch, joystick, click wheel, and the like. In some alternative embodiments, the input controller(s) 160 is optionally coupled (or not coupled to any) to any of a pointer device such as a keyboard, infrared port, USB port, and 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 microphone 113. The one or more buttons optionally include a push button (eg, 206 in FIG. 2 ).

A quick press of the push button selectively unlocks the touch screen 112, or initiates processes that optionally use gestures on the touch screen to unlock the device, which is 23 December 2005. As described in US Patent Application No. 11/322,549, filed dated “Unlocking a Device by Performing Gestures on an Unlock Image” (US 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 the device 100 on or off. 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 a device and a user. Display controller 156 receives and/or transmits electrical signals from/to touch screen 112. The 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 selectively corresponds to user interface objects.

The touch screen 112 has a touch-sensitive surface, sensor, or set of sensors that accept input from a user based on haptic and/or tactile contact. The touch screen 112 and the display controller 156 (along with any associated modules and/or sets of instructions in the memory 102) on the touch screen 112 (and any movement or break of the contact ), 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.

The touch screen 112 selectively uses liquid crystal display (LCD) technology, light emitting polymer display (LPD) technology, or light emitting diode (LED) technology, but other display technologies are used in other embodiments. The touch screen 112 and display controller 156 may optionally provide capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays, or one or more points of contact with the touch screen 112. Detect contact and any movement or interruption thereof using any of a plurality of touch sensing techniques 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 is, optionally, the following U.S. Patents 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and/or 6,677,932 (Westerman). , And/or similar to the multi-touch sensitive touchpads described in US 2002/0015024A1, each of which is incorporated herein by reference in its entirety. However, the touch screen 112 displays visual output from the device 100, while touch-sensitive touchpads do not provide visual output.

The touch-sensitive display in some embodiments of the touch screen 112 is described in the following applications: (1) US Patent Application No. 11/381,313, filed May 2, 2006, "Multipoint Touch Surface. Controller"; (2) US Patent Application Ser. No. 10/840,862, filed May 6, 2004, "Multipoint Touchscreen"; (3) US patent application Ser. No. 10/903,964, filed July 30, 2004, "Gestures For Touch Sensitive Input Devices"; (4) US patent application Ser. No. 11/048,264, filed Jan. 31, 2005, "Gestures For Touch Sensitive Input Devices"; (5) US Patent Application No. 11/038,590, filed Jan. 18, 2005, "Mode-Based Graphical User Interfaces For Touch Sensitive Input Devices"; (6) US Patent Application No. 11/228,758, filed September 16, 2005, "Virtual Input Device Placement On A Touch Screen User Interface"; (7) US Patent Application No. 11/228,700, filed September 16, 2005, "Operation Of A Computer With A Touch Screen Interface"; (8) US Patent Application No. 11/228,737, "Activating Virtual Keys Of A Touch-Screen Virtual Keyboard", filed September 16, 2005; And (9) U.S. Patent Application 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.

The touch screen 112 optionally has a video resolution in excess of 100 dpi. In some embodiments, the touch screen has a video resolution of approximately 160 dpi. The user, optionally, contacts the touch screen 112 using any suitable object or accessory 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 the coarse finger-based input into a precise pointer/cursor position or command to perform the user's desired actions.

In some embodiments, in addition to the touch screen, device 100 optionally includes a touchpad to activate or deactivate certain functions. In some embodiments, the touchpad is a touch-sensitive area of the device that, unlike a touch screen, does not display a 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. The power system 162 may optionally be a power management system, one or more power sources (e.g., batteries, alternating current (AC)), a recharge system, a power failure detection circuit, a power converter or inverter, a power status indicator ( For example, light-emitting diodes (LEDs)), 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 an optical sensor coupled to the optical sensor controller 158 in the I/O subsystem 106. The optical sensor 164 optionally includes charge-coupled device (CCD) or complementary metal-oxide semiconductor (CMOS) phototransistors. The optical 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 the imaging module 143 (also referred to as a camera module), the 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 acquiring still and/or video images. To be. In some embodiments, the light sensor is located on the front of the device, such that while the user is viewing other video conference participants on the touch screen display, optionally, an image of the user is obtained for the video conference. In some embodiments, the position of the light sensor 164 can be changed by the user (e.g., by rotating the lens and sensor within the device housing), such that a single light sensor 164 is imaged 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 an I/O subsystem 106. The depth camera sensor 175 receives data from the surrounding 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 the image captured by imaging module 143. Used to In some embodiments, the depth camera sensor is located on the front of the device 100 to allow the user to capture selfies while viewing other video conferencing participants on the touch screen display and using depth map data. The image of the user with depth information is obtained for video conference. 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 can be changed by the user (e.g., by rotating the lens and sensor within the device housing), so that the depth camera sensor 175 can video conferencing with the touch screen display. And 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 intensity sensor controller 159 in I/O subsystem 106. Contact intensity sensor 165 may optionally be one or more piezoresistive strain gauges, capacitive force sensors, electrical force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other intensity sensors (e.g., Sensors 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 substitute for pressure information) from the surrounding environment. In some embodiments, at least one contact intensity sensor is collocated with or proximate to the 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 that is opposite the touch screen display 112 located on the front of the device 100.

Device 100 also optionally includes one or more proximity sensors 166. 1A shows proximity sensor 166 coupled to peripherals interface 118. Alternatively, proximity sensor 166 is, optionally, coupled to input controller 160 in I/O subsystem 106. Proximity sensor 166 may optionally be described in US patent application Ser. 11/240,788, "Proximity Detector In Handheld Device"; No. 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 positioned 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 an I/O subsystem 106. The tactile output generator 167 may optionally generate one or more electroacoustic devices such as speakers or other audio components and/or a motor, solenoid, electroactive polymer, piezo actuator, electrostatic actuator, or other tactile output. It includes 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 the user of the device 100. In some embodiments, the at least one tactile output generator is located with or proximate the touch-sensitive surface (e.g., touch-sensitive display system 112), and optionally, vertically (e.g., , Generating a tactile output by moving 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, at least one tactile output generator sensor is located on the back of the device 100, opposite the touch screen display 112 located on the front of the device 100.

Device 100 also optionally includes one or more accelerometers 168. 1A shows the accelerometer 168 coupled to the peripherals interface 118. Alternatively, accelerometer 168 is optionally coupled to input controller 160 in I/O subsystem 106. The accelerometer 168 is, optionally, US Patent Publication No.20050190059, "Acceleration-based Theft Detection System for Portable Electronic Devices" and US Patent Publication No. 20060017692, "Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer", both of which are incorporated herein by reference in their entirety. In some embodiments, information is displayed in a portrait view or a landscape view on the touch screen display based on analysis of data received from one or more accelerometers. Device 100, optionally, in addition to the accelerometer(s) 168, a magnetometer and a 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 a 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. . Moreover, in some embodiments, the memory (102 in FIG. 1A or 370 in FIG. 3) stores the device/global internal state 157 as shown in FIGS. 1A and 3. The device/global internal state 157, if present, may include an active application state indicating which applications are currently active; A display state indicating which applications, views or other information occupy various areas of the touch screen display 112; Sensor status, including information obtained from various sensors of the device and input control devices 116; And one or more of location information regarding a location and/or posture of the device.

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

The communication module 128 enables communication with other devices through one or more external ports 124, and also provides various methods for processing data received by the RF circuitry 108 and/or external ports 124. Contains software components. The 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 or similar and/or compatible with the 30-pin connector used in iPod® (trademark of Apple Inc.) devices.

The contact/motion module 130, optionally, detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch sensitive devices (e.g., a touch pad or a physical click wheel). . The contact/motion module 130 determines whether a contact has occurred (e.g., detecting a finger-down event), the strength of the contact (e.g., force or pressure of the contact, or (E.g., one or more finger-dragging events) to determine whether there is a movement of the contact or not to track movement across the touch-sensitive surface. Detecting), and determining whether the contact has ceased (e.g., detecting a finger-up event or contact interruption), for performing various operations related to the detection of a contact. It contains 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 a series of contact data, optionally, determines the speed (magnitude), velocity (magnitude and direction), and/or acceleration (change in magnitude and/or direction) of the contact point. Includes doing. These actions, optionally, apply to single contacts (eg, one finger contacts) or to multiple simultaneous contacts (eg “multi-touch”/multiple finger contacts). In some embodiments, the contact/motion module 130 and the display controller 156 detect contact on the touchpad.

In some embodiments, the contact/motion module 130 includes one or more intensity thresholds to determine whether an action has been performed by a user (e.g., to determine whether the user has “clicked” on an icon). Use a set. In some embodiments, at least a subset of the intensity thresholds are determined according to software parameters (e.g., the intensity thresholds are not determined by the activation thresholds of specific physical actuators, it is possible to change the physical hardware of the device 100). Can be adjusted without). For example, the mouse “click” threshold of a trackpad or touch screen display can 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, the user of the device may have one or more of a set of intensity thresholds (e.g., by adjusting individual intensity thresholds and/or by adjusting multiple intensity thresholds at once with a system level click “intensity” parameter). Software settings are provided to adjust the intensity threshold.

The contact/motion module 130 optionally detects a gesture input by a 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 detected by selectively detecting a specific contact pattern. For example, detecting a finger tap gesture can result in the detection of a finger-down event and then a finger-up at the same location (or substantially the same location) as the finger-down event (e. It involves detecting (liftoff) events. As another example, detecting a finger swipe gesture on a touch-sensitive surface detects a finger-down event followed by one or more finger-drag events, followed by a finger-up (liftoff). ) Including detecting the event.

The graphics module 132 includes components for changing the visual effect (e.g., brightness, transparency, saturation, contrast, or other visual property) of the displayed graphic, rendering and rendering the graphic on the touch screen 112 or other display. It includes various 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, etc. , Includes 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. The graphics module 132 receives from applications, etc., one or more codes specifying a graphic to be displayed, along with coordinate data and other graphic attribute data, if necessary, and then generates screen image data to the display controller 156. Print.

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 contains various software components for generating instructions.

Optionally, the text input module 134, which is a component of the graphics module 132, may include various applications (e.g., contacts 137, email 140, IM 141), browser 147, and text input Soft keyboards for entering text in any other application).

The GPS module 135 determines the location of the device and uses this information for use in various applications (e.g., to the phone 138 for use in location-based dialing; the 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);

Telephone module 138;

화상 회의 모듈(139);

Video conferencing module 139;

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

Email client module 140;

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

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);

A 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. As well as widget modules 149 that selectively include one or more of user-generated widgets 149-6;

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

A widget generator module 150 for making user-generated 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. Includes, digital rights management, voice recognition and voice duplication.

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 contacts module 137 is, optionally, an address book or contact list ( For example, it is used to manage the application internal state 192 of the contacts module 137 in memory 102 or in memory 370), which includes: adding name(s) to the address book. that; Deleting name(s) from the address book; Associating phone number(s), email address(s), physical address(s), or other information with names; 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 circuit unit 108, audio circuit unit 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact/motion module 130, graphic module 132, and text Together with the input module 134, the phone module 138, optionally, inputs a sequence of characters corresponding to the phone number, accesses one or more phone numbers in the contact module 137, and modifies the entered phone number. It is used to dial an individual phone number, have a conversation, and disconnect or hang up when the conversation is complete. As noted above, wireless communication optionally uses any of a plurality of communication standards, protocols and technologies.

RF circuit unit 108, audio circuit unit 110, speaker 111, microphone 113, touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact/motion Along with the module 130, the graphics module 132, the text input module 134, the contact module 137 and the phone module 138, the video conference module 139 is Contains executable instructions to initiate, conduct, and end video conferences between participants.

Along with the RF circuit unit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132 and the text input module 134, the email client module 140 is user-directed It contains executable instructions for creating, sending, receiving, and managing emails in response to emails. Together with the image management module 144, the email client module 140 makes it very easy to create and send an email with still or video images taken with the camera module 143.

Together with the RF circuitry 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphics module 132 and the text input module 134, the instant messaging module 141 Enter a sequence of characters corresponding to the message, modify previously entered characters (for example, Short Message Service (SMS) or Multimedia Message Service for phone-based instant messages) , MMS) protocol, or using XMPP, SIMPLE, or IMPS for Internet-based instant messages), includes executable instructions to send individual instant messages, receive instant messages, and view received instant messages. . In some embodiments, the sent 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). S) refers to both.

RF circuit unit 108, touch screen 112, display controller 156, contact/motion module 130, graphic module 132, text input module 134, GPS module 135, map module 154 , And the music player module, the exercise support module 142 designs exercises (eg, with time, distance, and/or calorie expenditure goals); Communicates with athletic sensors (sports devices); Receive motion sensor data; Calibrate sensors used to monitor exercise; Select and play music for exercise; Contains executable instructions to display, store and transmit athletic data.

With touch screen 112, display controller 156, light sensor(s) 164, light 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 properties of the still image or video, or Contains executable instructions that cause the video to be deleted.

With the touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134 and camera module 143, the image management module 144 is /Or include executable instructions to arrange, modify (e.g., edit) video images, or otherwise manipulate, label, delete, present (e.g., in a digital slide show or album), and store .

Along with the RF circuit unit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the browser module 147, a web page Executable instructions to browse the Internet according to user instructions, including retrieving, linking to, receiving, and displaying attachments and other files linked to web pages, as well as files or portions thereof. Includes them.

RF circuit unit 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), the calendar module 148 is an executable to create, display, modify, and store calendars and data associated with calendars (e.g., calendar entries, to-do lists, etc.) according to user instructions. Contains instructions.

Together with the RF circuit unit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, the text input module 134 and the browser module 147, widget modules 149 is optionally downloaded and used by the user (e.g., weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4) and dictionary. Widgets 149-5), or mini-applications created by the user (eg, user-generated widgets 149-6). In some embodiments, the widget includes a Hypertext Markup Language (HTML) file, 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).

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, a widget generator module 150 is optionally used to generate widgets by a user (eg, to change a user specific part of a web page into a widget).

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 search module 151 provides one or more search criteria according to user instructions. Contains executable instructions to search for text, music, sound, image, video, and/or other files in memory 102 that match those (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 , Video and music player module 152, executable instructions that allow 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 ( For example, it includes executable instructions to display, screen, or otherwise play on the 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 graphic module 132, and the text input module 134, the memo module 153 can take notes and do notes according to user instructions. Contains executable instructions that allow you to create and manage to-do lists and the like.

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

Touch screen 112, display controller 156, contact/motion module 130, graphic module 132, audio circuit unit 110, speaker 111, RF circuit unit 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, (e.g., stream and/or download) 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 specific online video, otherwise allowing management Contains instructions. 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 US Provisional Patent Application No. 60/936,562, filed June 20, 2007, "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos" and December 31, 2007. It can be found in US Patent Application No. 11/968,067 filed on date, "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos", the contents of which are hereby incorporated herein by reference in their entirety. .

Each of the above-identified modules and applications is executable for performing one or more functions described above and methods described herein (e.g., computer-implemented methods and other information processing methods described herein). Corresponds to a set of instructions. These modules (e.g., 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, the video player module is optionally combined in a single module (eg, video and music player module 152 in FIG. 1A) with the music player module. In some embodiments, memory 102 optionally stores a subset of the modules and data structures identified above. In addition, 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 through a touch screen and/or a touchpad. By using the touch screen and/or touchpad as the primary input control device for operation of the device 100, the number of physical input control devices (such as push buttons, dials, etc.) on the device 100 is selectively reduced.

The predefined set of functions performed entirely through the touch screen and/or touchpad, optionally, includes navigation between user interfaces. In some embodiments, the touchpad, when touched by the user, navigates the device 100 to a main, home or root menu from any user interface displayed on the device 100. 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, the memory (102 in FIG. 1A or 370 in FIG. 3) is an event classifier 170 (e.g., in operating system 126) and each application 136-1 (e.g., application described above). S 137-151, 155, 380-390).

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

In some embodiments, the application internal state 192 is a user representing resume information to be used when application 136-1 resumes execution, information being displayed by application 136-1 or ready to be displayed. Among the interface state information, a state queue to enable the user to return to the 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 device interface 118. The event information includes information about a sub-event (eg, a user touch on the touch-sensitive display 112 as part of a multi-touch gesture). Peripheral interface 118 is from the I/O subsystem 106 or a sensor, e.g., proximity sensor 166, accelerometer(s) 168, and/or microphone 113 (via audio circuitry 110). Send the information it receives. The information that the peripherals interface 118 receives from the I/O subsystem 106 includes information from the touch-sensitive display 112 or touch-sensitive surface.

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

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

The hit view determination module 172 provides software procedures for determining where a sub-event has occurred within one or more views when the touch-sensitive display 112 displays more than one view. Views are made up 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, where information is displayed and touch-based gestures occur. The application views (of each application) for which a touch is detected optionally correspond to the program hierarchy of the application or program levels within the 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 initiating the touch-based gesture. Is determined.

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

The active event recognizer determination module 173 determines which views 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 including the physical location of the sub-event are actively involved views, so that all actively involved views are specific to the sub-events. It decides that the sequence should be received. In other embodiments, even if touch sub-events were entirely confined to an area associated with one particular view, higher views in the hierarchy would still remain as actively engaged views.

The event dispatcher module 174 dispatches event information to an event recognizer (eg, event recognizer 180). In embodiments including the active event recognizer determination module 173, the event dispatcher module 174 communicates the event information to the event recognizer determined by the active event recognizer determination module 173. In some embodiments, event dispatcher module 174 stores event information in an event queue, which event information is retrieved by individual event receivers 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 part of another module that is 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 each view of the application's user interface. Contains 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 a higher level object for which the application 136-1 inherits methods and other properties. In some embodiments, the individual 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. It includes the above. The event handler 190 optionally updates the application internal state 192 by using or calling the data updater 176, the object updater 177, or the GUI updater 178. Alternatively, one or more of the application views 191 include one or more respective event handlers 190. Further, in some embodiments, one or more of the data updater 176, the object updater 177, and the GUI updater 178 are included within a respective application view 191.

Each event recognizer 180 receives event information (eg, event data 179) from 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 metadata 183 and a subset of event delivery instructions 188 (optionally including sub-event 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 is related to the motion of the touch, the event information also optionally includes the speed and direction of the sub-event. In some embodiments, events include rotation of the device from one orientation to another (e.g., from portrait to landscape orientation, or vice versa), and the event information is the current orientation of the device (also referred to as device orientation) Contains the corresponding information about

The event comparator 184 compares the event information with predefined event or sub-event definitions, and based on the comparison, determines an event or sub-event, or determines or updates a state of an event or sub-event. 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 multiple touches. In one example, the definition for event 1 187-1 is a double tap on the displayed object. The double tap is, for example, a first touch on a displayed object during a predetermined phase (touch start), a first liftoff during a predetermined phase (touch end), the displayed object during a predetermined phase. A second touch on the image (touch start), and a second liftoff during a predetermined phase (touch end). In another example, the definition for event 2 187-2 is dragging on the displayed object. Dragging includes, for example, a touch (or touch) on a displayed object during a predetermined phase, movement of the touch across the touch-sensitive display 112, and lift-off of the touch (touch termination). In some embodiments, the event also includes information for 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 the 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 is the three user interface objects. A hit test is performed to determine which of them is associated with the touch (sub-event). 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 the object triggering the hit test and the event handler associated with the sub-event.

In some embodiments, the definition for each event 187 also includes delayed actions that delay delivery of event information until after it is determined whether the sequence of subevents corresponds to or does not correspond to the event type of the event recognizer. .

If the individual event recognizer 180 determines that the series of sub-events do not match any of the events in the event definitions 186, then the individual event recognizer 180 is unable to perform the event, the event fails, or the event ends. Upon entering the state, each event recognizer then ignores subsequent sub-events 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 ongoing touch-based gesture.

In some embodiments, the individual event recognizer 180 contains configurable attributes, flags, and/or lists that indicate how the event delivery system should perform sub-event delivery to actively engaged event recognizers. It includes metadata 183 to have. In some embodiments, metadata 183 includes configurable properties, flags, and/or lists that indicate how the event recognizers interact with each other, or become interactive. In some embodiments, metadata 183 includes configurable properties, flags, and/or lists indicating whether sub-events are delivered to various levels in the view hierarchy or program hierarchy. .

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

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

In some embodiments, data updater 176 creates and updates data used by application 136-1. For example, the data updater 176 updates a phone number used in the contact 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 a touch-sensitive display and transmits 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 contained within a single module of individual application 136-1 or application view 191. In other embodiments, they are contained within two or more software modules.

The above discussion regarding event handling of user touches on a touch-sensitive display also applies to other types of user inputs for operating multifunction devices 100 with input devices, but all of which are initiated on touch screens. It should be understood that it is not. For example, mouse movement and mouse button presses selectively coordinated with single or multiple keyboard presses or hold; Contact movements such as tap, drag, scroll, etc. on the touchpad; Pen stylus inputs; Device movement; Verbal instructions; Detected eye movements; Biometric inputs; And/or any combination thereof are optionally used as inputs corresponding to subevents defining the event to be recognized.

2 illustrates a portable multifunction device 100 with a touch screen 112 in accordance with some embodiments. The touch screen optionally displays one or more graphics within a user interface (UI) 200. In this embodiment, as well as other embodiments described below, the user may, for example, have one or more fingers 202 (not shown to scale in the figure) or one or more stylus 203 (to scale in the figure). Not shown) to make it possible to select one or more of the graphics by making a gesture on the graphic. In some embodiments, the selection of one or more graphics occurs when the user stops contacting the one or more graphics. In some embodiments, the gesture may optionally be one or more taps of a finger in contact with the device 100, one or more swipes (left to right, right to left, upwards and/or downwards). And/or rolling (right-to-left, left-to-right, upwards and/or downwards). In some implementations or situations, if the graphic is inadvertently contacted, the graphic is not selected. For example, when the gesture corresponding to the selection is a tap, the swipe gesture for sweeping over the application icon selectively 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 running on the device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on the touch screen 112.

In some embodiments, the device 100 includes a touch screen 112, a menu button 204, a push button 206 to power on/off the device and lock the device, a volume control button(s) 208 , A subscriber identification module (SIM) card slot 210, a headset jack 212, and a docking/charging external port 124. The push button 206 optionally powers on/off the device by pressing the button and holding the button pressed for a predefined time interval; Locking/locking the device by pressing the button and releasing the button before a predefined time interval elapses; It is used to unlock the device or initiate the unlock process. In alternative embodiments, device 100 also accepts verbal input for activation or deactivation of some functions via microphone 113. The device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of contacts on the touch screen 112 and/or for generating tactile outputs for the user of the device 100. One or more tactile output generators 167 are included.

3 is a block diagram of an exemplary multifunction device with 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, an educational device (such as a children's learning toy), a gaming system, or a control device (e.g., 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 for interconnecting 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, which is typically a touch screen display. The I/O interface 330 also optionally includes a keyboard and/or mouse (or other pointing device) 350 and a touchpad 355, a tactile output for generating tactile outputs on the device 300. Generator 357 (e.g., similar to tactile output generator(s) 167 described above with reference to FIG. 1A), and sensors 359 (e.g., 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 one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other nonvolatile 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 of them. In addition, memory 370 optionally stores additional programs, modules and data structures not present in memory 102 of portable multifunction device 100. For example, the memory 370 of the device 300 is, optionally, a drawing module 380, a presentation module 382, a word processing module 384, a website creation module 386, a disk authoring module 388 ), and/or the spreadsheet module 390, while the memory 102 of the 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 memory devices described above. Each of the previously identified modules corresponds to a set of instructions for performing the functions described above. The modules or programs (e.g., sets of instructions) identified above need not be implemented as separate software programs, procedures, or modules, so in various embodiments, various subsets of these modules are selectively combined. Or otherwise rearranged. In some embodiments, memory 370 optionally stores a subset of the modules and data structures identified above. Further, the memory 370 optionally stores additional modules and data structures not described above.

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

4A illustrates an exemplary 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 An icon 416 for the phone module 138 labeled "Call", optionally including an indicator 414 of the number of missed calls or voicemail messages;

o An icon 418 for an email client module 140 labeled “mail” that optionally includes an indicator 410 of the number of unread emails;

o Icon 420 for browser module 147, labeled “browser”; And

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

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

Icons for different applications, such as:

o An icon 424 for the IM module 141, labeled “Message”;

o An icon 426 for the calendar module 148, labeled “calendar”;

o An icon 428 for the image management module 144, labeled "Photo";

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 "stock";

o An icon 436 for the 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 exercise support module 142, labeled "Exercise Support";

o An icon 444 for the note module 153, labeled “Notes”; And

o An icon 446 for a settings application or module, labeled "Settings," that provides access to settings for device 100 and its various applications 136.

It should be noted that the icon labels illustrated in FIG. 4A are only 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 an individual application icon includes the name of the application corresponding to the individual application icon. In some embodiments, the label for a specific application icon is separate from the name of the application corresponding to the specific application icon.

FIG. 4B shows a device (e.g., of FIG. 3) with a touch-sensitive surface 451 (e.g., tablet or touchpad 355 of FIG. An exemplary user interface on device 300 is shown. Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) and/or device 300 for detecting the intensity of contacts on touch-sensitive surface 451 And one or more tactile output generators 357 for generating tactile outputs for a user of.

While some of the following examples will be provided with reference to inputs on the touch screen display 112 (the touch-sensitive surface and display are combined), in some embodiments, the device is separate from the display as shown in FIG. 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 is in contact with the touch-sensitive surface 451 at locations corresponding to respective locations on the display (e.g., 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 (e.g., contacts 460, 462 and their movements) detected by the device on the touch-sensitive surface (e.g., 451 in FIG. 4B) are independent of the display. Is used by the device to manipulate the user interface on the display of the multifunction device (eg, 450 in FIG. 4B). It should be understood that similar methods are, optionally, used for other user interfaces described herein.

Additionally, while the following examples are given primarily with reference to finger inputs (e.g., finger contacts, finger tap gestures, finger swipe gestures), in some embodiments, one or more of the finger inputs is a different input device. It should be understood that input from (eg, mouse based input or stylus input) is substituted. For example, a swipe gesture is optionally replaced with a mouse click (eg, instead of a contact) and a subsequent movement of the cursor along the path of the swipe (eg, instead of moving the contact). As another example, the tap gesture is optionally replaced by a mouse click while the cursor is positioned over the location of the tap gesture (eg, instead of stopping detection of a contact and detecting 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 simultaneously.

5A illustrates an exemplary personal electronic device 500. The 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 and 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, 300, in some embodiments, touch screen 504 (or touch-sensitive surface) is, optionally, one for detecting the intensity of applied contacts (eg, touches). Includes more than one intensity sensor. One or more intensity sensors of the touch screen 504 (or touch-sensitive surface) may provide output data representing the intensity of the touches. The user interface of device 500 may respond to touches based on the intensity of the touches, meaning that different intensities of touches may invoke different user interface operations on device 500.

Exemplary techniques for detecting and processing touch intensity are, for example, 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 PCT/US2013/040061 (published as WIPO Publication No. WO/2013/169849), and filed on November 11, 2013, and the name of the invention is "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships", international patent application 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. The 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) include, for example, hats, glasses, earrings, necklaces, shirts, jackets, bracelets, watches, chains, pants, belts, shoes, wallets , It can be attached to a backpack, etc. These attachment mechanisms allow device 500 to be worn by a user.

5B depicts an exemplary 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 the display 504, which may have a touch-sensitive component 522, and optionally, an intensity sensor 524 (eg, a contact intensity sensor). In addition, the I/O section 514 includes a communication unit 530 to receive application and operating system data, using Wi-Fi, Bluetooth, Near Field Communication (NFC), cellular, and/or other wireless communication techniques. And can be connected. Device 500 may include input mechanisms 506 and/or 508. The input mechanism 506 is optionally a rotatable input device or, for example, a pushable 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. Personal electronic device 500, optionally, GPS sensor 532, accelerometer 534, direction sensor 540 (e.g., compass), gyroscope 536, motion sensor 538, and/or their It includes a variety of sensors, such as combinations, all of which can be operatively connected to the I/O section 514.

The memory 518 of the personal electronic device 500 may include one or more non-transitory computer-readable storage media for storing computer-executable instructions, the computer-executable instructions being stored by one or more computer processors 516. When executed, it may, for example, 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 magnetic disks, optical disks based on CD, DVD, or Blu-ray technologies, as well as persistent solid state memory such as flash, solid state drives, and the like. The personal electronic device 500 is not limited to the components and configurations of FIG. 5B, and may include other or additional components in a number of configurations.

As used herein, the term “affordance” refers to user interactions that are 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, images (eg, icons), buttons, and texts (eg, hyperlinks) each selectively constitute affordance.

As used herein, the term “focus selector” refers to an input element representing the current portion of a user interface that is interacting with a user. In some implementations that include a cursor or other location marker, a touch-sensitive surface (e.g., FIG. 3) while the cursor is over a specific user interface element (e.g., button, window, slider or other user interface element). When an input (e.g., a pressing input) is detected on the touchpad 355 of FIG. 4B or on the touch-sensitive surface 451 of FIG. 4B, the cursor is a “focus selector” so that a specific user interface element is adjusted according to the detected input. Functions as Some implementations including a touch screen display (e.g., 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 the field, when an input (e.g., a pressing input by contact) is detected on a touch screen display at the location of a particular user interface element (e.g., button, window, slider or other user interface element), a particular user interface element is detected. The contact detected on the touch screen functions as a "focus selector" so that it is adjusted according to the entered input. In some implementations, the focus is transferred to the user interface without movement of the corresponding cursor or movement of the contact (e.g., by moving the focus from one button to another using the tab key or arrow keys). Is moved from one area of the user interface to another area of the user interface; In such implementations, the focus selector moves according to the movement of focus between different areas of the user interface. Regardless of the specific form of the focus selector, the focus selector is generally used to convey the user's intended interaction with the user interface (e.g., by indicating to the device an element of the user interface that the user wishes to interact with). Is a user interface element (or touch on a touch screen display) controlled by. For example, the position of the focus selector (e.g., cursor, contact, or selection box) on an individual button while a press input is detected on a touch-sensitive surface (e.g., touch pad or touch screen) is (on the display of the device). Unlike the other user interface elements shown in Figure 2) it will indicate that the user is intending to activate an individual button.

As used in the specification and claims, the term “characteristic strength” of a contact refers to a property of a contact based on one or more strengths of the contact. In some embodiments, the characteristic intensity is based on multiple intensity samples. The characteristic intensity is, optionally, for a predefined number of intensity samples, or for a predefined event (e.g., after detecting a 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 (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds). The characteristic strength of the contact is, optionally, a maximum value of the contact intensities, a mean value of the contact intensities, an average value of the contact intensities, and a top 10 percentile value of the contact intensities. ), 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 strength (eg, when the feature strength is the average of the strength 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 the operation 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 strength not exceeding a first threshold, a first operation is performed, and a result of a contact having a characteristic strength that exceeds the first intensity threshold but not exceeding a second intensity threshold, a second The operation is performed, and as a result of the contact having a characteristic intensity exceeding the second threshold, a third operation is performed. In some embodiments, a comparison between a characteristic strength and one or more thresholds is not used to determine whether to perform a first operation or a second operation, but rather whether to perform one or more operations (e.g., performing each operation). It is used to determine whether or not to withhold from performing each operation).

In some embodiments, a portion of the gesture is identified to determine a characteristic strength. For example, the touch-sensitive surface optionally receives a continuous swipe contact that transitions from the start position and reaches the end position (the intensity of the contact increases at this point). In this example, the characteristic strength of the contact at the end position is optionally based on only a portion of the continuous swipe contact (eg, only the portion of the swipe contact at the end position), not the entire swipe contact. In some embodiments, a smoothing algorithm is optionally applied to the strengths of the swipe contact prior to determining the characteristic strength 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 one or more. In some situations, these smoothing algorithms remove narrow spikes or dips in the strengths of the swipe contact to determine the feature strength.

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 tap intensity threshold, a deep tap intensity threshold, and/or one or more other intensity thresholds. In some embodiments, the light tap intensity threshold corresponds to the intensity at which the device will perform actions typically associated with clicking a button or trackpad of a physical mouse. In some embodiments, the deep click intensity threshold corresponds to the intensity at which the device will perform actions that are different from actions typically associated with clicking a button or trackpad of a physical mouse. In some embodiments, when a contact is detected with a characteristic strength below the tapping intensity threshold (e.g., and above the nominal contact-detection intensity threshold (less than the contact is no longer detected)), the device is lightly pressed. It will move the focus selector according to the movement of the contact on the touch-sensitive surface without performing an operation associated with the intensity threshold or the deep pressing intensity threshold. In general, unless stated otherwise, these intensity thresholds are consistent among different sets of user interface drawings.

The increase in the characteristic strength of a contact from an intensity below the light tap intensity threshold to an intensity between the light tap intensity threshold and the deep tap intensity threshold is sometimes referred to as a "light tap" input. The increase in the characteristic strength of a contact from an intensity below the deep pressing intensity threshold to an intensity above the deep pressing intensity threshold is sometimes referred to as a "deep pressing" input. The increase in the characteristic strength 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 the touch surface. The decrease in the characteristic strength of a contact from an intensity above the touch detection intensity threshold to an intensity below the touch detection intensity threshold is sometimes referred to as detection of a 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, one or more actions may be performed in response to detecting a gesture comprising an individual pressing input or detecting an individual pressing input performed with an individual contact (or a plurality of contacts). In response to, wherein the individual pressing input is detected based at least in part on detecting an increase in the intensity of the contact (or a plurality of contacts) above the pressing-input intensity threshold. In some embodiments, the individual action is performed in response to detecting an increase in the intensity of the individual contact above the press-intensity threshold (eg, a “down stroke” of the individual press input). . In some embodiments, the push input comprises an increase in the intensity of the individual contact above the push-input intensity threshold and a subsequent decrease in the intensity of the contact below the push-intensity threshold, wherein the individual action is It is performed in response to detecting a subsequent decrease in the intensity of the individual contact less than (eg, the “up stroke” of the individual pressing input).

In some embodiments, the device uses intensity hysteresis to avoid sudden inputs, sometimes referred to as “jitter,” wherein the device uses a hysteresis intensity threshold with a predefined relationship to the push-input intensity threshold. For example, the hysteresis intensity threshold is in units of X intensity that are lower than the press-input intensity threshold, or the hysteresis intensity threshold is 75%, 90%, or some suitable ratio of the push-intensity threshold). As such, in some embodiments, the push input comprises an increase in the intensity of the individual contact above the push-input intensity threshold and a subsequent decrease in the intensity of the contact below the hysteresis intensity threshold corresponding to the push-input intensity threshold, and , The respective operation is performed in response to detecting a subsequent decrease in the intensity of the individual contact below the hysteresis intensity threshold (eg, the “up stroke” of the individual pressing input). Similarly, in some embodiments, the push input is an increase in the intensity of the contact from an intensity below the hysteresis intensity threshold to an intensity above the push-intensity threshold and, optionally, of the intensity of the contact to an intensity below the hysteresis intensity. It is detected only when the device detects a subsequent decrease, and the individual actions are performed in response to detecting a pressing input (eg, depending on the situation, increasing the intensity of the contact or decreasing the intensity of the contact).

For convenience of explanation, the description of actions performed in response to a press input associated with a press-intensity threshold or in response to a gesture including a press input may be, optionally, an increase in the strength of a contact above the press-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 tap-intensity threshold, and/or below the hysteresis intensity threshold corresponding to the push-input intensity threshold. Triggered in response to detecting any one of the decrease in the intensity of the contact. Further, in examples where the operation is described as being performed in response to detecting a decrease in the intensity of the contact below the push-intensity threshold, the operation optionally corresponds to the push-intensity threshold and has a lower hysteresis strength. It is 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 those of FIG. 7.

6A-6S illustrate exemplary user inputs and corresponding changes to a user interface (e.g., user interface 602) comprising a list of items, which is shown in FIG. 6A and in some cases touch sensitive. May be displayed on an electronic device such as an electronic device 600 having a 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 scrolling operation performed in a direction described as being an upward direction in this specification may generally be performed in a downward direction, and vice versa. Similarly, vertical scroll directions can be performed horizontally. Additionally, commands for changing the selection state of an item from the selected state to the deselected state may generally be executed to change the selection state from the unselected state to the selected state, and vice versa.

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

As shown in FIG. 6A, the electronic device 600 displays a user interface 602 with a list 604 and a preview window 606. Electronic device 600 may include one or more features of devices 100, 300 and 500. The list 604 includes items 608 containing emails in the inbox folder of the email application, in FIG. 6A. The preview window 606 displays a preview of the content of the item 608 selected in the list 604. 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 is 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, for example, text messages, photos, files, or lists of other items Be aware.

The user interface 602 includes a header area 605 with an editing affordance 603, which allows items 608 in the list 604 to be selected and, optionally, an action on the selected items ( For example, it may be selected to switch to an editing mode in which deletion, archiving, forwarding, etc.) can 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 the selection of the item 608-1 while maintaining the list 604 based on the movement (e.g., direction and size) of the input 612 Scroll through items 608 in 604. Specifically, list 604 is scrolled down (eg, item 608 moves upward in list 604).

6B shows a scrolled list 604 and scroll bar 614 that is displayed in response to input 612 and represents the scrolled position of the list 604. In some embodiments, the scroll bar 614 is displayed in response to the scroll command and lasts for a period of time after the scroll command, and the scroll bar disappears if no additional scroll commands are received during that period. In FIG. 6B, item 608-1 remains selected, and preview window 606 maintains the 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, the electronic device 600 selects the item 608-4 and the content 607-4 of the item 608-4 without scrolling the list 604, as shown in FIG. 6C. The preview window 606 is updated to display.

In FIG. 6C, the electronic device 600 detects an input 618 corresponding to the 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 is scrolled up (eg, item 608 moves downward in list 604).

In FIG. 6D, list 604 has a scrolled position in response to input 618. The electronic device 600 detects an input 620 (eg, a two-input tap gesture) in item 608-2 and, in response, switches to the 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 an edit mode. In some embodiments, the threshold is a non-zero amount of time that is greater than the threshold amount of time to detect a different touch gesture (eg, swipe). The larger threshold differentiates the command to enter the edit mode from the command the user uses two fingers to scroll the user interface.

6E shows the user interface 602 after switching to the edit mode in response to an input 620. The header area 605 is replaced with a status area 626 which includes replacing the editing affordance 603 with a cancellation affordance 624 to exit the editing mode. When in the edit mode, the user interface 602 further adds action affordances 628-1, 628-2, and 628-3, respectively, corresponding to actions 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 Corresponds to an action to delete selected items.

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

Upon entering edit mode, electronic device 600 also updates items 608 to display selection indicator affordances 622. Displaying selection indicator affordances 622 provides an indication that user interface 602 is in edit mode. Further, each of the individual selection indicator affordances provides an indication of the selected state of the item for which the selection indicator affordance is to be displayed. Thus, each item 608 is selected or deselected by changing the state of its respective selection indicator affordance 622. For example, upon entering edit mode in response to input 620 on item 608-2, electronic device 600 includes selection indicator affordance 622-2 on item 608-2. The selection indicator affordances 622 are displayed, and the selection indicator affordance 622-2 has a selected state indicating that the item 608-2 is selected when entering the edit mode (e.g., the selection indicator affordance ( 622-2) includes a check mark to indicate the 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, when the selection indicator affordance has a selected state, an input for changing the selection state of the selection indicator affordance causes the electronic device to select the selection indicator affordance in an unselected or deselected state. Will be changed to Alternatively, if the selection indicator affordance has an unselected state, an input that changes 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 transition 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 the selection indicator affordance is currently already selected and a "select all" command is received (see, e.g., Figs. 8M and 8N), the selection indicator affordance goes to the selected state rather than switching to the unselected state. maintain. Similarly, when the selection indicator affordance has a state that is not currently selected, the command for converting the selection indicator affordance to the unselected state (for example, see 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, the user interface 602 represents an item 608-6 that includes a selection indicator affordance 622-6 having an unselected state (e.g., a 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) positioned on a portion of item 608-6 other than selection indicator affordance 622-6. In response, 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, as shown in FIG. , Update the status area 626 to indicate that two items (eg, 608-2 and 608-6) are selected.

In FIG. 6F, electronic device 600 detects input 634 (e.g., a single input tap gesture) on selection indicator affordance 622-5 of item 608-5, and in response, to FIG. 6G. As shown, the selection state of the item 608-5 is changed to the selected state, the selection indicator affordance 622-5 is updated to the selected state, and three items (e.g., 608-2, 608- Updates the status area 626 to indicate 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 the edit mode in various ways. For example, individual items may be selected through a single input or two-input tap gesture on each item, or by selection of a selection indicator affordance of each item. Additionally, when the user interface is not in the edit mode, the two-input tap gesture on each item causes the user interface to enter the edit mode, and the two-input tap gesture selects the item being 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 an action automatically performed on the selected item (other than visually indicating that the item is being selected). Conversely, when the user interface is not in the edit mode, the selected items have an action automatically performed 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 the edit mode, while only one item may be selected at a single time when the user interface is not in the edit mode. As a further example, certain gestures in the non-editing mode cause the electronic device 600 to scroll the list 604, while such gestures cause the electronic device 600 to display items 608 while in the edit mode. Can be made to 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, the electronic device 600 has additional items (the previously selected items 608-2, 608-4, 608-5, and 608-6) remain selected. ) To scroll through the list 604. In some embodiments, as shown in FIG. 6I, the state area 626 is reduced in response to the upward movement of the input 638.

In FIG. 6I, the electronic device 600 includes an input 640 (e.g., a swipe gesture) on the selection indicator affordances 622-7 to 622-9 of each of the items 608-7 to 608-9. Is detected. In response, as shown in Fig. 6J, the electronic device 600 selects items 608-7 to 608-9, and the status area 626 indicates that seven items 608 are selected. To be updated.

As discussed above, selection indicator affordances can alternate states in response to various gestures. Accordingly, the gesture on the selection indicator affordance may select or deselect one or more selection indicator affordances according to 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 (and thus, for example, corresponding items ( 608-7 to 608-9). However, if the selection indicator affordances 622-7 to 622-9 have been selected prior to detecting the input 640, the electronic device 600 selects the selection indicator affordances 622-7 to 622-9. It would have changed it to a state that did not (e.g. deselect the corresponding items 608-7 to 608-9 accordingly). This change in states will apply even if the gesture to change states is a different gesture. For example, FIGS. 6K and 6L illustrate an embodiment in which selected indicator affordances are deselected in response to input 642 on items 608-4 through 608-6.

6K, input 642 is a two-input gesture (e.g., two-input swipe; two-input drag) with movement across items 608-6 through 608-4 ( For example, the input is not required to be on each of the selection indicator affordances 622-6 through 622-4). In response, the electronic device 600 deselects items 608-6, 608-5, and 608-4, as shown in FIG. 6L. In some embodiments, the electronic device 600 includes a portion of the gesture in which the two-input gesture is paused for a threshold period (e.g., two-input tap and hold) followed by movement of the two inputs across each of the items ( Select or deselect items 608 when including the second portion of the gesture, including, for example, dragging of two inputs. In some embodiments, the electronic device 600 is a two-input gesture if the two-input gesture does not include a first portion that is stopped for a threshold period (e.g., if the two-input gesture is a two-finger swipe gesture) The list 604 is scrolled in response to the gesture.

In Figure 6L, the status area 626 indicates that four items 608 (e.g., items 608-2 and 608-7 through 608-9) are selected, and the electronic device 600 Detect input 644 (eg, single input gesture; tap) on affordance 628-3. In response to this, 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 an electronic device 600 displaying a user interface 602 in a non-editing mode and having items 608-2 and 608-7 through 608-9 deleted from the list 604. Accordingly, items 608 no longer include selection indicator affordances 622 and shade 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 cancellation affordance 624 is replaced by the editing affordance 603.

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

In FIG. 6O, the electronic device 600 has an input 648 (e.g., 1-input Swipe gesture). Subsequently, selection indicator affordances 622-3 to 622-6 are shown as 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 (e.g., a two-input tap gesture) on item 608-6 and selects item 608-6, as shown in FIG. 6Q. Deselect (eg, the selection indicator affordance 622-6 is deselected). The status area 626 is updated in FIG. 6Q to indicate that four items are selected.

In Figure 6Q, the electronic device 600 detects an input 652 (e.g., a one-input swipe gesture) on the selection indicator affordances 622-5 to 622-3, which is then shown in Figure 6R. Deselected as shown. The status area 626 is updated in FIG. 6R to indicate that one item is selected.

In some embodiments, the electronic device 600 may perform non-editing of the originally selected item (e.g., a two-input tap gesture (e.g., input 646 in FIG. The edit mode is terminated in response to deselecting the item detected in the mode). Thus, 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 as shown in FIG. 6S and exits the edit mode. The input for deselecting 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 deselecting each item. For example, the input (eg, input 654) may alternatively be a two-input tap gesture or a release selection of the selection indicator affordance 622-1. In some embodiments, the electronic device 600, upon entering the edit mode (e.g., 608-1), even if other items in the list are selected at the time each item (e.g., 608-1) is deselected. When the selected item is deselected, the edit mode is ended.

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 in a device (eg, 100, 300, 500, 600) having a display and a touch-sensitive surface (eg, 112). Some operations of method 700 are selectively combined, the order of some operations are selectively changed, and some operations are selectively omitted.

As described below, method 700 provides an intuitive way to selectively enter the edit mode and edit items in the edit mode. The method reduces the user's cognitive burden for 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 (e.g., 600) having a display (e.g., 601) and a touch-sensitive surface (e.g., 601) (e.g., 112) Display 702 a user interface 602 that includes (eg, emails, text messages), graphic objects such as pictures, files, etc. In some embodiments, a plurality of items are presented in a scrollable user interface such as list 604, for example.

User interface is the first mode of operation (e.g., items are not selectable and specific editing functions (e.g., 628-1, 628-2, 628-3) (e.g., copy, delete, forwarding, archive, move, duplicate, etc.) ) Is in a normal or non-editing mode that is not enabled), the electronic device corresponds to the first item (e.g., 608-4) (e.g., 608-2) of the plurality of items (e.g., 608). Each number of contacts on the user interface (e.g., 602) at the location (e.g., input 616 includes one contact on the touch-sensitive surface) (e.g., input 620 is two on the touch-sensitive surface). A first input (e.g., 616) (e.g., 1-input tap gesture) (e.g., 620) (e.g., 2-input tap gesture, input including two simultaneous tap gestures) 704 (e.g., the first input is detected at a location on the display and/or touch-sensitive surface corresponding to the location of one of the items).

In response to detecting the first user input (706): the first input (e.g., 616/620) has a first number of contacts (e.g., 616) (e.g., single finger tap input) , An input that does not move across a display and/or a touch-sensitive surface), the electronic device may perform an action (e.g., opening an item, content of the item) associated with the first item (e.g., 608-4). Viewing, or performing an editing function on the item) is performed 708 (e.g., item 608-4 in FIG. 6C is selected and the preview window 604-4 is item 608-4). Display a preview of the contents of).

In response to detecting the first user input (706): the first input (e.g., 620) has a fixed input (e.g., a second number of contacts different from the first number of contacts (e.g., a two finger tap gesture)) For example, according to the determination that 620 is a two-input gesture), the electronic device does not perform the action associated with the first item (e.g. 608-2) (and optionally, the first item in the edit mode for future actions). The user interface (e.g., 602) from the first operation mode to the second operation mode (e.g., items are selectable and specific editing functions (e.g., 628-) for performing functions on the selected items. 1, 628-2, 628-3) is switched to the enabled edit mode) (710). For example, in Figure 6E, the user interface 602 switches to edit mode, but the preview window 606 still displays the content of item 608-4, which Indicates that no action (eg, preview content) was also performed. In some embodiments, the items (eg, 608) are selectable when the second mode is enabled (eg, simultaneous or sequential selection of multiple items). In some embodiments, the items are not automatically performing actions on the visually modified item, such as opening the item, viewing the item's content, or performing an editing function on the item. When it can be visually modified, it is considered selectable. For example, the item is selected when the item is highlighted, or some other visual indicator is displayed for the item (e.g., selection indicator affordances 622 are selected), but the action is not automatically performed on the item. . In some embodiments, the selected item(s) (e.g., 608-2 in FIG. 6E) deselects the item(s) (e.g., see FIG. 6K) (not selected), exits the edit mode. Until an action on the item(s), such as doing or performing an editing function on the selected item(s) (see, e.g., FIGS. 6L and 6M), is initiated (e.g., by subsequent user input) 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 the visual state of the item before being visually modified. In some embodiments, items are toggled between a selected state and a deselected state (unselected state) by displaying a selection indicator affordance (e.g., 622) that may indicate the selected and deselected state of the item. It is 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 operation mode to the second operation mode without performing an action associated with the first item, It allows the user to quickly and easily switch from the first mode to the second mode without having to select a series of user interface objects, reducing the number of inputs required to switch modes. Additionally, it provides the user with additional control options (eg, to switch to the second mode) without complicating 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 when operating/interacting with the device and reducing user mistakes). 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 (e.g., 602) from a first mode of operation to a second mode of operation without performing an action associated with the first item is a first of the plurality of items (e.g., 608). Selecting an item (see, eg, selecting item 608-2 in FIG. 6E). Automatic selection of 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 the need to select a series of user interface objects to make the selection. And thus reduce 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 having 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 when operating/interacting with the device and reducing user mistakes). 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 (e.g., 654) corresponding to the request to deselect the selected first item (e.g., item in Figure 6R). (See deselection of (608-1)). In some embodiments, in response to detecting the third input, the electronic device deselects the selected first item (e.g., 608-1) (e.g., deselects the first item from the selected state (not selected). (E.g., 602) from the second operating mode to the first operating mode (see, e.g., Figs. In some embodiments, the third input (e.g., 654) is a selection user interface object indicating that the first item is selected (e.g., a selection indicator affordance (e.g., a selection indication) associated with (e.g., specifically associated with) the first item. Is a fixed input detected at the location corresponding to the child affordance 622-1. In some embodiments, the third input is on each item (e.g., item 608-1 as shown in Figure 6R). A detected fixed input (e.g., a single input gesture, such as input 654, or a two-input gesture, such as input 650.) Deselect the selected first item and, while in the second mode, 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 a quick way 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 In addition, this does not require complicating the user interface with additional displayed controls (e.g., from the second mode to the first Provides the user with additional control options for switching to the mode. These advantages are the device's (eg, by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user errors). It improves operability and makes the user-device interface more efficient, which in addition reduces the device's power usage and improves battery life by enabling users 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 a plurality of items (e.g., 608), a selection user interface object ( For example, further comprising displaying 622 (e.g., selection indicator affordance) (e.g., each item is updated to include a selection indicator affordance indicating the selected state (selected/deselected) of each item). being). For example, in FIG. 6E, selection indicator affordances 622 are displayed when switching to the edit mode. This provides a visual indication to the user that the user interface (eg, 602) has switched from the first mode of operation to the second mode of operation. Providing improved visual feedback to the user (e.g., by helping the user to provide appropriate inputs when operating and/or interacting with the device and reducing user mistakes) improves the operability of the device and improves the user-device interface. It makes the device more efficient, which in addition, reduces the power usage of the device and improves battery life by enabling users to use the device more quickly and efficiently.

In some embodiments, the electronic device includes a fourth input (e.g., one contact) comprising a first number of contacts (e.g., one contact) at a location corresponding to the selection user interface object (e.g., 622-7) (e.g., 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 a fourth input (e.g., 640) and the fourth input is associated with a subset of the plurality of items (e.g., items 608-7-608-9). Upon a determination to include movement of the first number of contacts across the selection user interface objects (e.g., selection indicator affordances 622-7 to 622-9), the electronic device is a subset of the plurality of items. Select (or deselect, for example) In some embodiments, selecting (or deselecting) a subset of the plurality of items comprises 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 the appearance of them (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 a subset of items when the fourth input includes movement of the first number of contacts across a plurality of selected user interface objects associated with the plurality of items does not require the user to select a series of user interface objects. It allows to quickly and easily select 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 complicating 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 when operating/interacting with the device and reducing user mistakes). 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 selects a plurality of items (eg, 608) from a location corresponding to the first item (eg, 608-6). The movement of the first input (eg, 642) to the position corresponding to the third item (eg, 608-4) is detected. In some embodiments, the movement of the first input from the first item to the third item comprises a movement across one or more items (e.g., 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 of the plurality of items: ensuring that the first set of criteria are met. The first input satisfies a first set of criteria including the requirement that a second number of contacts are stopped for a predetermined amount of time (e.g., a non-zero threshold amount of time) before moving to a location corresponding to the third item of interest. In accordance with the determination to, 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 item and the third item are Is selected (or deselected) (eg, when the first input moves over 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 through 608-6 are selected, and thus, as shown in Figure 6K, if input 642 meets the first set of criteria, times 608-4 through 608-6 are Change states (eg, deselected). Selecting the third item when the first input contains a second number of contacts that are stopped for a predetermined amount of time before moving to the third item means that the contacts are moved, without the user having to select a series of user interface objects. By simply controlling whether it is paused for a threshold amount of time before, allowing selective scrolling or selection of multiple items with a single gesture, thereby 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 having 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 when operating/interacting with the device and reducing user mistakes). 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 (e.g., 642) from a location corresponding to the first item to a location corresponding to a third of the plurality of items: the first input is Depending on the determination that one set of criteria is not met (e.g., the second number of contacts are not stopped for a predetermined amount of time), the electronic device scrolls the plurality of items (e.g., 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 or not contacts are stopped for a threshold amount of time prior to movement, without the user having to select a series of user interface objects. By allowing the gesture to selectively scroll or select multiple items, 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 having 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 when operating/interacting with the device and reducing user mistakes). 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 (e.g., 600) is in the second mode of operation, the electronic device is a display (e.g., 608-6 or 608-5) corresponding to the second of the plurality of items (e.g., 608). A second input (e.g., 632 or 634) comprising a first number of contacts (e.g., one contact on a touch-sensitive surface) at a location on (e.g., on a display and/or on a touch-sensitive surface) ( For example, a single input tap gesture) (eg, an input including a single tap gesture) is detected (712). In some embodiments, the location on the display (e.g., 601) corresponding to the second item within the plurality of items is a selection user interface object (e.g., a selection indication corresponding to item 608-5) associated with the second item. Now, this is the location of affordance (622-5).

In response to detecting the second input, the electronic device selects 714 (e.g., opening the item) a second item (e.g., 608-6 or 608-5) without performing an action associated with the second item. Representing a selection of each item by visually modifying an item or part of an item without automatically performing an action on the item, such as viewing the item's content, 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. In response to a second input, selecting a second item without performing an action associated with the second item quickly and easily selects multiple items in the second mode without the need for the user to select a series of user interface objects. To reduce 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 complicating 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 when operating/interacting with the device and reducing user mistakes). 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 selected (e.g., in Figure 6L, items 608-7 and 608- 8) is selected and item 608-6 is not selected), the electronic device performs an action (e.g., the input 644 on the action affordance 628-3) selected among a plurality of items. Detects a request to open an item, view the content of the item, 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 the first and second items of the plurality of items without performing an action on the fourth item (e.g., Actions are performed on items 1 and 2 simultaneously). 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 on a display (eg, display and/or touch-sensitive) corresponding to a fifth of the plurality of items (eg, 608-4). A fifth input (e.g., 636) (e.g., a two-input tap gesture) comprising a second number of contacts (e.g., two contacts) at a location (e.g., two simultaneous tap gestures) Input). In some embodiments, in response to detecting the fifth input, the electronic device selects the fifth item without performing an action associated with the fifth item (e.g., in FIG. 6H, item 608-4 is Is selected).

In some embodiments, the electronic device (eg, 600) (eg, while the user interface is in the first mode of operation or the second mode of operation) the movement of the first number of contacts (eg, drag gesture) (eg, 1 A sixth input (eg, 638 or 612) including a finger drag gesture is detected. In some embodiments, in response to detecting the sixth input: the user interface (e.g., 602) is in a first mode of operation and the movement of the first number of contacts begins at a location on the plurality of items (e.g., According to the determination (e.g., any location on a plurality of items) an input 612 is detected on items 608 in FIG.6A, the electronic device is based on the movement of the first number of contacts (e.g. Scroll through the 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 (e.g., 602) is in a second mode of operation and the movement of the first number of contacts corresponds to the selection user interface object (e.g., selection affordance). Depending on the determination that it starts at a location on a plurality of items other than the location (e.g., 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 the movement of the first number of contacts (eg, based on the direction and/or magnitude of the movement) (see eg, 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 be scrolled when the sixth input is detected anywhere on the plurality of items (eg, when started). In some embodiments, when the user interface is in the second mode of operation, the sixth input is the plurality of items if the sixth input is detected (e.g., initiated) at a location on a plurality of items other than the location of the selection affordance. Make them scroll; Otherwise, if the sixth input starts at the position of the selection affordance, the sixth input is the selection of items corresponding to the selection affordances contacted by the sixth input (eg, as shown in Figs. Causes opt-out.

It is noted 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, the edit mode may be terminated by deselecting the selected item when entering the edit mode. For brevity, these details are not repeated below.

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

As shown in FIG. 8A, the list 604 includes items 608, and the preview window 606 displays the preview content 607-1 of the 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 includes displaying a selection indicator affordance 622-4 selected to indicate selection of item 608-4 in the edit mode, as shown in FIG. Puts the 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 exemplary embodiment in which electronic device 600 performs automatic scrolling and selection of multiple items 608 in response to a single input (e.g., 806) held on display 601. Illustrate. In some embodiments, the automatic scrolling and selection behavior described below is triggered based on where the input (eg, 806) is detected. For example, in some embodiments, automatic scrolling and selection occurs when an input is detected on the selection affordance of an item that is the last displayed item in the list (eg, a fully displayed item). In some embodiments, automatic scrolling and selection occurs when an input is detected within an area near the edge of the display 601. The automatic scrolling and selection behavior reduces the number of inputs required to perform a scrolling and selection operation, thus helping the user to provide appropriate inputs (e.g., when operating/interacting with the device and reducing user mistakes) By improving the operability of the electronic device and making the user-device interface more efficient, which in addition reduces the power usage of the device and improves battery life by enabling the user to use the device more quickly and efficiently. .

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). The electronic device 600 continues to detect an input 806, which is a fixed input maintained for a period of time. When the input 806 is held longer than a threshold period (e.g., a threshold above zero) (e.g., a threshold above the amount of time to detect a tap input), the electronic device 600 It begins to automatically scroll through 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 location of input 806 in the list. For example, in FIG. 8D, item 608-7 is displayed as being partially off-screen, with selection indicator affordance 622-7 unselected. As input 806 is held, electronic device 600 scrolls up item 608-7 in list 604 and, as shown in FIG. 8E, its displayed location is the location of input 806. When reaching, selects the selection indicator affordance 622-7. As a result of the scrolling, item 608-8 is displayed as being partially off-screen, with selection indicator affordance 622-8 unselected.

As shown in FIG. 8F, automatic scrolling and selection continues while input 806 is maintained, such that items 608 (e.g., through selection of selection indicator affordances 622-8 and 622-9). -8, and 608-9), and partial display of items 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 to 8J illustrate a scroll command (in some embodiments, in some embodiments, scroll Commands are received prior to input for selecting/deselecting a first item) to illustrate an embodiment of changing the selection state of a plurality of items. In some embodiments, the generated selection state of subsequent items is determined based on the selection state of the first item that has changed. For example, if the first item changes from the selected state to the deselected state, subsequent items switch to the deselected state (or deselected/deselected if they are already in the deselected/unselected state). Remains unselected). Conversely, when the first item changes from the unselected state to the selected state, the 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 an input 808 (e.g., a single input touch and hold gesture) located at selection indicator affordance 622-6 of item 608-6, and in response thereto. , As shown in Fig. 8H, the item 608-6 is deselected. The electronic device continues to detect the input 808 and then detects the 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 (e.g., items 608-5, and 608-4), which results in items being displayed 601 ), because it scrolls down the input 808 that is held on. Since items 608-6 change from the selected state to the deselected state in response to the input 808, items that touch the input 808 (while scrolling) transition to the deselected state (or If the item is already deselected, it remains deselected (see, for example, 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. It is deselected as it intersects with the position of.

In FIG. 8J, the electronic device 600 no longer detects the input 810 (eg, a scroll command), but the list of items continues to scroll inertia in response to the 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 unselected (e.g., item 608-6 was deselected in response to input 808 in FIG. 8G). . As shown in Fig. 8J, selection indicator affordance 622-3 of item 608-3 scrolls under input 808 without changing the selection states. This is because the selection indicator affordance 622-3 is already in a deselected state. Accordingly, the selection indicator affordance 622-3 remains in the deselected state rather than changing the selection states.

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

In some embodiments, the scroll command (e.g., 810) may include a series of scroll commands, causing the list of items to scroll at an accelerated pace, while the input 808 is below the input (e.g., 808). It is held on display 601 to select or deselect scrolling items.

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

8K and 8O illustrate an embodiment for selecting an intervening set of items 608 in 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) removes 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 input 812 (e.g., a single input tap gesture) on item 608-3 and, in response, item 608-3, as shown in FIG. 8L. Choose

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. When the electronic device 600 detects that the input 814 is held longer than a threshold amount of time (e.g., greater than the amount of time to detect a tap input, for example a non-zero threshold), the electronic device 600 ) Displays an optional interface 816 for selecting items as shown in FIG. 8M.

As shown in FIG. 8M, the options interface 816 includes a first portion corresponding to the option for selecting all items 608 in the list 604, a "select all" affordance 816-1, and an item. (608-6) and a second corresponding to the option for selecting intervening items (e.g., items 608-4 and 608-5) between item 608-6 and selected item 608-3. Includes partial, "three choice" affordance 816-2. In addition to displaying the option interface 816, the electronic device 600 indicates that the corresponding items 608-4 through 608-6 are selected when the “three select” affordance 816-2 is selected. For this purpose, selection indicator affordances 622-4 to 622-6 having a shading effect are displayed.

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

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

In FIG. 8Q, the electronic device 600 detects the 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 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 for selecting or deselecting items, thereby creating a more efficient human-machine interface. In the case of a battery-operated computing device, allowing the user to select or deselect items faster and more efficiently saves power and increases the time between battery charges.

An electronic device (e.g., 600) having a display (e.g., 601) and a touch-sensitive surface (e.g., 601) (e.g., 112) Display 902 a user interface 602 that includes a list of graphical objects such as (eg, emails, text messages), pictures, files, etc.

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

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

In response to detecting the first input (e.g., 808) at a location on the display corresponding to the first item (e.g., 608-6), the electronic device changes (906) the selection state of the first item (e.g., Deselection of item 608-6 in FIGS. 8G and 8H (and selection indicator affordance 622-6) (e.g., selecting the first item from the unselected state to the selected state, or from the selected state) Changed to a cleared (unselected) state).

In some embodiments, changing the selection state of the first item (e.g., 608-6) causes the selection state of the first item to be unselected, depending on the determination that the selection state of the first item is the selected state. And changing the selection state of the first item to the selected state according to the determination that the selection state of the first item is the unselected state.

In some embodiments, prior to detecting the second input (e.g., 810) and in response to further detecting the first input (e.g., 808 or 806): determining that the first input is held for more than a predetermined period of time. (E.g., held at the same location for a predetermined period of time) (e.g., held for exceeding the 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 specific gesture (e.g., a valid gesture)) and/or to exclude the detected input from being an invalid gesture (e.g., accidental contact, noise) Held for the required amount of time) and the first item (e.g., 608-6) at the end (e.g., top or bottom) of a plurality of items (e.g., 608) displayed in the user interface (e.g., see FIG. 8D). Upon determining that there is, the electronic device (e.g., 600) scrolls the plurality of items (e.g., 608) after changing the selection state of the first item (e.g., automatically, without the need for additional user input) ( For example, scrolling a plurality of items while continuously detecting the first input) (see, eg, FIGS. 8D to 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 is a list of items without the user having to select additional user interface objects. It makes it possible to scroll automatically, thereby reducing the number of inputs required to perform the scroll operation. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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 through 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 (e.g., items 608-7 through 608-10. ) Is displayed as a scroll of items 608 in FIGS. (Eg, selecting or deselecting new items as they are displayed while the plurality of items are scrolled). In some embodiments, as the first input is maintained, new items are displayed as the list of items is automatically scrolled, and they are selected/deselected as new items are displayed. Displaying new items and changing the selection state of new items while scrolling allows the user to select items automatically, without having to select new items or select additional user interface objects to scroll. Reduce the number of required inputs. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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, e.g., while continuing to detect the first input (e.g., 806)) while scrolling through the plurality of items: a plurality of items (e.g., 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 (e.g., 806) is ended, the electronic device stops scrolling the plurality of items. do. In some embodiments, as the first input (e.g., 806) is maintained, the list of items is until the first input is finished or the last item in the plurality of items (e.g., the item at the end of the list of items). Continue scrolling until is selected.

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

In response to detecting a second input (e.g., 810) (910): Upon determining that the first input (e.g., 808) is held on the display (e.g., 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 in 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 reduces the number of inputs required to select multiple items. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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 a second input (e.g., 810): Each one (or more than one) of the scroll items (e.g., 608-3) is a first item (e.g., 608-6). According to a determination that it has the same state as the changed selection state of ), the electronic device (eg, 600) withholds changing the selection state of each of the scroll items. For example, in FIG. 8H, item 608-6 changes to an unselected state in response to input 808. While items 608 scroll in response to input 810 in FIGS. 8H-8J, item 608-3 scrolls under input 808. Since item 608-3 has the same state (e.g., not selected) as the changed selection state of item 608-6, device 600 does not change the selected state of item 608-3, Item 608-3 remains unselected as shown in FIG. 8J. Withholding the change of the selection state of the scroll item when it has the same state as the changed state of the first item, the selection state of all scrolled items by quickly scrolling the list of items without the need for the user to select additional user interface objects. To be able to 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 having 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 when operating/interacting with the device and reducing user mistakes). 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 perform a third input (eg, 814) on a third item within the plurality of items (eg, a fixed input; For example, a touch-and-hold input) is detected (eg, item 608-6 is selected using input 814 in FIG. 8L). In some embodiments, the third item is by one or more intervening items in the plurality of items (e.g., items 608-4, and 608-5 in FIG. 8L), the second item in the plurality of items ( For example, it is separated from item 608-3 in FIG. 8L.

In some embodiments, in response to detecting a third input (e.g., 814) and upon determining that the third input meets the first set of criteria (e.g., the third input is held for a threshold amount of time), The electronic device includes an intervening selection user interface object (e.g., 816-2 of 816) that changes the selection state of the third item and one or more intervening items in the plurality of items (e.g., a third item and one or more intervening items) when selected. Display an affordance including options for selecting/deselecting items (eg, selecting/deselecting the 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 the selection state of an item and intervening items allows the user to quickly select an intervening section of items without having to individually select the items, allowing for selecting a subset of items. Reduce the number of required inputs. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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 a third input (e.g., 814) and upon determining that the third input meets the first set of criteria, the electronic device further comprises a third item (e.g., 608-6) and one or more intervening items (e.g., 608-4 and 608-5) for each (e.g., not displaying on other items in a plurality of items), a preselected state (e.g., each A selection user interface object (e.g., 622-4; 622-5; 622-6) (e.g., selection) with an appearance representing what the item is displayed for potential selection (e.g., as shown in Figures 8M and 8N) Indicator affordance). In some embodiments, displaying the selection indicator affordances having a preselected state is an indication of the items to be selected in response to selection of an intervening selection affordance (e.g., within selection indicator affordances 622-4 through 622-6). Shading) to the user.

In some embodiments, displaying the intervening selection user interface object (e.g., 816), when selected, determines the selection state of all items (e.g., 608) in the plurality of items associated with the all-selection user interface object Displaying an all-selection user interface object (e.g., 816-1) (e.g., all-selection all affordances; e.g., all-deselection affordances) to set to the selected state (e.g., selecting/deselecting all items) State) is additionally included.

In response to detecting a second input (e.g., 810) (910): upon determining 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. Scrolls 914 a plurality of items (eg, 608). Scrolling items without changing the selection state of items when the first input is not held on the display is by simply controlling whether the items hold the first input on the display and without the need to select a series of user interface objects, By allowing the user to selectively scroll through items with or without selecting items, reducing the number of inputs required to perform scrolling with selective item selection. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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.

It is noted 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 the various methods described above with respect to method 900. For example, in response to being selected or deselected, the selection state of the items in the user interface may be from selected to unselected or unselected, depending on the current selection state of the item when selected/deselected. It changes from the state to the selected state. For brevity, these details are not repeated.

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

In some embodiments, the user interface 602 provides a method in which scrolling movement of items 608 in list 604 mirrors the 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 the input on the scroll progress indicator (e.g., scroll bar 614 ) To activate the indexed scrubbing indicator 1018). Various embodiments of the second scroll mode are illustrated in FIGS. 10H to 10W. In some embodiments, the electronic device 600 is fixed on the scroll bar 614 for at least a threshold amount of time (e.g., a non-zero threshold that exceeds the amount of time to detect another touch gesture such as a tap gesture or a swipe). In response to detecting an input, a transition is made from the first scroll mode to the second scroll mode. 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 scroll 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 items 608. In response, as shown in FIG. 10B, electronic device 600 scrolls items 608 and displays scroll bar 614 based on the direction and size of scroll input 1002. 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 is scrolled 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 list 604 is scrolled to the bottom item (eg, the last item in list 604 is fully displayed), scroll bar 614 is positioned adjacent bottom edge 1006. Thus, in some embodiments, the length of the displayed portion of the list 604 (e.g., between the top edge 1004 and the bottom edge 1006) represents the scrollable range (e.g., 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, the number of items 608 scrolled for a given movement size of the scroll bar (eg, when scrolling in the second mode) is proportional to the length of the list. For example, when the 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 larger when the list is longer, and less when the list is shorter. . Thus, one of the advantages of the second scroll method (compared to the first scroll 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, the header area 605 expands and contracts with scroll movement. For example, when the list 604 is scrolled to the top, the header area 605 has an expanded appearance as shown in Figure 10A (in some cases, such as when displaying a rubber banding animation, the header The area extends much further). When the list 604 is scrolled to a location other than the top of the list, the header area 605 has a constricted appearance as shown in FIG. 10B.

In some embodiments, scroll bar 614 is temporarily displayed in response to a scroll command (e.g., scroll input 1002), and electronic device 600 does not detect any additional input on items 608. The case disappears after a predetermined period. For example, in FIG. 10B, electronic device 600 does not detect any additional input after scroll input 1002. Thus, as shown in FIG. 10C, the electronic device 600 stops displaying the scroll bar 614 after a predetermined period.

In FIG. 10D, electronic device 600 detects scroll input 1008 on items 608. In response, the electronic device 600 displays a scroll bar 614 and scrolls the list 604, as shown in FIG. 10E. Specifically, the scroll input 1008 is a downward swipe gesture on the display 601. Because user interface 602 is in the first scrolling mode, list 604 is scrolled up (eg, item 608 moves downward on display 601). Further, 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 an exemplary embodiment in which the input on the scroll bar 614 does not trigger a transition to the second scroll mode (e.g., the input does not include a stationary component, or the stationary 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 in 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 (e.g., the input 1010 does not contain a fixed portion, or the fixed portion is removed). 2 is less than the threshold amount of time required to activate the scroll mode). Since the input 1010 is not held stationary on the scroll bar 614 for a threshold amount of time, the electronic device is kept 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 size and direction of movement of the input 1010 by scrolling up in the list of items 608 (e.g., the items 608 601) moves upward). In FIG. 10F, the electronic device 600 displays a list 604 that has scrolled to the top and has stopped displaying the scroll bar 614.

As discussed above, the electronic device 600 has at least a threshold amount of time (e.g., a non-zero threshold that is above the amount of time to detect another touch gesture such as a tap gesture or swipe (e.g., input 1010)). In response to detecting a fixed input on the scroll bar 614 while the first scroll mode is switched to the second scroll mode. When the electronic device 600 switches 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 the scroll in the second mode. 10G-10I illustrate a series of inputs for causing electronic device 600 to switch from a first scroll mode to a 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, the electronic device 600 detects an input 1014 on the scroll bar 614. In this embodiment, the input 1014 is located on the scroll bar 614 (eg, within the detection area 1015) and is stopped 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 items in the list are scrolled by moving an input on the scroll bar 614 (eg, movement input 1014 ). In some embodiments, when the second scroll mode is activated, the electronic device 600 changes the size (e.g., width) of the scroll bar 614 as shown by the enlarged scroll bar 614-1 in FIG. And optionally the length). The animation is a visual confirmation of the user that the device is now operating in the second scroll mode. Since 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 see 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 (e.g., a haptic response) (e.g., a tactile output with or without audio output) when it transitions to the second scroll mode. .

In some embodiments, when the electronic device switches to the second scroll mode, the electronic device displays a scroll bar 614 having the appearance of a scroll bar including a thumb portion that is positioned and displayed within a trough portion. (Eg, the 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 in the detection area 1015 around the scroll bar 614, the electronic device indicates 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, detection area 1015 is always larger than the size of scroll bar 614.

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

In FIG. 10I, the electronic device 600 is in a second scroll mode (e.g., as indicated by the enlarged scroll bar 614-1), and the input 1014 held on the enlarged scroll bar 614-1. ) Continues to be detected. 10J, the electronic device detects a movement 1014-1 (e.g., downward drag) of the input 1014 and, in response, in response to the detected movement 1014-1 of the input 1014, the list ( 604). Because the electronic device is in the second scroll mode, the list is scrolled in the direction of movement 1014-1. For example, the list 604 is scrolled down with movement 1014-1 as shown in FIG. 10K (eg, items 608 are moved upward). 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, if the electronic device is in the first scrolling mode, a downward movement 1014-1 will instead cause the list to be scrolled up (eg, items 608 would have been moved in a downward direction).

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

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

In some embodiments, the flick action is displayed with the “rubber banding” animation shown in FIGS. 10N and 10O. In the rubber banding operation, the header area 605 is stretched downward and the scroll bar 614 is compressed when it reaches the 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 gives the appearance of a scroll bar 614 that is briefly compressed due to the inertia of moving quickly to the top of the list by a flick gesture. It should be noted that the flick gesture can be performed in the opposite direction to scroll to the other end of the list. For example, if the user flicks the scroll bar to the bottom of the display 601 (eg, flicks downwards), the list of items is scrolled to the end of the list in a manner similar to that described above for the upward flick.

10P to 10W illustrate various embodiments in which the second scroll mode is performed using an indexed scrubbing indicator. 10P to 10T illustrate an embodiment in which an indexed scrubbing indicator centered at a position of an input for initiating switching to a second scroll mode is displayed. 10U and 10V illustrate an embodiment in which an indexed scrubbing indicator is displayed in a central area of a displayed list. 10W shows an embodiment in which an indexed scrubbing indicator is displayed adjacent to an input that initiates 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 the edge of the list 604, even when the scroll bar is not displayed.

10P shows a user input 1016 detected on the scroll bar 614 to cause the electronic device to switch from a first scroll mode to a second scroll mode. The scroll bar 614 is positioned towards the top of the list 604. As the input 1016 is held, the electronic device replaces the scroll bar 614 with an indexed scrubbing indicator 1018. In Figures 10Q and 10R, the indexed scrubbing indicator 1018 is a location where the indexed scrubbing indicator appears at the location of the input 1016 and extends from the location of the input 1016, but centered on the location of the input 1016. Is displayed as an animation with. In some embodiments, the indexed scrubbing indicator 1018 is displayed without an extended animation.

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

In FIG. 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 scroll mode.

10u-10w illustrate alternative embodiments in which the indexed scrubbing indicator is displayed in different locations. In FIGS. 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 an input 1020 at the scroll bar 614 (or, optionally, at the side edge of the list 604 when the scroll bar 614 is not displayed), as shown in FIG. 10V. As described, causes the electronic device to switch to the second scroll mode and display the indexed scrubbing indicator 1020 at the center position of the list 604.

In FIG. 10W, electronic device 600 detects input 1022 on list 604 and displays an indexed scrubbing indicator 1018 at a location adjacent input 1022. This embodiment allows the input to be at or near the edge of the list 604 (e.g., edge 1004 or edge 1006) (rather than the embodiment in which the indexed scrubbing indicator 1018 is displayed around a contact). Can be implemented when positioned. In such situations, an indexed scrubbing indicator is displayed on the side of the input that is opposite the nearby edge. For example, if the input is located at or near the top edge 1004, an indexed scrubbing indicator 1018 is displayed below the input and input. Conversely, when the input is located at or near the bottom edge 1006, the indexed scrubbing indicator 1018 is displayed on the input and above the input. This embodiment can 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.

The embodiments discussed above provide advantages over traditional scrolling methods, such as continuously displaying a scroll bar and optionally a scroll track, and those using a cursor or mouse to interact with the scroll bar. For example, the above-described embodiments allow aggressive scrolling of many items without requiring the display of additional UI components, such as a cursor for selecting a scroll bar. Thus, the above-described embodiments, due to their uncomplicated nature, allow 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. The method 1100 is performed in a device (eg, 100, 300, 500, 600) having a display and a touch-sensitive surface. Some operations of method 1100 are selectively combined, the order of some operations is selectively changed, and some operations are selectively omitted.

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

An electronic device (e.g., 600) having a display (e.g., 601) and a touch-sensitive surface (e.g., 601) (e.g., 112) is a plurality of items (e.g., 608) (e.g., e.g., Display 1102 a user interface (eg, 602) that includes messages (eg, emails, text messages), a list of graphical objects such as pictures, files, etc.

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

In response to detecting the first input (e.g., 1012), the electronic device scrolls 1106 the user interface, and a scroll progress indicator (e.g., 614) (e.g., scrollable range of the user interface (e.g., 604)). A scroll track (e.g., trough/gutter) (e.g., the distance between edges 1004 and 1006) and a scroll bar representing the position of the displayed portion of the user interface in the context of the entire scrollable range of the user interface (E.g., 614) (e.g., a graphic object, including a thumb), 1106 (e.g., temporarily displaying; initially displaying; introducing display of a scroll progress indicator; e.g., a 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 to display 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 located within the scroll track (e.g., trough) (e.g., 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 a determination 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 being displayed (e.g., before the device stops displaying the scroll progress indicator), the electronic device (e.g., 600) is a substantially stationary (e.g., stationary) first portion (e.g., first). Component; stationary component) followed by a second input (e.g., 1014) (e.g., a touch-sensitive surface) comprising a second portion (e.g., a second component; a component containing motion) comprising movement in a first direction A touch-and-hold input that is stopped and maintained in 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 the scroll bar (eg, 614) (eg, thumb) portion of the scroll progress indicator. When detected within (e.g., detection area) is directed to a scroll progress indicator (e.g., the detection area includes a thumb portion and an area extending beyond the displayed size of the thumb portion) (e.g., the detection area Centered on the finger and slightly larger than the thumb). In some embodiments, a scroll bar portion of a scroll progress indicator having a first size is displayed when the user interface has a first scrollable length (e.g., the detection area is less than the first size of the thumb portion of the scroll progress indicator). Slightly larger size). In some embodiments, a scroll bar portion of the scroll progress indicator having a second size different from the first size is displayed when the user interface has a second scrollable length different from the first scrollable length (e.g., detect The area is a second size slightly larger than the second size of the thumb portion of the scroll progress indicator). In some embodiments, the scroll bar and the 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 (e.g., scroll bar When the possible user interface is long) it reduces the likelihood of unsuccessful input attempts to select a scroll bar. This improves the operability of the device and makes the user-device interface more efficient (e.g., by helping the user to provide appropriate inputs when operating and/or interacting with the device and reducing user mistakes), which additionally makes the user It reduces device power usage and improves battery life by making it possible to use the device more quickly and efficiently.

In response to detecting a second input (e.g., 1010) (1110): a first portion of the second input is directed to a scroll progress indicator (e.g., 614) (e.g., the first portion of the second input is scrolled Depending on the determination that the first criteria are not met (e.g., the second input occurs at a location corresponding to the position of the progress indicator), a continuous fixed contact exceeding a threshold amount of time prior to movement (e.g., on a scroll progress indicator) (E.g., on the scroll bar)) not included), the electronic device is in a first manner based on the movement of the contact in the second part of the second input (e.g., the scroll movement of the user interface is a scroll command on the user interface). In a manner directly corresponding to the movement of (e.g., mirroring) (e.g., if the scroll command is a touch input that moves upward by 300 pixels, the user interface moves upward by 300 pixels)) a user interface (e.g., Scroll 602) (1112). In some embodiments, scrolling the user interface in the first manner includes scrolling the user interface to a first scrolled position that is determined based on the direction and size 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) the first direction of movement of the second portion of the second input. For example, if the first movement direction is substantially downward, the user interface scrolls upward (eg, items in the list move downward to scroll up in the list). For example, in FIG. 10E, the input 1010 does not meet the first criteria. As a result, the device 602 scrolls the 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 the movement of the contact in the second portion of the second input includes scrolling Controlling the duration of the first portion of the second contact on the progress indicator allows the user to selectively control when scrolling in a first or second manner, thereby controlling the number of inputs required to switch between scroll modes. Decrease. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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 are that the first portion of the second input is stationary (e.g., continuous and stationary contact on the scroll progress indicator (e.g., on the scroll bar)) for at least a first threshold amount of time. Include criteria when met.

In some embodiments, the first threshold amount of time specifies a threshold amount of time (e.g., a detected input) to detect (e.g., classify; verify) a first type of touch input (e.g., tap input; swipe gesture). The amount of time required to classify as a gesture (e.g., a valid gesture); greater than (e.g., 1.5 of the amount of time) the amount of time required to exclude a detected input from being an invalid gesture (e.g., accidental contact, noise) Times; twice the amount of time). In some embodiments, setting the first criteria to include a requirement that the input is stopped for a threshold amount of time greater than the threshold time for detecting the first type of touch input means that the user is close to the scroll progress indicator. When the device intends to scroll in the first manner using the input in (e.g., by preventing the user from accidentally causing the scroll progress indicator (e.g., scroll bar) to scroll in the second manner) To prevent scrolling. This provides additional control options for maintaining scrolling in a first way without complicating the user interface with the additional displayed controls, which (e.g., allow the user to enter appropriate inputs when actuating/interacting with the device). Improves the operability of the device and makes the user-device interface more efficient (by helping to provide devices and reducing user mistakes), which additionally allows the user to use the device faster and more efficiently, thereby reducing the power usage of the device. And improve battery life.

In response to detecting the second input (e.g., 1014) (1110): Depending on the determination that the first portion of the second input is directed to a scroll progress indicator (e.g., 614) and meets the first criteria (e.g., The second input includes a continuous fixed contact (e.g., on a scroll progress indicator (e.g., on a scroll bar)) that exceeds a threshold amount of time before movement, and the electronic device (e.g., 600) is Different from and based on movement of the contact in the second part of the second input (e.g., based on movement of the scroll bar in the scroll track (eg between edges 1004 and 1006)), wherein the scroll bar The movement of the scroll bar directly corresponds to (eg, mirroring) movement of the scroll command (eg, the second portion of the second input) on the scroll bar (1114). In some embodiments, scrolling the user interface in a second manner causes the user interface to be in a second scrolled position different from the first scrolled position (e.g., a second portion of the second input on the scroll bar portion of the scroll progress indicator). And scrolling to a different scrolled position in the user interface that is determined based on the direction and size of the movement of the. In some embodiments, scrolling in the second manner includes scrolling the user interface in the first direction. For example, if the first movement direction is substantially downward, the user interface scrolls downward (eg, items in the list move upward 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 (e.g., depending on the length of the user interface, the greater the length of the user interface, the second The scroll rate is higher when scrolling in a way). For example, when the second portion of the second input has a first movement size, scrolling in the first manner causes the user interface to scroll by the first scroll amount, and scrolling in the second manner causes the user interface to It causes scrolling by a second scroll amount different than (eg, greater than) one amount. This means that when scrolling in the second way, compared to scrolling in the first way, when the user scrolls in the second way, the user can move the larger user interface at a higher rate (e.g., a larger size of scrolling for a given size of the second part of the second input). ) Make it scrollable, reducing the number of inputs required to scroll through items. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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 the movement of the contact in the second portion of the second input, the scroll progression Controlling the duration of the first portion of the second contact on the indicator allows the user to selectively control when scrolling in a first or second manner, reducing the number of inputs required to switch between scroll modes Let it. Additionally, it provides the user with additional control options without having 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 when operating/interacting with the device and reducing user mistakes). 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) 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 movement direction of the second portion of the second input.

In some embodiments, scrolling the user interface in a second manner, depending on the determination that the second portion of the second input comprises a magnitude of movement greater than a threshold magnitude (e.g., a non-zero threshold), the second input Scrolling the user interface in the first direction by an amount corresponding to the amount of movement of the second portion of the second input (eg, the user interface is scrolled by an amount mirroring the movement size of the second portion of the second input). In some embodiments, scrolling the user interface in a second manner moves the user interface in the first direction, depending on the determination that the second portion of the second input comprises a magnitude of movement less than the threshold size. (E.g., to 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 the threshold size. For example, when the second portion of the second input is a short motion, such as a flick gesture (e.g., 1014-2), the electronic device will continue to the end of the user interface (e.g., 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 larger than the threshold size, the user interface is scrolled in the first direction by a first amount corresponding to the first size, and if the second portion is a second size larger 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 a second input (eg, 1014): determining that the first portion of the second input has been directed to a scroll progress indicator (eg, 614) and meets the first criteria. Accordingly, the electronic device (e.g., using a haptic feedback module 133, a haptic feedback controller 161, and a tactile output generator 167) a first tactile output (e.g., 1017) (e.g., haptic response ) (Eg, tactile output and/or audio output (eg, non-visual feedback)). In some embodiments, the first tactile output is an audible output generated when the electronic device changes from a first scroll behavior in which scrolling is performed in a first manner to a second scroll 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 switched from the first scroll behavior to the second scroll behavior, and the first tactile output is It provides tactile and/or audio feedback of the transition that can be sensed by the user's tactile and/or auditory sense. Providing improved feedback improves the operability of the device and improves the user-device interface (e.g., by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user mistakes). To be efficient, which, in addition, 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 a 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. In accordance with 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 a first tactile output. In some embodiments, no tactile output is generated unless the electronic device switches from the first scroll behavior to the second scroll 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 switch from the first scrolling behavior to the second scrolling behavior. Providing improved feedback improves the operability of the device and improves the user-device interface (e.g., by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user mistakes). To be efficient, which, in addition, 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 the termination of the second input (e.g., with or without scrolling through the user interface) and in response to detecting the termination of the second input. Thus, (e.g., using a haptic feedback module 133, a haptic feedback controller 161, and a tactile output generator 167) a second tactile output (e.g., a haptic response) (e.g., a tactile output and/or Or generate an audio output (eg, non-visual feedback). In some embodiments, the second tactile output is 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 been reversed from the second scrolling behavior back to the first scrolling behavior, and the second tactile output. Provides tactile and/or audible feedback of the transition that can be sensed by the user's tactile and/or sound. Providing improved feedback improves the operability of the device and improves the user-device interface (e.g., by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user mistakes). To be efficient, which, in addition, 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 a second input (eg, 1014): upon determining that the first portion of the second input has been directed to a scroll progress indicator and meets the first criteria, the electronic device is Change the appearance of the scroll progress indicator from the first appearance (eg, 614) to the second appearance (eg, 614-1) (eg, enlarge the appearance of the scroll bar portion of the scroll progress indicator (eg, from the first thickness). Displaying a portion of the scroll bar 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 the field, changing the appearance of the scroll progress indicator from the first appearance to the second appearance provides visual feedback to the user that the electronic device has switched from the first scrolling behavior to the second scrolling behavior. Allows the user to view the scroll bar when the user's finger is positioned over the scroll bar, thereby increasing the usability of the scroll bar and the current scroll position within the scrollable range of the user interface (e.g., indicated by the scroll track). Providing improved feedback to the user (eg, by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user errors) It improves the operability of the device and makes the user-device interface more efficient, which, in addition, 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 the 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 (e.g., 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 that switches 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 visual feedback to the user that the electronic device has been reversed from the second scrolling behavior back to the first scrolling behavior. Providing improved feedback improves the operability of the device and improves the user-device interface (e.g., by helping the user to provide appropriate inputs when operating/interacting with the device and reducing user mistakes). To be efficient, which, in addition, 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 a second input (eg, 1014): determining that the first portion of the second input has been directed to a 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 (e.g., 1018) located on the user interface at a location close to the location of the first portion of the second input (e.g., indexing The 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 on the location of the input 1016 ). In some embodiments, the indexed scrubbing indicator corresponds to an index of relative scrollable locations 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 is indexed within the scrollable user interface corresponding to the position of the input relative to the indexed scrubbing indicator. Scroll to a location (see, eg, FIGS. 10R-10T). In some embodiments, the electronic device (e.g., 600) displays an indexed scrubbing indicator (e.g., 1018) at other displayed locations on the user interface (e.g., 602) (see, e.g., FIGS. ). For example, in some embodiments, when the location of the first portion of the second input is adjacent to the edge region of the user interface, the indexed scrubbing indicator is the first portion of the second input opposite from the edge region of the user interface. Is displayed adjacent to (see, eg, FIG. 10W).

In some embodiments, in response to further detecting a second input (eg, 1014): determining that the first portion of the second input has been directed to a scroll progress indicator (eg, 614) and meets the first criteria. In accordance with the electronic device, the electronic device may have a location centered on the user interface (e.g., centered on the displayed list (e.g., centered on the side edge of the displayed list)) (e.g., edge as shown in FIG. Change the appearance of the scroll progress indicator to include an indexed scrubbing indicator (e.g., 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 has not been directed to a scroll progress indicator, the electronic device determines that the first portion of the second input is 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 have been met (e.g., if the second portion of the second input meets the first Scrolling the user interface in a one way and scrolling the user interface in a first way 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 scroll progress When not located in the ruler, the UI is the second contact of the second contact regardless of whether the first part of the second input meets the first criteria (e.g., even if the first part of the second contact meets the first criteria). Scrolls in the first way based on the 2 part.

In some embodiments, while the scroll progress indicator is displayed, the electronic device detects a third input (eg, 1010) including movement in each 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.

It is noted that the details of the processes described above for 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 can be displayed and selected to scroll items in a user interface. For brevity, these details are not repeated.

The foregoing description has been described with reference to specific embodiments, for purposes of explanation. However, the exemplary discussions above are not intended to clarify or limit the invention to the precise forms disclosed. Many modifications and variations are possible in terms of the above teachings. The embodiments have been selected and described in order to best explain the principles of the techniques and their practical applications. Accordingly, one of ordinary skill in the art will be able to make the best use of the techniques and various embodiments with various modifications as appropriate for the particular use contemplated.

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

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

The present disclosure recognizes that the use of such personal information data in the present technology may be used to benefit users. For example, personal information data can be used to communicate targeted items of greater interest to the 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 the user are also contemplated by the present disclosure. For example, health and fitness data can be used to provide insights about the user's general wellness, or can be used 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 data 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 perceived as meeting or exceeding industrial or administrative requirements for keeping personal data data private and secure. Such policies should be readily accessible by users and should be 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. In addition, such collection/sharing must occur after receiving the informed consent of the users. Additionally, such entities are encouraged to take any necessary steps to protect and secure access to such personal information data and to ensure that others with access to personal information data adhere to their privacy policies and procedures. Should be considered. In addition, these entities may themselves be evaluated by third parties to demonstrate their adherence to widely recognized privacy policies and practices. In addition, policies and practices should be adapted for the specific 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 of or access to certain health data may be controlled 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. Therefore, different privacy practices should be maintained for different types of personal data in each country.

Notwithstanding the foregoing, the present disclosure also contemplates embodiments in which users selectively block the use of, or access to, personal information data. That is, the present 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. The risk can be minimized by limiting the collection of data and deleting the data if it is no longer needed. Additionally, and when applicable, including in certain health related applications, data de-identification may be used to protect the privacy of the user. Control how the data is stored, where appropriate, by removing specific identifiers (e.g., date of birth, etc.), by controlling the amount or specificity of the stored data (e.g., by collecting location data at the city level rather than at the address level). By doing so (eg, by aggregating data across users), and/or by other methods, de-identification may be facilitated.

Thus, while the present 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, various embodiments of the present technology are not made inoperable due to a lack of all or part of such personal information data. For example, the content may be based on a minimum amount of personal information or non-personal information such as content requested by a device associated with the user, other non-personal information available for content delivery services, or publicly available information. It can be selected and communicated to users by inferring a preference based on it.

Claims (56)

As a method,
In an electronic device having a display and a touch-sensitive surface,
Displaying, through the display, a user interface including a plurality of items;
While the user interface is in a first operation mode, detecting a first input including each number of contacts on the user interface at a location corresponding to a first item among the plurality of items;
In response to detecting the first input,
Performing an action associated with the first item according to 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 is transferred from the first operation mode without performing the action associated with the first item. Switching to a second operating mode;
While the electronic device is in the second mode of operation, detecting a second input comprising the first number of contacts at a location on the display corresponding to a second of the plurality of items; And
And in response to detecting the second input, selecting the second item without performing an action associated with the second item. The method of claim 1, wherein switching the user interface from the first operation mode to the second operation mode without performing the action associated with the first item comprises: selecting the first item among the plurality of items. The method further comprising the step of selecting. The method of claim 2,
While the electronic device is in the second operating mode, detecting a third input corresponding to a request to deselect the selected first item; And
In response to detecting the third input, deselecting the selected first item and switching the user interface from the second mode of operation to the first mode of operation. 4. The method of claim 3, wherein the third input is a fixed input detected at a location corresponding to the selected first item. The method according to claim 3 or 4, wherein the third input is a fixed input detected at a position corresponding to a selection user interface object indicating that the first item is selected. The method of any one of claims 1 to 5, wherein switching the user interface from the first operation mode to the second operation mode comprises, for each item of the plurality of items, selection of the item. The method further comprising displaying a selection user interface object indicative of a state. 7. The method of claim 6, wherein the location on the display corresponding to the second item within the plurality of items is a location of a selection user interface object associated with the second item. The method of claim 6,
Detecting a fourth input including the first number of contacts at a location corresponding to a selected user interface object; And
In response to detecting the fourth input and according to a determination that the fourth input comprises movement of the first number of contacts across a plurality of selected user interface objects associated with the subset of the plurality of items, Selecting a subset of the plurality of items comprising modifying the appearance of the 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. The method further comprising the step. The method according to any one of claims 1 to 8,
After switching the user interface from the first operation mode to the second operation mode, movement of the first input from a position corresponding to the first item to a position corresponding to a third item among the plurality of items Detecting; And
In response to detecting movement of the first input from a location corresponding to the first item to a location corresponding to the third item of the plurality of items,
The first set of criteria including the requirement that the second number of contacts are stopped for a predetermined amount of time prior to moving to a location corresponding to the third item to ensure that the first set of criteria are met. And according to a determination that the input is satisfied, selecting the third item. The method of claim 9,
In response to detecting movement of the first input from a location corresponding to the first item to a location corresponding to the third item of the plurality of items,
And upon determining that the first input does not meet the first set of criteria, scrolling the plurality of items. The method according to any one of claims 1 to 10,
While the user interface is in the second operation mode, and while the first and second items are selected and a fourth item is not selected, a request to perform an action on selected items among the plurality of items is made. Detecting; And
In response to detecting the request, further comprising performing the action on the first and second items of the plurality of items without performing the action on the fourth item, Way. The method according to any one of claims 1 to 11,
While the user interface is in the second operation mode, detecting a fifth input including the second number of contacts at a location on the display corresponding to a fifth item of the plurality of items; And
And in response to detecting the fifth input, selecting the fifth item without performing an action associated with the fifth item. The method according to any one of claims 1 to 12,
Detecting a sixth input including movement of the first number of contacts; And
In response to detecting the sixth input,
According to a determination that the user interface is in the first mode of operation and the movement of the first number of contacts starts at a position on the plurality of items, the plurality of items are selected based on the movement of the first number of contacts. Scrolling; And
According to a determination that the user interface is in the second operation mode and the movement of the first number of contacts starts at a position on the plurality of items other than the position corresponding to the selected user interface object, the first number of contacts Further comprising scrolling the plurality of items based on the movement of the items. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs comprising any one of claims 1 to 13 A non-transitory computer-readable storage medium containing instructions for performing a method of protest. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
14. An electronic device comprising a memory for 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 to 13. As an electronic device,
display;
Touch-sensitive surface; And
An electronic device comprising means for performing the method of claim 1. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, comprising:
The one or more programs,
Instructions for displaying, through the display, a user interface including a plurality of items;
Instructions for detecting a first input including each number of contacts on the user interface at a location corresponding to a first item among the plurality of items while the user interface is in a first operation mode;
In response to detecting the first input,
Instructions for performing an action associated with the first item upon determining 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 is transferred from the first operation mode without performing the action associated with the first item. Instructions for switching to the second operating mode;
Instructions for detecting a second input including the 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 the second mode of operation; And
In response to detecting the second input, a non-transitory computer-readable storage medium comprising instructions for selecting the second item without performing an action associated with the second item. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
And a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs,
Instructions for displaying, through the display, a user interface including a plurality of items;
Instructions for detecting a first input including each number of contacts on the user interface at a location corresponding to a first item among the plurality of items while the user interface is in a first operation mode;
In response to detecting the first input,
Instructions for performing an action associated with the first item upon determining 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 is transferred from the first operation mode without performing the action associated with the first item. Instructions for switching to the second operating mode;
Instructions for detecting a second input including the 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 the second mode of operation; And
In response to detecting the second input, the electronic device comprising instructions for selecting the second item without performing an action associated with the second item. As an electronic device,
display;
Touch-sensitive surface;
Means for displaying, via the display, a user interface comprising a plurality of items;
Means for detecting a first input including each number of contacts on the user interface at a location corresponding to a first item of the plurality of items while the user interface is in a first mode of operation;
In response to detecting the first input,
Means for performing an action associated with the first item upon determining 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 is transferred from the first operation mode without performing the action associated with the first item. Means for switching to a second mode of operation;
Means for detecting a second input including the first number of contacts at a location on the display corresponding to a second of the plurality of items while the electronic device is in the second mode of operation; And
And in response to detecting the second input, means for selecting the second item without performing an action associated with the second item. As a method,
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 input at a location on the display corresponding to a first item in the plurality of items;
In response to detecting the first input at the location on the display corresponding to the first item, changing a selection state of the first item;
Detecting a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And
In response to detecting the second input,
Changing a selection state of one or more items while scrolling through the plurality of items in response to a determination that the first input is maintained on the display; And
And in accordance with a determination that the first input is not maintained on the display, scrolling the plurality of items without changing the selection state of the one or more items in the plurality of items. The method of claim 20, wherein the second input corresponding to the request to scroll the plurality of items is a touch input distinct from the first input. The method of claim 20 or 21,
Prior to detecting the second input, and further, in response to detecting the first input,
After changing the selection state of the first item according to a determination that the first input is held for more than a predetermined period and according to a determination that the first item is at the end of the displayed plurality of items in the user interface Further comprising scrolling the plurality of items. The method of claim 22,
Scrolling the plurality of items after changing the selection state of the first item,
Displaying one or more new items within the plurality of items; And
Further comprising changing the selection state of the one or more new items in the plurality of items. The method of claim 22,
While scrolling the plurality of items after changing the selection state of the first item,
Stopping scrolling the plurality of items upon determining that the last item in the plurality of items is selected; And
And upon determining that the first input is ended, stopping scrolling the plurality of items. 25. The method of any of claims 20-24, wherein the first input is a fixed input. The method according to any one of claims 20 to 25,
After changing the selection state of the one or more items while scrolling the plurality of items, detecting a third input on a third item within the plurality of items, the third item being within the plurality of items Separated from the second item in the plurality of items by one or more intervening items;
Selection of the third item and the one or more intervening items in the plurality of items when selected in response to detecting the third input and in accordance with a determination that the third input meets a first set of criteria The method further comprising displaying an intervening selection user interface object that changes state. The method of claim 26, further in response to detecting the third input and in accordance with the determination that the third 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. The method of claim 26, wherein the displaying of 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 the all-selection user interface object. -Displaying the selected user interface object. The method of any one of claims 20 to 28, wherein changing the selection state of the first item comprises:
Changing the selection state of the first item to an unselected state according to a determination that the selection state of the first item is a selected state; And
Changing the selection state of the first item to a selected state according to a determination that the selection state of the first item is an unselected state. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs comprising any one of claims 20 to 29. A non-transitory computer-readable storage medium containing instructions for performing a method of protest. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
An electronic device comprising a memory for 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 20 to 29. As an electronic device,
display;
Touch-sensitive surface; And
An electronic device comprising means for performing the method of any of claims 20 to 29. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, comprising:
The one or more programs,
Instructions for displaying, through the display, a user interface including a plurality of items;
Instructions for detecting a first input at a location on the display corresponding to a 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 the location on the display corresponding to the first item;
Instructions for detecting a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And
In response to detecting the second input,
Instructions for changing a selection state of one or more items while scrolling the plurality of items in response to a determination that the first input is held on the display; And
A non-transitory computer comprising instructions for scrolling the plurality of items without changing the selection state of the one or more items in the plurality of items, upon determining that the first input is not maintained on the display. Readable storage medium. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
And a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs,
Instructions for displaying, through the display, a user interface including a plurality of items;
Instructions for detecting a first input at a location on the display corresponding to a 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 the location on the display corresponding to the first item;
Instructions for detecting a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And
In response to detecting the second input,
Instructions for changing a selection state of one or more items while scrolling the plurality of items in response to a determination that the first input is held on the display; And
The electronic device comprising instructions for scrolling the plurality of items without changing the selection state of the one or more items in the plurality of items according to a determination that the first input is not maintained on the display. As an electronic device,
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 a 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 the location on the display corresponding to the first item;
Means for detecting a second input corresponding to a request to scroll the user interface after changing the selection state of the first item; And
In response to detecting the second input,
Means for changing a selection state of one or more items while scrolling through the plurality of items in response to a determination that the first input is maintained on the display; And
And means for scrolling the plurality of items without changing the selection state of the one or more items in the plurality of items in response to a determination that the first input is not maintained on the display. As a method,
In an electronic device having a display and a touch-sensitive surface,
Displaying a user interface through the display;
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;
While the scroll progress indicator is being displayed, detecting a second input including a first portion substantially stopped, followed by a second portion including movement in a first direction; And
In response to detecting the second input,
Based on a determination that the first portion of the second input has been directed to the scroll progress indicator and does not meet first criteria, the user interface is created based on movement of the contact in the second portion of the second input. Scrolling in one way; And
The movement of the contact in the second portion of the second input, which is different from the first method, according to a determination that 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. The method of claim 36, further in response to detecting the second input,
Generating a first tactile output in response to a determination that the first portion of the second input has been directed to the scroll progress indicator and meets the first criteria. The method of claim 37, further in response to detecting the second input,
In accordance with a determination that the first portion of the second input has been directed to the scroll progress indicator and does not meet the first criteria, in the second portion of the second input without generating the first tactile output Scrolling the user interface in the first manner based on the movement of the contact. The method of claim 37,
After generating the first tactile output, detecting an end of the second input; And
And in response to detecting the termination of the second input, generating a second tactile output. 40. The method of any one of claims 36-39, further in response to detecting the second input,
Changing an appearance of the scroll progress indicator from a first appearance to a second appearance according to a determination that the first portion of the second input is directed to the scroll progress indicator and meets the first criteria;
Detecting the end of the second input while the scroll progress indicator has the second appearance;
In response to detecting the end of the second input, changing an appearance of the scroll progress indicator from the second appearance to the first appearance. The method of any of claims 36-40, further in response to detecting the second input,
Depending on the determination that the first portion of the second input was not directed to the scroll progress indicator, the second input of the second input regardless of whether the first portion of the second input met the first criteria. Scrolling the user interface in the first manner based on movement of the contact in two parts. The method according to any one of claims 36 to 41,
While the scroll progress indicator is displayed, detecting a third input including movement in each direction; And
In response to detecting the third input, scrolling the user interface in the first manner based on movement of the third input. 43. The method of any of claims 36-42, wherein the first criteria include criteria that are satisfied when the first portion of the second input is at rest for at least a first threshold amount of time. 44. The method of claim 43, wherein the first threshold amount of time is greater than a threshold amount of time for detecting a first type of touch input. The method according to any one of claims 36 to 44,
Scrolling the user interface in the first manner comprises scrolling the user interface in a direction different from the first movement direction of the second portion of the second input;
And scrolling the user interface in the second manner comprises scrolling the user interface in the same direction as the first movement direction of the second portion of the second input. 46. The method of any one of claims 36 to 45, wherein scrolling the user interface in the second manner comprises:
According to a determination that the second portion of the second input includes a magnitude of movement greater than a threshold magnitude, the user interface in the first direction by an amount corresponding to the magnitude of movement of the second portion of the second input Scrolling; And
And scrolling the user interface in the first direction to the end of the user interface in response to a determination that the second portion of the second input includes a magnitude of movement less than the threshold magnitude. The method of any one of claims 36-46, further in response to detecting the second input,
In accordance with a determination that the first portion of the second input is directed to the scroll progress indicator and meets the first criteria, located on the user interface at a position proximate the position of the first portion of the second input. Changing the appearance of the scroll progress indicator to include an indexed scrubbing indicator. 48. The scroll according to any one of claims 36 to 47, wherein the scroll progress indicator comprises a scroll bar, the scroll bar being located in a scroll track, and in response to movement of the second portion of the second input. How to go, within the track. The method according to any one of claims 36 to 48,
And stopping displaying the scroll progress indicator while the scroll progress indicator is being displayed and upon a determination that no input is detected on the user interface for a predetermined amount of time. The method according to any one of claims 36 to 49,
The first portion of the second input is directed to the scroll progress indicator when the first portion of the second input is detected within an area surrounding a scroll bar portion of the scroll progress indicator;
The scroll bar portion of the scroll progress indicator is displayed as having a first size when the user interface has a first scrollable length;
Wherein the scroll bar portion of the scroll progress indicator is displayed as having a second size different from the first size when the user interface has a second scrollable length different from the first scrollable length. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs comprising any one of claims 36 to 50. A non-transitory computer-readable storage medium containing instructions for performing a method of protest. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
51. 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 36 to 50. As an electronic device,
display;
Touch-sensitive surface; And
An electronic device comprising means for performing the method of any of claims 36 to 50. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, comprising:
The one or more programs,
Instructions for displaying a user interface through the display;
Instructions for detecting a first input corresponding to a request to scroll the user interface;
Instructions for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input;
Instructions for detecting a second input including a first portion substantially stopped while the scroll progress indicator is displayed, followed by a second portion including movement in a first direction; And
In response to detecting the second input,
Based on a determination that the first portion of the second input has been directed to the scroll progress indicator and does not meet first criteria, the user interface is created based on movement of the contact in the second portion of the second input. Instructions for scrolling in one way; And
The movement of the contact in the second portion of the second input, which is different from the first method, according to a determination that the first portion of the second input is directed to the scroll progress indicator and meets the first criteria A non-transitory computer-readable storage medium comprising instructions for scrolling the user interface in a second manner based on. As an electronic device,
display;
Touch-sensitive surface;
One or more processors; And
And a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs,
Instructions for displaying a user interface through the display;
Instructions for detecting a first input corresponding to a request to scroll the user interface;
Instructions for scrolling the user interface and displaying a scroll progress indicator in response to detecting the first input;
Instructions for detecting a second input including a first portion substantially stopped while the scroll progress indicator is displayed, followed by a second portion including movement in a first direction; And
In response to detecting the second input,
Based on a determination that the first portion of the second input has been directed to the scroll progress indicator and does not meet first criteria, the user interface is created based on movement of the contact in the second portion of the second input. Instructions for scrolling in one way; And
The movement of the contact in the second portion of the second input, which is different from the first method, according to a determination that the first portion of the second input is directed to the scroll progress indicator and meets the first criteria The electronic device comprising instructions for scrolling the user interface in a second manner based on. As an electronic device,
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, while the scroll progress indicator is displayed, comprising a first portion substantially stationary, followed by a second portion comprising movement in a first direction; And
In response to detecting the second input,
Based on a determination that the first portion of the second input has been directed to the scroll progress indicator and does not meet first criteria, the user interface is created based on movement of the contact in the second portion of the second input. Means for scrolling in one way; And
The movement of the contact in the second portion of the second input, which is different from the first method, according to a determination that the first portion of the second input is directed to the scroll progress indicator and meets the first criteria And means for scrolling the user interface in a second manner based on.

Images