US20230379427A1 - User interfaces for managing visual content in a media representation - Google Patents

Abstract

The present disclosure generally relates to managing media representations. In some embodiments, systems, methods, and user interfaces are provided for managing the background of a media representation, copying subjects of a media representation, converting one or more portions of a media representation, providing descriptions for one or more symbols in a media representation, and providing one or more animations for one or more detected objects and/or subjects.

Description

CROSS-REFERENCE TO RELATED APPLICATIONS
• This application is a Continuation of U.S. non-Provisional patent Ser. No. 18/167,625, entitled “USER INTERFACES FOR MANAGING VISUAL CONTENT IN A MEDIA REPRESENTATION,” filed Feb. 10, 2023 which claims priority to U.S. Provisional Patent Application Ser. No. 63/349,086, entitled “USER INTERFACES FOR MANAGING VISUAL CONTENT IN A MEDIA REPRESENTATION,” filed Jun. 4, 2022 and U.S. Provisional Patent Application Ser. No. 63/318,678, entitled “USER INTERFACES FOR MANAGING VISUAL CONTENT IN A MEDIA REPRESENTATION,” filed on May 10, 2022.
FIELD
• The present disclosure relates generally to computer user interfaces, and more specifically to techniques for managing visual content in a media representation.
BACKGROUND
• Smartphones and other personal electronic devices allow users to capture and view content in media. Users can capture a variety of types of media, including video and image data. Users can store the captured media on smartphones or other personal electronic devices.
BRIEF SUMMARY
• Some techniques for managing visual content in a media representation using electronic devices, however, 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, more efficient methods and interfaces for managing visual content in a media representation. Such methods and interfaces optionally complement or replace other methods for managing visual content in a media representation. Such methods and interfaces reduce the cognitive burden on a user and produce a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges.
• In accordance with some embodiments, a method performed at a computer system that is in communication with a display generation component is described. The method comprises: detecting a request to display a user interface that corresponds to a media item; and in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In accordance with some embodiments, 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 a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a user interface that corresponds to a media item; and in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In accordance with some embodiments, a transitory computer-readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a user interface that corresponds to a media item; and in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In accordance with some embodiments a computer system is described. The computer system is configured to communicate with a display generation component, the computer system comprises: one or more processors; and memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: detecting a request to display a user interface that corresponds to a media item; and in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In accordance with some embodiments, a computer system is described. The computer system is configured to communicate with a display generation component. The computer system comprises: means for detecting a request to display a user interface that corresponds to a media item; and means for, in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In accordance with some embodiments, a computer program product is described. The computer program product comprises: one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a user interface that corresponds to a media item; and in response to detecting the request to display the user interface that corresponds to the media item, displaying, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically been detected in the media item, displaying, via the display generation component, a first user interface object that, when selected, causes the computer system to alter display of a portion of the media item in a representation of the media item without altering display of the subject in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display of the first user interface object.
• In some embodiments, a method performed at a computer system that is in communication with a display generation component is described. The method comprises: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, 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 a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, a transitory computer-readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, a computer system is described. The computer system is configured to communicate with a display generation component, the computer system comprises: one or more processors; and memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, a computer system is described. The computer system is configured to communicate with a display generation component, the computer system comprises: means for, while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and means for, in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, a computer program product is described. The computer program product comprises: one or more programs configured to be executed by one or more processors of a computer system that is in communication a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the visual content; and in response to detecting the input directed to the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.
• In accordance with some embodiments, a method performed at a computer system that is in communication with a display generation component is described. The method comprises: while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In accordance with some embodiments, 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 a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In accordance with some embodiments, a transitory computer-readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In accordance with some embodiments a computer system is described. The computer system is configured to communicate with a display generation component. The computer system comprises: one or more processors; and memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In accordance with some embodiments, a computer system is described. The computer system is configured to communicate with a display generation component. The computer system comprises: means for, while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and means for in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In some embodiments, a computer program product is described. The computer program product comprises: one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying a representation that includes text, detecting an input that corresponds to selection of a portion of the text in the representation; and in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, wherein the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, displaying, via the display generation component, a respective user interface for converting the first measurement into one or more other units of measurement, wherein the respective user interface includes a visual representation of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement, and wherein the second number is a conversion of the first number from the first unit of measurement to the second unit of measurement.
• In some embodiments, a method performed at a computer system that is in communication with a display generation component is described. The method comprises: detecting a request to display a representation of a media item; and in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In accordance with some embodiments, 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 a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a representation of a media item; and in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In accordance with some embodiments, a transitory computer-readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a representation of a media item; and in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In accordance with some embodiments a computer system is described. The computer system is configured to communicate with a display generation component. The computer system comprises: one or more processors; and memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: detecting a request to display a representation of a media item; and in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In accordance with some embodiments, a computer system is described. The computer system is configured to communicate with a display generation component. The computer system comprises: means for, detecting a request to display a representation of a media item; and means for, in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In some embodiments, a computer program product is described. The computer program product comprises: one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: detecting a request to display a representation of a media item; and in response to detecting the request to display the representation of the media item, displaying, via the display generation component, a respective user interface that includes a representation of a media item, wherein displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying, via the display generation component, a representation of an interpretation of at least a first symbol of the one or more symbols concurrently with the representation of the media, wherein the representation of the interpretation of the one or more symbols in the media item is separate from the media item.
• In accordance with some embodiments, a method is described. The method comprises: at a computer system that is in communication with a display generation component: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• In accordance with some embodiments, 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 a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• In accordance with some embodiments, a transitory computer-readable storage medium is described. The transitory computer-readable storage medium stores one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• In accordance with some embodiments, a computer system configured to communicate with a display generation component is described. The computer system comprises: one or more processors; and memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• In accordance with some embodiments, a computer system configured to communicate with a display generation component is described. The computer system comprises: means for, while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and means for, in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• In accordance with some embodiments, a computer program product is described. The computer program product comprises one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for: while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the first portion of the representation of the visual content; and in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected foreground object that is represented in the visual content, displaying, via the display generation component, an animation, including: during a first period of time while displaying the animation, displaying, via the display generation component, a first portion of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing a detected boundary of the detected foreground object during the first period of time.
• Executable instructions for performing these functions are, optionally, included in a non-transitory computer-readable storage medium or other computer program product configured for execution by one or more processors. Executable instructions for performing these functions are, optionally, included in a transitory computer-readable storage medium or other computer program product configured for execution by one or more processors.
• Thus, devices are provided with faster, more efficient methods and interfaces for managing visual content in a media representation, thereby increasing the effectiveness, efficiency, and user satisfaction with such devices. Such methods and interfaces may complement or replace other methods for managing visual content in a media representation.
DESCRIPTION OF THE FIGURES
• For a better understanding of the various described embodiments, reference should be made to the Description of Embodiments below, in conjunction with the following drawings in which like reference numerals refer to corresponding parts throughout the figures.
• FIG.1A is a block diagram illustrating a portable multifunction device with a touch-sensitive display in accordance with some embodiments.
• FIG.1B is a block diagram illustrating exemplary components for event handling in accordance with some embodiments.
• FIG.2 illustrates a portable multifunction device having a touch screen in accordance with some embodiments.
• FIG.3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments.
• FIG.4A illustrates an exemplary user interface for a menu of applications on a portable multifunction device in accordance with some embodiments.
• FIG.4B illustrates an exemplary user interface for a multifunction device with a touch-sensitive surface that is separate from the display in accordance with some embodiments.
• FIG.5A illustrates a personal electronic device in accordance with some embodiments.
• FIG.5B is a block diagram illustrating a personal electronic device in accordance with some embodiments.
• FIGS.6A-6M illustrate exemplary user interfaces for managing one or more portions of a media representation in accordance with some embodiments.
• FIG.7 is a flow diagram illustrating methods of managing the background of a media representation in accordance with some embodiments.
• FIG.8 is a flow diagram illustrating methods of copying subjects of a media representation in accordance with some embodiments.
• FIGS.9A-9I illustrate exemplary user interfaces for converting one or more portions of a media representation in accordance with some embodiments.
• FIG.10 is a flow diagram illustrating methods of converting of one or more portions of a media representation in accordance with some embodiments.
• FIGS.11A-11G illustrate exemplary user interfaces for providing descriptions for one or more symbols in a media representation in accordance with some embodiments.
• FIG.12 is a flow diagram illustrating methods of providing descriptions for one or more symbols in a media representation in accordance with some embodiments.
• FIGS.13A-13T illustrate exemplary user interfaces for providing one or more animations for detected objects in a media representation in accordance with some embodiments.
• FIG.14 is a flow diagram illustrating methods of providing one or more animations for detected objects in a media representation in accordance with some embodiments.
DESCRIPTION OF EMBODIMENTS
• The following description sets forth exemplary methods, parameters, and the like. It should be recognized, however, that such description is not intended as a limitation on the scope of the present disclosure but is instead provided as a description of exemplary embodiments.
• There is a need for electronic devices that provide efficient methods and interfaces for managing visual content in a media representation (e.g., a representation of media, such as photo and/or video media). For example, there is a need for electronic devices and/or computer systems to allow a user to manage visual content in media representations that includes objects, such as signs or restaurant menus, that are captured by one or more cameras of the computer system. Such techniques can reduce the cognitive burden on a user who views, edits, and/or manages media representations, thereby enhancing productivity. Further, such techniques can reduce processor and battery power otherwise wasted on redundant user inputs.
• Below,FIGS.1A-1B,2,3,4A-4B, and5A-5B provide a description of exemplary devices for performing the techniques for managing visual content in a media representation.
• FIGS.6A-6M illustrate exemplary user interfaces for managing one or more portions of a media representation in accordance with some embodiments.FIG.7 is a flow diagram illustrating methods of managing the background of a media representation in accordance with some embodiments.FIG.8 is a flow diagram illustrating methods of copying subjects of a media representation in accordance with some embodiments. The user interfaces inFIGS.6A-6M are used to illustrate the processes described below, including the processes inFIGS.7 and8.
• FIGS.9A-9I illustrate exemplary user interfaces for converting one or more portions of a media representation in accordance with some embodiments.FIG.10 is a flow diagram illustrating methods of converting of one or more portions of a media representation in accordance with some embodiments. The user interfaces inFIGS.9A-9I are used to illustrate the processes described below, including the processes inFIG.10.
• FIGS.11A-11G illustrate exemplary user interfaces for providing descriptions for one or more symbols in a media representation in accordance with some embodiments.FIG.12 is a flow diagram illustrating methods of providing descriptions for one or more symbols in a media representation in accordance with some embodiments. The user interfaces inFIGS.11A-11G are used to illustrate the processes described below, including the processes inFIG.12.
• FIGS.13A-13T illustrate exemplary user interfaces for providing one or more animations for detected objects in a media representation in accordance with some embodiments.FIG.14 is a flow diagram illustrating methods of providing one or more animations for detected objects in a media representation in accordance with some embodiments. The user interfaces inFIGS.13A-13T are used to illustrate the processes described below, including the processes inFIG.14.
• The processes described below enhance the operability of the devices and make the user-device interfaces more efficient (e.g., by helping the user to provide proper inputs and reducing user mistakes when operating/interacting with the device) through various techniques, including by providing improved visual feedback to the user, reducing the number of inputs needed to perform an operation, providing additional control options without cluttering the user interface with additional displayed controls, performing an operation when a set of conditions has been met without requiring further user input, and/or additional techniques. These techniques also reduce power usage and improve battery life of the device by enabling the user to use the device more quickly and efficiently.
• In addition, in methods described herein where one or more steps are contingent upon one or more conditions having been met, it should be understood that the described method can be repeated in multiple repetitions so that over the course of the repetitions all of the conditions upon which steps in the method are contingent have been met in different repetitions of the method. For example, if a method requires performing a first step if a condition is satisfied, and a second step if the condition is not satisfied, then a person of ordinary skill would appreciate that the claimed steps are repeated until the condition has been both satisfied and not satisfied, in no particular order. Thus, a method described with one or more steps that are contingent upon one or more conditions having been met could be rewritten as a method that is repeated until each of the conditions described in the method has been met. This, however, is not required of system or computer readable medium claims where the system or computer readable medium contains instructions for performing the contingent operations based on the satisfaction of the corresponding one or more conditions and thus is capable of determining whether the contingency has or has not been satisfied without explicitly repeating steps of a method until all of the conditions upon which steps in the method are contingent have been met. A person having ordinary skill in the art would also understand that, similar to a method with contingent steps, a system or computer readable storage medium can repeat the steps of a method as many times as are needed to ensure that all of the contingent steps have been performed.
• Although the following description uses terms “first,” “second,” etc. to describe various elements, these elements should not be limited by the terms. In some embodiments, these terms are used to distinguish one element from another. For example, a first touch could be termed a second touch, and, similarly, a second touch could be termed a first touch, without departing from the scope of the various described embodiments. In some embodiments, the first touch and the second touch are two separate references to the same touch. In some embodiments, the first touch and the second touch are both touches, but they are not the same touch.
• The terminology used in the description of the various described embodiments herein is for the purpose of describing particular embodiments only and is not intended to be limiting. As used in the description of the various described embodiments and the appended claims, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will also be understood that the term “and/or” as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms “includes,” “including,” “comprises,” and/or “comprising,” when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
• The term “if” is, optionally, construed to mean “when” or “upon” or “in response to determining” or “in response to detecting,” depending on the context. Similarly, the phrase “if it is determined” or “if [a stated condition or event] is detected” is, optionally, construed to mean “upon determining” or “in response to determining” or “upon detecting [the stated condition or event]” or “in response to detecting [the stated condition or event],” depending on the context.
• 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 communications device, such as a mobile telephone, that also contains other functions, such as PDA and/or music player functions. Exemplary embodiments of portable multifunction devices include, without limitation, the iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, California. Other portable electronic devices, such as laptops or tablet computers with touch-sensitive surfaces (e.g., touch screen displays and/or touchpads), are, optionally, used. It should also be understood that, in some embodiments, the device is not a portable communications device, but is a desktop computer with a touch-sensitive surface (e.g., a touch screen display and/or a touchpad). In some embodiments, the electronic device is a computer system that is in communication (e.g., via wireless communication, via wired communication) with a display generation component. The display generation component is configured to provide visual output, such as display via a CRT display, display via an LED display, or display via image projection. In some embodiments, the display generation component is integrated with the computer system. In some embodiments, the display generation component is separate from the computer system. As used herein, “displaying” content includes causing to display the content (e.g., video data rendered or decoded by display controller156) by transmitting, via a wired or wireless connection, data (e.g., image data or video data) to an integrated or external display generation component to visually produce the content.
• In the discussion that follows, an electronic device that includes a display and a touch-sensitive surface is described. It should be understood, however, that the electronic device optionally includes one or more other physical user-interface devices, such as a physical keyboard, a mouse, and/or a joystick.
• The device typically supports a variety of applications, such as one or more of the following: a drawing application, a presentation application, a word processing application, a website creation application, a disk authoring application, a spreadsheet application, a gaming application, a telephone application, a video conferencing application, an e-mail application, an instant messaging application, a workout support application, a photo management application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, and/or a digital video player application.
• The various applications that are executed on the device optionally use at least one common physical user-interface device, such as the touch-sensitive surface. One or more functions of the touch-sensitive surface as well as corresponding information displayed on the device are, optionally, adjusted and/or varied from one application to the next and/or within a respective application. In this way, a common physical architecture (such as the touch-sensitive surface) of the device optionally supports the variety of applications with user interfaces that are intuitive and transparent to the user.
• Attention is now directed toward embodiments of portable devices with touch-sensitive displays.FIG.1A is a block diagram illustrating portablemultifunction device100 with touch-sensitive display system112 in accordance with some embodiments. Touch-sensitive display112 is sometimes called a “touch screen” for convenience and is sometimes known as or called a “touch-sensitive display system.”Device100 includes memory102 (which optionally includes one or more computer-readable storage mediums),memory controller122, one or more processing units (CPUs)120, peripherals interface118,RF circuitry108,audio circuitry110,speaker111,microphone113, input/output (I/O)subsystem106, otherinput control devices116, andexternal port124.Device100 optionally includes one or moreoptical sensors164.Device100 optionally includes one or morecontact intensity sensors165 for detecting intensity of contacts on device100 (e.g., a touch-sensitive surface such as touch-sensitive display system112 of device100).Device100 optionally includes one or moretactile output generators167 for generating tactile outputs on device100 (e.g., generating tactile outputs on a touch-sensitive surface such as touch-sensitive display system112 ofdevice100 ortouchpad355 of device300). These components optionally communicate over one or more communication buses orsignal lines103.
• As used in the specification and claims, the term “intensity” of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch-sensitive surface, or to a substitute (proxy) for the force or pressure of a contact on the touch-sensitive surface. The intensity of a contact has a range of values that includes at least four distinct values and more typically includes hundreds of distinct values (e.g., at least 256). Intensity of a contact is, optionally, determined (or measured) using various approaches and various sensors or combinations of sensors. For example, one or more force sensors underneath or adjacent to the touch-sensitive surface are, optionally, used to measure force at various points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., a weighted average) to determine an estimated force of a contact. Similarly, a pressure-sensitive tip of a stylus is, optionally, used to determine a 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 proximate to the contact and/or changes thereto, and/or the resistance of the touch-sensitive surface proximate to the contact 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, the substitute measurements for contact force or pressure are used directly to determine whether an intensity threshold has been exceeded (e.g., the intensity threshold is described in units corresponding to the substitute measurements). In some implementations, the substitute 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 a pressure threshold measured in units of pressure). Using the intensity of a contact as an attribute of a user input allows for user access to additional device functionality that may otherwise not be accessible by the user on a reduced-size device with limited real estate for displaying affordances (e.g., on a touch-sensitive display) and/or receiving user input (e.g., via a touch-sensitive display, a touch-sensitive surface, or a physical/mechanical control such as a knob or a button).
• As used in the specification and claims, the term “tactile output” refers to physical displacement of a device relative to a previous position of the device, physical displacement of a component (e.g., a touch-sensitive surface) of a device relative to another component (e.g., housing) of the device, or displacement of the component relative to a center of mass of the device that will be detected by a user with the user's sense of touch. For example, in situations where the device or the component of the device is in contact with a surface of a user that is sensitive to touch (e.g., a finger, palm, or other part of a user's hand), the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in physical characteristics of the device or the component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is, optionally, interpreted by the user as a “down click” or “up click” of a physical actuator button. In some cases, a user will feel a tactile sensation such as an “down click” or “up click” even when there is no movement of a physical actuator button associated with the touch-sensitive surface that is physically pressed (e.g., displaced) by the user's movements. As another example, movement of the touch-sensitive surface is, optionally, interpreted or sensed by the user as “roughness” of the touch-sensitive surface, even when there is no change in smoothness of the touch-sensitive surface. While such interpretations of touch by a user will be subject to the individualized sensory perceptions of the user, there are many sensory perceptions of touch that are common to a large majority of users. Thus, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., an “up click,” a “down click,” “roughness”), unless otherwise stated, the generated tactile output corresponds to physical displacement of the device or a component thereof that will generate the described sensory perception for a typical (or average) user.
• It should be appreciated thatdevice100 is only one example of a portable multifunction device, and thatdevice100 optionally has more or fewer components than shown, optionally combines two or more components, or optionally has a different configuration or arrangement of the components. The various components shown inFIG.1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and/or application-specific integrated circuits.
• Memory102 optionally includes high-speed random access memory and optionally also includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices.Memory controller122 optionally controls access tomemory102 by other components ofdevice100.
• Peripherals interface118 can be used to couple input and output peripherals of the device toCPU120 andmemory102. The one ormore processors120 run or execute various software programs (such as computer programs (e.g., including instructions)) and/or sets of instructions stored inmemory102 to perform various functions fordevice100 and to process data. In some embodiments, peripherals interface118,CPU120, andmemory controller122 are, optionally, implemented on a single chip, such aschip104. In some other embodiments, they are, optionally, implemented on separate chips.
• RF (radio frequency)circuitry108 receives and sends RF signals, also called electromagnetic signals.RF circuitry108 converts electrical signals to/from electromagnetic signals and communicates with communications networks and other communications devices via the electromagnetic signals.RF circuitry108 optionally includes well-known circuitry for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, and so forth.RF circuitry108 optionally communicates with networks, such as the Internet, also referred to as the World Wide Web (WWW), an intranet and/or a wireless network, such as a cellular telephone network, a wireless local area network (LAN) and/or a metropolitan area network (MAN), and other devices by wireless communication. TheRF circuitry108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by a short-range communication radio. The wireless communication optionally uses any of a plurality of communications standards, protocols, and technologies, including but not limited to Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), near field communication (NFC), wideband code division multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and/or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, a protocol for e-mail (e.g., Internet message access protocol (IMAP) and/or post office protocol (POP)), instant messaging (e.g., extensible messaging and presence protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and/or Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this document.
• Audio circuitry110,speaker111, andmicrophone113 provide an audio interface between a user anddevice100.Audio circuitry110 receives audio data fromperipherals interface118, converts the audio data to an electrical signal, and transmits the electrical signal tospeaker111.Speaker111 converts the electrical signal to human-audible sound waves.Audio circuitry110 also receives electrical signals converted bymicrophone113 from sound waves.Audio circuitry110 converts the electrical signal to audio data and transmits the audio data to peripherals interface118 for processing. Audio data is, optionally, retrieved from and/or transmitted tomemory102 and/orRF circuitry108 byperipherals interface118. In some embodiments,audio circuitry110 also includes a headset jack (e.g.,212,FIG.2). The headset jack provides an interface betweenaudio circuitry110 and removable audio input/output peripherals, such as output-only headphones or a headset with both output (e.g., a headphone for one or both ears) and input (e.g., a microphone).
• I/O subsystem106 couples input/output peripherals ondevice100, such astouch screen112 and otherinput control devices116, toperipherals interface118. I/O subsystem106 optionally includesdisplay controller156,optical sensor controller158,depth camera controller169,intensity sensor controller159,haptic feedback controller161, and one ormore input controllers160 for other input or control devices. The one ormore input controllers160 receive/send electrical signals from/to otherinput control devices116. The otherinput control devices116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, and so forth. In some embodiments, input controller(s)160 are, optionally, coupled to any (or none) of the following: a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. The one or more buttons (e.g.,208,FIG.2) optionally include an up/down button for volume control ofspeaker111 and/ormicrophone113. The one or more buttons optionally include a push button (e.g.,206,FIG.2). In some embodiments, the electronic device is a computer system that is in communication (e.g., via wireless communication, via wired communication) with one or more input devices. In some embodiments, the one or more input devices include a touch-sensitive surface (e.g., a trackpad, as part of a touch-sensitive display). In some embodiments, the one or more input devices include one or more camera sensors (e.g., one or moreoptical sensors164 and/or one or more depth camera sensors175), such as for tracking a user's gestures (e.g., hand gestures and/or air gestures) as input. In some embodiments, the one or more input devices are integrated with the computer system. In some embodiments, the one or more input devices are separate from the computer system. In some embodiments, an air gesture is a gesture that is detected without the user touching an input element that is part of the device (or independently of an input element that is a part of the device) and is based on detected motion of a portion of the user's body through the air including motion of the user's body relative to an absolute reference (e.g., an angle of the user's arm relative to the ground or a distance of the user's hand relative to the ground), relative to another portion of the user's body (e.g., movement of a hand of the user relative to a shoulder of the user, movement of one hand of the user relative to another hand of the user, and/or movement of a finger of the user relative to another finger or portion of a hand of the user), and/or absolute motion of a portion of the user's body (e.g., a tap gesture that includes movement of a hand in a predetermined pose by a predetermined amount and/or speed, or a shake gesture that includes a predetermined speed or amount of rotation of a portion of the user's body).
• A quick press of the push button optionally disengages a lock oftouch screen112 or optionally begins a process that uses gestures on the touch screen to unlock the device, as described in U.S. patent application Ser. No. 11/322,549, “Unlocking a Device by Performing Gestures on an Unlock Image,” filed Dec. 23, 2005, U.S. Pat. No. 7,657,849, which is hereby incorporated by reference in its entirety. A longer press of the push button (e.g.,206) optionally turns power todevice100 on or off. The functionality of one or more of the buttons are, optionally, user-customizable.Touch screen112 is used to implement virtual or soft buttons and one or more soft keyboards.
• Touch-sensitive display112 provides an input interface and an output interface between the device and a user.Display controller156 receives and/or sends electrical signals from/totouch screen112.Touch screen112 displays visual output to the user. The visual output optionally includes graphics, text, icons, video, and any combination thereof (collectively termed “graphics”). In some embodiments, some or all of the visual output optionally corresponds to user-interface objects.
• Touch screen112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from the user based on haptic and/or tactile contact.Touch screen112 and display controller156 (along with any associated modules and/or sets of instructions in memory102) detect contact (and any movement or breaking of the contact) ontouch screen112 and convert the detected contact into interaction with user-interface objects (e.g., one or more soft keys, icons, web pages, or images) that are displayed ontouch screen112. In an exemplary embodiment, a point of contact betweentouch screen112 and the user corresponds to a finger of the user.
• Touch screen112 optionally uses LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, although other display technologies are used in other embodiments.Touch screen112 anddisplay controller156 optionally detect contact and any movement or breaking thereof using any of a plurality of touch sensing technologies now known or later developed, including but not limited to capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements for determining one or more points of contact withtouch screen112. In an exemplary embodiment, projected mutual capacitance sensing technology is used, such as that found in the iPhone® and iPod Touch® from Apple Inc. of Cupertino, California.
• A touch-sensitive display in some embodiments oftouch screen112 is, optionally, analogous to the multi-touch sensitive touchpads described in the following U.S. Pat. No. 6,323,846 (Westerman et al.), U.S. Pat. No. 6,570,557 (Westerman et al.), and/or U.S. Pat. No. 6,677,932 (Westerman), and/or U.S. Patent Publication 2002/0015024A1, each of which is hereby incorporated by reference in its entirety. However,touch screen112 displays visual output fromdevice100, whereas touch-sensitive touchpads do not provide visual output.
• A touch-sensitive display in some embodiments oftouch screen112 is described in the following applications: (1) U.S. patent application Ser. No. 11/381,313, “Multipoint Touch Surface Controller,” filed May 2, 2006; (2) U.S. patent application Ser. No. 10/840,862, “Multipoint Touchscreen,” filed May 6, 2004; (3) U.S. patent application Ser. No. 10/903,964, “Gestures For Touch Sensitive Input Devices,” filed Jul. 30, 2004; (4) U.S. patent application Ser. No. 11/048,264, “Gestures For Touch Sensitive Input Devices,” filed Jan. 31, 2005; (5) U.S. patent application Ser. No. 11/038,590, “Mode-Based Graphical User Interfaces For Touch Sensitive Input Devices,” filed Jan. 18, 2005; (6) U.S. patent application Ser. No. 11/228,758, “Virtual Input Device Placement On A Touch Screen User Interface,” filed Sep. 16, 2005; (7) U.S. patent application Ser. No. 11/228,700, “Operation Of A Computer With A Touch Screen Interface,” filed Sep. 16, 2005; (8) U.S. patent application Ser. No. 11/228,737, “Activating Virtual Keys Of A Touch-Screen Virtual Keyboard,” filed Sep. 16, 2005; and (9) U.S. patent application Ser. No. 11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006. All of these applications are incorporated by reference herein in their entirety.
• Touch screen112 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 makes contact withtouch screen112 using any suitable object or appendage, such as a stylus, a finger, and so forth. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which can be less precise than stylus-based input due to the larger area of contact of a finger on the touch screen. In some embodiments, the device translates the rough finger-based input into a precise pointer/cursor position or command for performing the actions desired by the user.
• In some embodiments, in addition to the touch screen,device100 optionally includes a touchpad for activating or deactivating particular functions. In some embodiments, the touchpad is a touch-sensitive area of the device that, unlike the touch screen, does not display visual output. The touchpad is, optionally, a touch-sensitive surface that is separate fromtouch screen112 or an extension of the touch-sensitive surface formed by the touch screen.
• Device100 also includespower system162 for powering the various components.Power system162 optionally includes a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator (e.g., a light-emitting diode (LED)) and any other components associated with the generation, management, and distribution of power in portable devices.
• Device100 optionally also includes one or moreoptical sensors164.FIG.1A shows an optical sensor coupled tooptical sensor controller158 in I/O subsystem106.Optical sensor164 optionally includes charge-coupled device (CCD) or complementary metal-oxide semiconductor (CMOS) phototransistors.Optical sensor164 receives light from the environment, projected through one or more lenses, and converts the light to data representing an image. In conjunction with imaging module143 (also called a camera module),optical sensor164 optionally captures still images or video. In some embodiments, an optical sensor is located on the back ofdevice100, oppositetouch screen display112 on the front of the device so that the touch screen display is enabled for use as a viewfinder for still and/or video image acquisition. In some embodiments, an optical sensor is located on the front of the device so that the user's image is, optionally, obtained for video conferencing while the user views the other video conference participants on the touch screen display. In some embodiments, the position ofoptical sensor164 can be changed by the user (e.g., by rotating the lens and the sensor in the device housing) so that a singleoptical sensor164 is used along with the touch screen display for both video conferencing and still and/or video image acquisition.
• Device100 optionally also includes one or moredepth camera sensors175.FIG.1A shows a depth camera sensor coupled todepth camera controller169 in I/O subsystem106.Depth camera sensor175 receives data from the environment to create a three-dimensional model of an object (e.g., a face) within a scene from a viewpoint (e.g., a depth camera sensor). In some embodiments, in conjunction with imaging module143 (also called a camera module),depth camera sensor175 is optionally used to determine a depth map of different portions of an image captured by theimaging module143. In some embodiments, a depth camera sensor is located on the front ofdevice100 so that the user's image with depth information is, optionally, obtained for video conferencing while the user views the other video conference participants on the touch screen display and to capture selfies with depth map data. In some embodiments, thedepth camera sensor175 is located on the back of device, or on the back and the front of thedevice100. In some embodiments, the position ofdepth camera sensor175 can be changed by the user (e.g., by rotating the lens and the sensor in the device housing) so that adepth camera sensor175 is used along with the touch screen display for both video conferencing and still and/or video image acquisition.
• Device100 optionally also includes one or morecontact intensity sensors165.FIG.1A shows a contact intensity sensor coupled tointensity sensor controller159 in I/O subsystem106.Contact intensity sensor165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electric force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other intensity sensors (e.g., sensors used to measure the force (or pressure) of a contact on a touch-sensitive surface).Contact intensity sensor165 receives contact intensity information (e.g., pressure information or a proxy for pressure information) from the environment. In some embodiments, at least one contact intensity sensor is collocated with, or proximate to, a touch-sensitive surface (e.g., touch-sensitive display system112). In some embodiments, at least one contact intensity sensor is located on the back ofdevice100, oppositetouch screen display112, which is located on the front ofdevice100.
• Device100 optionally also includes one ormore proximity sensors166.FIG.1A showsproximity sensor166 coupled toperipherals interface118. Alternately,proximity sensor166 is, optionally, coupled toinput controller160 in I/O subsystem106.Proximity sensor166 optionally performs as described in U.S. patent application Ser. No. 11/241,839, “Proximity Detector In Handheld Device”; Ser. No. 11/240,788, “Proximity Detector In Handheld Device”; Ser. No. 11/620,702, “Using Ambient Light Sensor To Augment Proximity Sensor Output”; Ser. No. 11/586,862, “Automated Response To And Sensing Of User Activity In Portable Devices”; and Ser. No. 11/638,251, “Methods And Systems For Automatic Configuration Of Peripherals,” which are hereby incorporated by reference in their entirety. In some embodiments, the proximity sensor turns off and disablestouch screen112 when the multifunction device is placed near the user's ear (e.g., when the user is making a phone call).
• Device100 optionally also includes one or moretactile output generators167.FIG.1A shows a tactile output generator coupled tohaptic feedback controller161 in I/O subsystem106.Tactile output generator167 optionally includes one or more electroacoustic devices such as speakers or other audio components and/or electromechanical devices that convert energy into linear motion such as a motor, solenoid, electroactive polymer, piezoelectric actuator, electrostatic actuator, or other tactile output generating component (e.g., a component that converts electrical signals into tactile outputs on the device).Contact intensity sensor165 receives tactile feedback generation instructions fromhaptic feedback module133 and generates tactile outputs ondevice100 that are capable of being sensed by a user ofdevice100. In some embodiments, at least one tactile output generator is collocated with, or proximate to, a touch-sensitive surface (e.g., touch-sensitive display system112) and, optionally, generates a tactile output by moving the touch-sensitive surface vertically (e.g., in/out of a surface of device100) or laterally (e.g., back and forth in the same plane as a surface of device100). In some embodiments, at least one tactile output generator sensor is located on the back ofdevice100, oppositetouch screen display112, which is located on the front ofdevice100.
• Device100 optionally also includes one ormore accelerometers168.FIG.1A showsaccelerometer168 coupled toperipherals interface118. Alternately,accelerometer168 is, optionally, coupled to aninput controller160 in I/O subsystem106.Accelerometer168 optionally performs as described in U.S. Patent Publication No. 20050190059, “Acceleration-based Theft Detection System for Portable Electronic Devices,” and U.S. Patent Publication No. 20060017692, “Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer,” both of which are incorporated by reference herein in their entirety. In some embodiments, information is displayed on the touch screen display in a portrait view or a landscape view based on an analysis of data received from the one or more accelerometers.Device100 optionally includes, in addition to accelerometer(s)168, a magnetometer and a GPS (or GLONASS or other global navigation system) receiver for obtaining information concerning the location and orientation (e.g., portrait or landscape) ofdevice100.
• In some embodiments, the software components stored inmemory102 includeoperating system126, communication module (or set of instructions)128, contact/motion module (or set of instructions)130, graphics module (or set of instructions)132, text input module (or set of instructions)134, Global Positioning System (GPS) module (or set of instructions)135, and applications (or sets of instructions)136. Furthermore, in some embodiments, memory102 (FIG.1A) or370 (FIG.3) stores device/globalinternal state157, as shown inFIGS.1A and3. Device/globalinternal state157 includes one or more of: active application state, indicating which applications, if any, are currently active; display state, indicating what applications, views or other information occupy various regions oftouch screen display112; sensor state, including information obtained from the device's various sensors andinput control devices116; and location information concerning the device's location and/or attitude.
• Operating system126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS, WINDOWS, or an embedded operating system such as VxWorks) includes various software components and/or drivers for controlling and managing general system tasks (e.g., memory management, storage device control, power management, etc.) and facilitates communication between various hardware and software components.
• Communication module128 facilitates communication with other devices over one or moreexternal ports124 and also includes various software components for handling data received byRF circuitry108 and/orexternal port124. External port124 (e.g., Universal Serial Bus (USB), FIREWIRE, etc.) is adapted for coupling directly to other devices or indirectly over a network (e.g., the Internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same as, or similar to and/or compatible with, the 30-pin connector used on iPod® (trademark of Apple Inc.) devices.
• Contact/motion module130 optionally detects contact with touch screen112 (in conjunction with display controller156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). Contact/motion module130 includes various software components for performing various operations related to detection of contact, such as determining if contact has occurred (e.g., detecting a finger-down event), determining an intensity of the contact (e.g., the force or pressure of the contact or a substitute for the force or pressure of the contact), determining if there is movement of the contact and tracking the movement across the touch-sensitive surface (e.g., detecting one or more finger-dragging events), and determining if the contact has ceased (e.g., detecting a finger-up event or a break in contact). Contact/motion module130 receives contact data from the touch-sensitive surface. Determining movement of the point of contact, which is represented by a series of contact data, optionally includes determining speed (magnitude), velocity (magnitude and direction), and/or an acceleration (a change in magnitude and/or direction) of the point of contact. These operations are, optionally, applied to single contacts (e.g., one finger contacts) or to multiple simultaneous contacts (e.g., “multitouch”/multiple finger contacts). In some embodiments, contact/motion module130 anddisplay controller156 detect contact on a touchpad.
• In some embodiments, contact/motion module130 uses a set of one or more intensity thresholds to determine whether an operation has been performed by a user (e.g., to determine whether a user has “clicked” on an icon). In some embodiments, at least a subset of the intensity thresholds are determined in accordance with software parameters (e.g., the intensity thresholds are not determined by the activation thresholds of particular physical actuators and can be adjusted without changing the physical hardware of device100). For example, a mouse “click” threshold of a trackpad or touch screen display can be set to any of a large range of predefined threshold values without changing the trackpad or touch screen display hardware. Additionally, in some implementations, a user of the device is provided with software settings for adjusting one or more of the set of intensity thresholds (e.g., by adjusting individual intensity thresholds and/or by adjusting a plurality of intensity thresholds at once with a system-level click “intensity” parameter).
• Contact/motion module130 optionally detects a gesture input by a user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motions, timings, and/or intensities of detected contacts). Thus, a gesture is, optionally, detected by detecting a particular contact pattern. For example, detecting a finger tap gesture includes detecting a finger-down event followed by detecting a finger-up (liftoff) event at the same position (or substantially the same position) as the finger-down event (e.g., at the position of an icon). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger-down event followed by detecting one or more finger-dragging events, and subsequently followed by detecting a finger-up (liftoff) event.
• Graphics module132 includes various known software components for rendering and displaying graphics ontouch screen112 or other display, including components for changing the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual property) of graphics that are displayed. As used herein, the term “graphics” includes any object that can be displayed to a user, including, without limitation, text, web pages, icons (such as user-interface objects including soft keys), digital images, videos, animations, and the like.
• In some embodiments,graphics module132 stores data representing graphics to be used. Each graphic is, optionally, assigned a corresponding code.Graphics module132 receives, from applications etc., one or more codes specifying graphics to be displayed along with, if necessary, coordinate data and other graphic property data, and then generates screen image data to output to displaycontroller156.
• Haptic feedback module133 includes various software components for generating instructions used by tactile output generator(s)167 to produce tactile outputs at one or more locations ondevice100 in response to user interactions withdevice100.
• Text input module134, which is, optionally, a component ofgraphics module132, provides soft keyboards for entering text in various applications (e.g.,contacts137,e-mail140,IM141,browser147, and any other application that needs text input).
• GPS module135 determines the location of the device and provides this information for use in various applications (e.g., to telephone138 for use in location-based dialing; tocamera143 as picture/video metadata; and to applications that provide location-based services such as weather widgets, local yellow page widgets, and map/navigation widgets).
• Applications136 optionally include the following modules (or sets of instructions), or a subset or superset thereof:
• • Contacts module137 (sometimes called an address book or contact list);
  • Telephone module138;
  • Video conference module139;
  • E-mail client module140;
  • Instant messaging (IM)module141;
  • Workout support module142;
  • Camera module143 for still and/or video images;
  • Image management module144;
  • Video player module;
  • Music player module;
  • Browser module147;
  • Calendar module148;
  • Widget modules149, which optionally include one or more of: weather widget149-1, stocks widget149-2, calculator widget149-3, alarm clock widget149-4, dictionary widget149-5, and other widgets obtained by the user, as well as user-created widgets149-6;
  • Widget creator module150 for making user-created widgets149-6;
  • Search module151;
  • Video andmusic player module152, which merges video player module and music player module;
  • Notes module153;
  • Map module154; and/or
  • Online video module155.
• Examples ofother applications136 that are, optionally, stored inmemory102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA-enabled applications, encryption, digital rights management, voice recognition, and voice replication.
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134,contacts module137 are, optionally, used to manage an address book or contact list (e.g., stored in applicationinternal state192 ofcontacts module137 inmemory102 or memory370), including: adding name(s) to the address book; deleting name(s) from the address book; associating telephone number(s), e-mail address(es), physical address(es) or other information with a name; associating an image with a name; categorizing and sorting names; providing telephone numbers or e-mail addresses to initiate and/or facilitate communications bytelephone138,video conference module139,e-mail140, orIM141; and so forth.
• In conjunction withRF circuitry108,audio circuitry110,speaker111,microphone113,touch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134,telephone module138 are optionally, used to enter a sequence of characters corresponding to a telephone number, access one or more telephone numbers incontacts module137, modify a telephone number that has been entered, dial a respective telephone number, conduct a conversation, and disconnect or hang up when the conversation is completed. As noted above, the wireless communication optionally uses any of a plurality of communications standards, protocols, and technologies.
• In conjunction withRF circuitry108,audio circuitry110,speaker111,microphone113,touch screen112,display controller156,optical sensor164,optical sensor controller158, contact/motion module130,graphics module132,text input module134,contacts module137, andtelephone module138,video conference module139 includes executable instructions to initiate, conduct, and terminate a video conference between a user and one or more other participants in accordance with user instructions.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134,e-mail client module140 includes executable instructions to create, send, receive, and manage e-mail in response to user instructions. In conjunction withimage management module144,e-mail client module140 makes it very easy to create and send e-mails with still or video images taken withcamera module143.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134, theinstant messaging module141 includes executable instructions to enter a sequence of characters corresponding to an instant message, to modify previously entered characters, to transmit a respective instant message (for example, using a Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for telephony-based instant messages or using XMPP, SIMPLE, or IMPS for Internet-based instant messages), to receive instant messages, and to view received instant messages. In some embodiments, transmitted and/or received instant messages optionally include graphics, photos, audio files, video files and/or other attachments as are supported in an MMS and/or an Enhanced Messaging Service (EMS). As used herein, “instant messaging” refers to both telephony-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132,text input module134,GPS module135,map module154, and music player module,workout support module142 includes executable instructions to create workouts (e.g., with time, distance, and/or calorie burning goals); communicate with workout sensors (sports devices); receive workout sensor data; calibrate sensors used to monitor a workout; select and play music for a workout; and display, store, and transmit workout data.
• In conjunction withtouch screen112,display controller156, optical sensor(s)164,optical sensor controller158, contact/motion module130,graphics module132, andimage management module144,camera module143 includes executable instructions to capture still images or video (including a video stream) and store them intomemory102, modify characteristics of a still image or video, or delete a still image or video frommemory102.
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132,text input module134, andcamera module143,image management module144 includes executable instructions to arrange, modify (e.g., edit), or otherwise manipulate, label, delete, present (e.g., in a digital slide show or album), and store still and/or video images.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134,browser module147 includes executable instructions to browse the Internet in accordance with user instructions, including searching, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132,text input module134,e-mail client module140, andbrowser module147,calendar module148 includes executable instructions to create, display, modify, and store calendars and data associated with calendars (e.g., calendar entries, to-do lists, etc.) in accordance with user instructions.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132,text input module134, andbrowser module147,widget modules149 are mini-applications that are, optionally, downloaded and used by a user (e.g., weather widget149-1, stocks widget149-2, calculator widget149-3, alarm clock widget149-4, and dictionary widget149-5) or created by the user (e.g., user-created widget149-6). In some embodiments, a widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, a widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., Yahoo! Widgets).
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132,text input module134, andbrowser module147, thewidget creator module150 are, optionally, used by a user to create widgets (e.g., turning a user-specified portion of a web page into a widget).
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134,search module151 includes executable instructions to search for text, music, sound, image, video, and/or other files inmemory102 that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with user instructions.
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132,audio circuitry110,speaker111,RF circuitry108, andbrowser module147, video andmusic player module152 includes executable instructions that allow the user to download and play back recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, and executable instructions to display, present, or otherwise play back videos (e.g., ontouch screen112 or on an external, connected display via external port124). In some embodiments,device100 optionally includes the functionality of an MP3 player, such as an iPod (trademark of Apple Inc.).
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132, andtext input module134, notesmodule153 includes executable instructions to create and manage notes, to-do lists, and the like in accordance with user instructions.
• In conjunction withRF circuitry108,touch screen112,display controller156, contact/motion module130,graphics module132,text input module134,GPS module135, andbrowser module147,map module154 are, optionally, used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions, data on stores and other points of interest at or near a particular location, and other location-based data) in accordance with user instructions.
• In conjunction withtouch screen112,display controller156, contact/motion module130,graphics module132,audio circuitry110,speaker111,RF circuitry108,text input module134,e-mail client module140, andbrowser module147,online video module155 includes instructions that allow the user to access, browse, receive (e.g., by streaming and/or download), play back (e.g., on the touch screen or on an external, connected display via external port124), send an e-mail with a link to a particular online video, and otherwise manage online videos in one or more file formats, such as H.264. In some embodiments,instant messaging module141, rather thane-mail client module140, is used to send a link to a particular online video. Additional description of the online video application can be found in U.S. Provisional Patent Application No. 60/936,562, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” filed Jun. 20, 2007, and U.S. patent application Ser. No. 11/968,067, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” filed Dec. 31, 2007, the contents of which are hereby incorporated by reference in their entirety.
• Each of the above-identified modules and applications corresponds to a set of executable instructions for performing one or more functions described above and the methods described in this application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., sets of instructions) need not be implemented as separate software programs (such as computer programs (e.g., including instructions)), procedures, or modules, and thus various subsets of these modules are, optionally, combined or otherwise rearranged in various embodiments. For example, video player module is, optionally, combined with music player module into a single module (e.g., video andmusic player module152,FIG.1A). In some embodiments,memory102 optionally stores a subset of the modules and data structures identified above. Furthermore,memory102 optionally stores additional modules and data structures not described above.
• In some embodiments,device100 is a device where operation of a predefined set of functions on the device is performed exclusively through a touch screen and/or a touchpad. By using a touch screen and/or a touchpad as the primary input control device for operation ofdevice100, the number of physical input control devices (such as push buttons, dials, and the like) ondevice100 is, optionally, reduced.
• The predefined set of functions that are performed exclusively through a touch screen and/or a touchpad optionally include navigation between user interfaces. In some embodiments, the touchpad, when touched by the user, navigatesdevice100 to a main, home, or root menu from any user interface that is displayed ondevice100. In such 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.
• FIG.1B is a block diagram illustrating exemplary components for event handling in accordance with some embodiments. In some embodiments, memory102 (FIG.1A) or370 (FIG.3) includes event sorter170 (e.g., in operating system126) and a respective application136-1 (e.g., any of the aforementioned applications137-151,155,380-390).
• Event sorter170 receives event information and determines the application136-1 andapplication view191 of application136-1 to which to deliver the event information.Event sorter170 includes event monitor171 andevent dispatcher module174. In some embodiments, application136-1 includes applicationinternal state192, which indicates the current application view(s) displayed on touch-sensitive display112 when the application is active or executing. In some embodiments, device/globalinternal state157 is used byevent sorter170 to determine which application(s) is (are) currently active, and applicationinternal state192 is used byevent sorter170 to determineapplication views191 to which to deliver event information.
• In some embodiments, applicationinternal state192 includes additional information, such as one or more of: resume information to be used when application136-1 resumes execution, user interface state information that indicates information being displayed or that is ready for display by application136-1, a state queue for enabling the user to go back to a prior state or view of application136-1, and a redo/undo queue of previous actions taken by the user.
• Event monitor171 receives event information fromperipherals interface118. Event information includes information about a sub-event (e.g., a user touch on touch-sensitive display112, as part of a multi-touch gesture). Peripherals interface118 transmits information it receives from I/O subsystem106 or a sensor, such asproximity sensor166, accelerometer(s)168, and/or microphone113 (through audio circuitry110). Information that peripherals interface118 receives from I/O subsystem106 includes information from touch-sensitive display112 or a touch-sensitive surface.
• In some embodiments, event monitor171 sends requests to the peripherals interface118 at predetermined intervals. In response, peripherals interface118 transmits event information. In other embodiments, peripherals interface118 transmits event information only when there is a significant event (e.g., receiving an input above a predetermined noise threshold and/or for more than a predetermined duration).
• In some embodiments,event sorter170 also includes a hitview determination module172 and/or an active eventrecognizer determination module173.
• Hitview determination module172 provides software procedures for determining where a sub-event has taken place within one or more views when touch-sensitive display112 displays more than one view. Views are made up of controls and other elements that a user can see on the display.
• Another aspect of the user interface associated with an application is a set of views, sometimes herein called application views or user interface windows, in which information is displayed and touch-based gestures occur. The application views (of a respective application) in which a touch is detected optionally correspond to programmatic levels within a programmatic or view hierarchy of the application. For example, the lowest level view in which a touch is detected is, optionally, called the hit view, and the set of events that are recognized as proper inputs are, optionally, determined based, at least in part, on the hit view of the initial touch that begins a touch-based gesture.
• Hitview determination module172 receives information related to sub-events of a touch-based gesture. When an application has multiple views organized in a hierarchy, hitview determination module172 identifies a hit view as the lowest view in the hierarchy which should handle the sub-event. In most circumstances, the hit view is the lowest level view in which an initiating sub-event occurs (e.g., the first sub-event in the sequence of sub-events that form an event or potential event). Once the hit view is identified by the hitview determination module172, the hit view typically receives all sub-events related to the same touch or input source for which it was identified as the hit view.
• Active eventrecognizer determination module173 determines which view or views within a view hierarchy should receive a particular sequence of sub-events. In some embodiments, active eventrecognizer determination module173 determines that only the hit view should receive a particular sequence of sub-events. In other embodiments, active eventrecognizer determination module173 determines that all views that include the physical location of a sub-event are actively involved views, and therefore determines that all actively involved views should receive a particular sequence of sub-events. In other embodiments, even if touch sub-events were entirely confined to the area associated with one particular view, views higher in the hierarchy would still remain as actively involved views.
• Event dispatcher module174 dispatches the event information to an event recognizer (e.g., event recognizer180). In embodiments including active eventrecognizer determination module173,event dispatcher module174 delivers the event information to an event recognizer determined by active eventrecognizer determination module173. In some embodiments,event dispatcher module174 stores in an event queue the event information, which is retrieved by arespective event receiver182.
• In some embodiments,operating system126 includesevent sorter170. Alternatively, application136-1 includesevent sorter170. In yet other embodiments,event sorter170 is a stand-alone module, or a part of another module stored inmemory102, such as contact/motion module130.
• In some embodiments, application136-1 includes a plurality ofevent handlers190 and one or more application views191, each of which includes instructions for handling touch events that occur within a respective view of the application's user interface. Eachapplication view191 of the application136-1 includes one ormore event recognizers180. Typically, arespective application view191 includes a plurality ofevent recognizers180. In other embodiments, one or more ofevent recognizers180 are part of a separate module, such as a user interface kit or a higher level object from which application136-1 inherits methods and other properties. In some embodiments, arespective event handler190 includes one or more of:data updater176,object updater177,GUI updater178, and/orevent data179 received fromevent sorter170.Event handler190 optionally utilizes or callsdata updater176,object updater177, orGUI updater178 to update the applicationinternal state192. Alternatively, one or more of the application views191 include one or morerespective event handlers190. Also, in some embodiments, one or more ofdata updater176,object updater177, andGUI updater178 are included in arespective application view191.
• Arespective event recognizer180 receives event information (e.g., event data179) fromevent sorter170 and identifies an event from the event information.Event recognizer180 includesevent receiver182 andevent comparator184. In some embodiments,event recognizer180 also includes at least a subset of:metadata183, and event delivery instructions188 (which optionally include sub-event delivery instructions).
• Event receiver182 receives event information fromevent sorter170. 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 location of the sub-event. When the sub-event concerns motion of a touch, the event information optionally also includes speed and direction of the sub-event. In some embodiments, events include rotation of the device from one orientation to another (e.g., from a portrait orientation to a landscape orientation, or vice versa), and the event information includes corresponding information about the current orientation (also called device attitude) of the device.
• Event comparator184 compares the event information to predefined event or sub-event definitions and, based on the comparison, determines an event or sub-event, or determines or updates the state of an event or sub-event. In some embodiments,event comparator184 includesevent definitions186.Event definitions186 contain definitions of events (e.g., predefined sequences of sub-events), for example, event 1 (187-1), event 2 (187-2), and others. In some embodiments, sub-events in an event (187) include, for example, touch begin, touch end, touch movement, touch cancellation, and multiple touching. In one example, the definition for event 1 (187-1) is a double tap on a displayed object. The double tap, for example, comprises a first touch (touch begin) on the displayed object for a predetermined phase, a first liftoff (touch end) for a predetermined phase, a second touch (touch begin) on the displayed object for a predetermined phase, and a second liftoff (touch end) for a predetermined phase. In another example, the definition for event 2 (187-2) is a dragging on a displayed object. The dragging, for example, comprises a touch (or contact) on the displayed object for a predetermined phase, a movement of the touch across touch-sensitive display112, and liftoff of the touch (touch end). In some embodiments, the event also includes information for one or more associatedevent handlers190.
• In some embodiments, event definition187 includes a definition of an event for a respective user-interface object. In some embodiments,event comparator184 performs a hit test to determine which user-interface object is associated with a sub-event. For example, in an application view in which three user-interface objects are displayed on touch-sensitive display112, when a touch is detected on touch-sensitive display112,event comparator184 performs a hit test to determine which of the three user-interface objects is associated with the touch (sub-event). If each displayed object is associated with arespective event handler190, the event comparator uses the result of the hit test to determine whichevent handler190 should be activated. For example,event comparator184 selects an event handler associated with the sub-event and the object triggering the hit test.
• In some embodiments, the definition for a respective event (187) also includes delayed actions that delay delivery of the event information until after it has been determined whether the sequence of sub-events does or does not correspond to the event recognizer's event type.
• When arespective event recognizer180 determines that the series of sub-events do not match any of the events inevent definitions186, therespective event recognizer180 enters an event impossible, event failed, or event ended state, after which it disregards subsequent sub-events of the touch-based gesture. In this situation, other event recognizers, if any, that remain active for the hit view continue to track and process sub-events of an ongoing touch-based gesture.
• In some embodiments, arespective event recognizer180 includesmetadata183 with configurable properties, flags, and/or lists that indicate how the event delivery system should perform sub-event delivery to actively involved event recognizers. In some embodiments,metadata183 includes configurable properties, flags, and/or lists that indicate how event recognizers interact, or are enabled to interact, with one another. In some embodiments,metadata183 includes configurable properties, flags, and/or lists that indicate whether sub-events are delivered to varying levels in the view or programmatic hierarchy.
• In some embodiments, arespective event recognizer180 activatesevent handler190 associated with an event when one or more particular sub-events of an event are recognized. In some embodiments, arespective event recognizer180 delivers event information associated with the event toevent handler190. Activating anevent handler190 is distinct from sending (and deferred sending) sub-events to a respective hit view. In some embodiments,event recognizer180 throws a flag associated with the recognized event, andevent handler190 associated with the flag catches the flag and performs a predefined process.
• In some embodiments,event delivery instructions188 include sub-event delivery instructions that deliver event information about a sub-event without activating an event handler. Instead, the sub-event delivery instructions deliver event information to event handlers associated with the series of sub-events or to actively involved views. Event handlers associated with the series of sub-events or with actively involved views receive the event information and perform a predetermined process.
• In some embodiments,data updater176 creates and updates data used in application136-1. For example,data updater176 updates the telephone number used incontacts module137, or stores a video file used in video player module. In some embodiments, objectupdater177 creates and updates objects used in application136-1. For example, objectupdater177 creates a new user-interface object or updates the position of a user-interface object.GUI updater178 updates the GUI. For example,GUI updater178 prepares display information and sends it tographics module132 for display on a touch-sensitive display.
• In some embodiments, event handler(s)190 includes or has access todata updater176,object updater177, andGUI updater178. In some embodiments,data updater176,object updater177, andGUI updater178 are included in a single module of a respective application136-1 orapplication view191. In other embodiments, they are included in two or more software modules.
• It shall be understood that the foregoing discussion regarding event handling of user touches on touch-sensitive displays also applies to other forms of user inputs to operatemultifunction devices100 with input devices, not all of which are initiated on touch screens. For example, mouse movement and mouse button presses, optionally coordinated with single or multiple keyboard presses or holds; contact movements such as taps, drags, scrolls, etc. on touchpads; pen stylus inputs; movement of the device; oral instructions; detected eye movements; biometric inputs; and/or any combination thereof are optionally utilized as inputs corresponding to sub-events which define an event to be recognized.
• FIG.2 illustrates aportable multifunction device100 having atouch screen112 in accordance with some embodiments. The touch screen optionally displays one or more graphics within user interface (UI)200. In this embodiment, as well as others described below, a user is enabled to select one or more of the graphics by making a gesture on the graphics, for example, with one or more fingers202 (not drawn to scale in the figure) or one or more styluses203 (not drawn to scale in the figure). In some embodiments, selection of one or more graphics occurs when the user breaks contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, right to left, upward and/or downward), and/or a rolling of a finger (from right to left, left to right, upward and/or downward) that has made contact withdevice100. In some implementations or circumstances, inadvertent contact with a graphic does not select the graphic. For example, a swipe gesture that sweeps over an application icon optionally does not select the corresponding application when the gesture corresponding to selection is a tap.
• Device100 optionally also include one or more physical buttons, such as “home” ormenu button204. As described previously,menu button204 is, optionally, used to navigate to anyapplication136 in a set of applications that are, optionally, executed ondevice100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed ontouch screen112.
• In some embodiments,device100 includestouch screen112,menu button204,push button206 for powering the device on/off and locking the device, volume adjustment button(s)208, subscriber identity module (SIM)card slot210,headset jack212, and docking/chargingexternal port124.Push button206 is, optionally, used to turn the power on/off on the device by depressing the button and holding the button in the depressed state for a predefined time interval; to lock the device by depressing the button and releasing the button before the predefined time interval has elapsed; and/or to unlock the device or initiate an unlock process. In an alternative embodiment,device100 also accepts verbal input for activation or deactivation of some functions throughmicrophone113.Device100 also, optionally, includes one or morecontact intensity sensors165 for detecting intensity of contacts ontouch screen112 and/or one or moretactile output generators167 for generating tactile outputs for a user ofdevice100.
• FIG.3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments.Device300 need not be portable. In some embodiments,device300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a child's learning toy), a gaming system, or a control device (e.g., a home or industrial controller).Device300 typically includes one or more processing units (CPUs)310, one or more network orother communications interfaces360,memory370, and one ormore communication buses320 for interconnecting these components.Communication buses320 optionally include circuitry (sometimes called a chipset) that interconnects and controls communications between system components.Device300 includes input/output (I/O)interface330 comprisingdisplay340, which is typically a touch screen display. I/O interface330 also optionally includes a keyboard and/or mouse (or other pointing device)350 andtouchpad355,tactile output generator357 for generating tactile outputs on device300 (e.g., similar to tactile output generator(s)167 described above with reference toFIG.1A), sensors359 (e.g., optical, acceleration, proximity, touch-sensitive, and/or contact intensity sensors similar to contact intensity sensor(s)165 described above with reference toFIG.1A).Memory370 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid state storage devices.Memory370 optionally includes one or more storage devices remotely located from CPU(s)310. In some embodiments,memory370 stores programs, modules, and data structures analogous to the programs, modules, and data structures stored inmemory102 of portable multifunction device100 (FIG.1A), or a subset thereof. Furthermore,memory370 optionally stores additional programs, modules, and data structures not present inmemory102 of portablemultifunction device100. For example,memory370 ofdevice300 optionallystores drawing module380,presentation module382,word processing module384,website creation module386,disk authoring module388, and/orspreadsheet module390, whilememory102 of portable multifunction device100 (FIG.1A) optionally does not store these modules.
• Each of the above-identified elements inFIG.3 is, optionally, stored in one or more of the previously mentioned memory devices. Each of the above-identified modules corresponds to a set of instructions for performing a function described above. The above-identified modules or computer programs (e.g., sets of instructions or including instructions) need not be implemented as separate software programs (such as computer programs (e.g., including instructions)), procedures, or modules, and thus various subsets of these modules are, optionally, combined or otherwise rearranged in various embodiments. In some embodiments,memory370 optionally stores a subset of the modules and data structures identified above. Furthermore,memory370 optionally stores additional modules and data structures not described above.
• Attention is now directed towards embodiments of user interfaces that are, optionally, implemented on, for example,portable multifunction device100.
• FIG.4A illustrates an exemplary user interface for a menu of applications onportable multifunction device100 in accordance with some embodiments. Similar user interfaces are, optionally, implemented ondevice300. In some embodiments,user interface400 includes the following elements, or a subset or superset thereof:
• • Signal strength indicator(s)402 for wireless communication(s), such as cellular and Wi-Fi signals;
  • Time404;
  • Bluetooth indicator405;
  • Battery status indicator406;
  • Tray408 with icons for frequently used applications, such as:
    • Icon416 fortelephone module138, labeled “Phone,” which optionally includes an indicator414 of the number of missed calls or voicemail messages;
    • Icon418 fore-mail client module140, labeled “Mail,” which optionally includes anindicator410 of the number of unread e-mails;
    • Icon420 forbrowser module147, labeled “Browser;” and
    • Icon422 for video andmusic player module152, also referred to as iPod (trademark of Apple Inc.)module152, labeled “iPod;” and
  • Icons for other applications, such as:
    • Icon424 forIM module141, labeled “Messages;”
    • Icon426 forcalendar module148, labeled “Calendar;”
    • Icon428 forimage management module144, labeled “Photos;”
    • Icon430 forcamera module143, labeled “Camera;”
    • Icon432 foronline video module155, labeled “Online Video;”
    • Icon434 for stocks widget149-2, labeled “Stocks;”
    • Icon436 formap module154, labeled “Maps;”
    • Icon438 for weather widget149-1, labeled “Weather;”
    • Icon440 for alarm clock widget149-4, labeled “Clock;”
    • Icon442 forworkout support module142, labeled “Workout Support;”
    • Icon444 fornotes module153, labeled “Notes;” and
    • Icon446 for a settings application or module, labeled “Settings,” which provides access to settings fordevice100 and itsvarious applications136.
• It should be noted that the icon labels illustrated inFIG.4A are merely exemplary. For example,icon422 for video andmusic player module152 is labeled “Music” or “Music Player.” Other labels are, optionally, used for various application icons. In some embodiments, a label for a respective application icon includes a name of an application corresponding to the respective application icon. In some embodiments, a label for a particular application icon is distinct from a name of an application corresponding to the particular application icon.
• FIG.4B illustrates an exemplary user interface on a device (e.g.,device300,FIG.3) with a touch-sensitive surface451 (e.g., a tablet ortouchpad355,FIG.3) that is separate from the display450 (e.g., touch screen display112).Device300 also, optionally, includes one or more contact intensity sensors (e.g., one or more of sensors359) for detecting intensity of contacts on touch-sensitive surface451 and/or one or moretactile output generators357 for generating tactile outputs for a user ofdevice300.
• Although some of the examples that follow will be given with reference to inputs on touch screen display112 (where the touch-sensitive surface and the display are combined), in some embodiments, the device detects inputs on a touch-sensitive surface that is separate from the display, as shown inFIG.4B. In some embodiments, the touch-sensitive surface (e.g.,451 inFIG.4B) has a primary axis (e.g.,452 inFIG.4B) that corresponds to a primary axis (e.g.,453 inFIG.4B) on the display (e.g.,450). In accordance with these embodiments, the device detects contacts (e.g.,460 and462 inFIG.4B) with the touch-sensitive surface451 at locations that correspond to respective locations on the display (e.g., inFIG.4B,460 corresponds to468 and462 corresponds to470). In this way, user inputs (e.g.,contacts460 and462, and movements thereof) detected by the device on the touch-sensitive surface (e.g.,451 inFIG.4B) are used by the device to manipulate the user interface on the display (e.g.,450 inFIG.4B) of the multifunction device when the touch-sensitive surface is separate from the display. It should be understood that similar methods are, optionally, used for 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), it should be understood that, in some embodiments, one or more of the finger inputs are replaced with input from another input device (e.g., a mouse-based input or stylus input). For example, a swipe gesture is, optionally, replaced with a mouse click (e.g., instead of a contact) followed by movement of the cursor along the path of the swipe (e.g., instead of movement of the contact). As another example, a tap gesture is, optionally, replaced with a mouse click while the cursor is located over the location of the tap gesture (e.g., instead of detection of the contact followed by ceasing to detect the contact). Similarly, when multiple user inputs are simultaneously detected, it should be understood that multiple computer mice are, optionally, used simultaneously, or a mouse and finger contacts are, optionally, used simultaneously.
• FIG.5A illustrates exemplary personalelectronic device500.Device500 includesbody502. In some embodiments,device500 can include some or all of the features described with respect todevices100 and300 (e.g.,FIGS.1A-4B). In some embodiments,device500 has touch-sensitive display screen504,hereafter touch screen504. Alternatively, or in addition totouch screen504,device500 has a display and a touch-sensitive surface. As withdevices100 and300, in some embodiments, touch screen504 (or the touch-sensitive surface) optionally includes one or more intensity sensors for detecting intensity of contacts (e.g., touches) being applied. The one or more intensity sensors of touch screen504 (or the touch-sensitive surface) can provide output data that represents the intensity of touches. The user interface ofdevice500 can respond to touches based on their intensity, meaning that touches of different intensities can invoke different user interface operations ondevice500.
• Exemplary techniques for detecting and processing touch intensity are found, for example, in related applications: International Patent Application Serial No. PCT/US2013/040061, titled “Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application,” filed May 8, 2013, published as WIPO Publication No. WO/2013/169849, and International Patent Application Serial No. PCT/US2013/069483, titled “Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships,” filed Nov. 11, 2013, published as WIPO Publication No. WO/2014/105276, each of which is hereby incorporated by reference in their entirety.
• In some embodiments,device500 has one ormore input mechanisms506 and508.Input mechanisms506 and508, if included, can be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments,device500 has one or more attachment mechanisms. Such attachment mechanisms, if included, can permit attachment ofdevice500 with, for example, hats, eyewear, earrings, necklaces, shirts, jackets, bracelets, watch straps, chains, trousers, belts, shoes, purses, backpacks, and so forth. These attachment mechanisms permitdevice500 to be worn by a user.
• FIG.5B depicts exemplary personalelectronic device500. In some embodiments,device500 can include some or all of the components described with respect toFIGS.1A,1B, and3.Device500 hasbus512 that operatively couples I/O section514 with one ormore computer processors516 andmemory518. I/O section514 can be connected to display504, which can have touch-sensitive component522 and, optionally, intensity sensor524 (e.g., contact intensity sensor). In addition, I/O section514 can be connected withcommunication unit530 for receiving application and operating system data, using Wi-Fi, Bluetooth, near field communication (NFC), cellular, and/or other wireless communication techniques.Device500 can includeinput mechanisms506 and/or508.Input mechanism506 is, optionally, a rotatable input device or a depressible and rotatable input device, for example.Input mechanism508 is, optionally, a button, in some examples.
• Input mechanism508 is, optionally, a microphone, in some examples. Personalelectronic device500 optionally includes various sensors, such asGPS sensor532,accelerometer534, directional sensor540 (e.g., compass),gyroscope536,motion sensor538, and/or a combination thereof, all of which can be operatively connected to I/O section514.
• Memory518 of personalelectronic device500 can include one or more non-transitory computer-readable storage mediums, for storing computer-executable instructions, which, when executed by one ormore computer processors516, for example, can cause the computer processors to perform the techniques described below, includingprocesses700,800,1000,1200, and1400 (FIGS.7,8,10,12, and14). 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 the 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. The non-transitory computer-readable storage medium can include, but is not limited to, magnetic, optical, and/or semiconductor storages. Examples of such storage include magnetic disks, optical discs based on CD, DVD, or Blu-ray technologies, as well as persistent solid-state memory such as flash, solid-state drives, and the like. Personalelectronic device500 is not limited to the components and configuration ofFIG.5B but can include other or additional components in multiple configurations.
• As used here, the term “affordance” refers to a user-interactive graphical user interface object that is, optionally, displayed on the display screen ofdevices100,300, and/or500 (FIGS.1A,3, and5A-5B). For example, an image (e.g., icon), a button, and text (e.g., hyperlink) each optionally constitute an affordance.
• As used herein, the term “focus selector” refers to an input element that indicates a current part of a user interface with which a user is interacting. In some implementations that include a cursor or other location marker, the cursor acts as a “focus selector” so that when an input (e.g., a press input) is detected on a touch-sensitive surface (e.g.,touchpad355 inFIG.3 or touch-sensitive surface451 inFIG.4B) while the cursor is over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in accordance with the detected input. In some implementations that include a touch screen display (e.g., touch-sensitive display system112 inFIG.1A ortouch screen112 inFIG.4A) that enables direct interaction with user interface elements on the touch screen display, a detected contact on the touch screen acts as a “focus selector” so that when an input (e.g., a press input by the contact) is detected on the touch screen display at a location of a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in accordance with the detected input. In some implementations, focus is moved from one region of a user interface to another region of the user interface without corresponding movement of a cursor or movement of a contact on a touch screen display (e.g., by using a tab key or arrow keys to move focus from one button to another button); in these implementations, the focus selector moves in accordance with movement of focus between different regions of the user interface. Without regard to the specific form taken by the focus selector, the focus selector is generally the user interface element (or contact on a touch screen display) that is controlled by the user so as to communicate the user's intended interaction with the user interface (e.g., by indicating, to the device, the element of the user interface with which the user is intending to interact). For example, the location of a focus selector (e.g., a cursor, a contact, or a selection box) over a respective button while a press input is detected on the touch-sensitive surface (e.g., a touchpad or touch screen) will indicate that the user is intending to activate the respective button (as opposed to other user interface elements shown on a display of the device).
• As used in the specification and claims, the term “characteristic intensity” of a contact refers to a characteristic of the contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on multiple intensity samples. The characteristic intensity is, optionally, based on a predefined number of intensity samples, or a set of intensity samples collected during a predetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds) relative to a predefined event (e.g., after detecting the contact, prior to detecting liftoff of the contact, before or after detecting a start of movement of the contact, prior to detecting an end of the contact, before or after detecting an increase in intensity of the contact, and/or before or after detecting a decrease in intensity of the contact). A characteristic intensity of a contact is, optionally, based on one or more of: a maximum value of the intensities of the contact, a mean value of the intensities of the contact, an average value of the intensities of the contact, a top 10 percentile value of the intensities of the contact, a value at the half maximum of the intensities of the contact, a value at the 90 percent maximum of the intensities of the contact, or the like. In some embodiments, the duration of the contact is used in determining the characteristic intensity (e.g., when the characteristic intensity is an average of the intensity of the contact over time). In some embodiments, the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an operation has been performed by a user. For example, the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold. In this example, a contact with a characteristic intensity that does not exceed the first threshold results in a first operation, a contact with a characteristic intensity that exceeds the first intensity threshold and does not exceed the second intensity threshold results in a second operation, and a contact with a characteristic intensity that exceeds the second threshold results in a third operation. In some embodiments, a comparison between the characteristic intensity and one or more thresholds is used to determine whether or not to perform one or more operations (e.g., whether to perform a respective operation or forgo performing the respective operation), rather than being used to determine whether to perform a first operation or a second operation.
• As used herein, an “installed application” refers to a software application that has been downloaded onto an electronic device (e.g.,devices100,300, and/or500) and is ready to be launched (e.g., become opened) on the device. In some embodiments, a downloaded application becomes an installed application by way of an installation program that extracts program portions from a downloaded package and integrates the extracted portions with the operating system of the computer system.
• As used herein, the terms “open application” or “executing application” refer to a software application with retained state information (e.g., as part of device/globalinternal state157 and/or application internal state192). An open or executing application is, optionally, any one of the following types of applications:
• • an active application, which is currently displayed on a display screen of the device that the application is being used on;
  • a background application (or background processes), which is not currently displayed, but one or more processes for the application are being processed by one or more processors; and
  • a suspended or hibernated application, which is not running, but has state information that is stored in memory (volatile and non-volatile, respectively) and that can be used to resume execution of the application.
• As used herein, the term “closed application” refers to software applications without retained state information (e.g., state information for closed applications is not stored in a memory of the device). Accordingly, closing an application includes stopping and/or removing application processes for the application and removing state information for the application from the memory of the device. Generally, opening a second application while in a first application does not close the first application. When the second application is displayed and the first application ceases to be displayed, the first application becomes a background application.
• Attention is now directed towards embodiments of user interfaces (“UI”) and associated processes that are implemented on an electronic device, such asportable multifunction device100,device300, ordevice500.
• FIGS.6A-6M illustrate exemplary user interfaces for managing one or more portions of a media representation in accordance with some embodiments. The user interfaces inFIGS.6A-6M are used to illustrate the processes described below, including the processes inFIGS.7 and8.
• FIG.6A illustratescomputer system600 displaying a web browser user interface. The web browser user interface includesbrowser control region602,browser display region604, andbrowser control region606.Browser control region602 includesaddress field602a, where a web address for a website can be entered so thatcomputer system600 can navigate to the website.Browser display region604 is positioned betweenapplication control regions602 and606. InFIG.6A,computer system600 is currently displayingmedia representation610 that is on a webpage that has a web address that includes “example.com” (e.g., as indicated inaddress field602ain browser display region604). As illustrated inFIG.6A,media representation610 depicts subject610a(e.g., a cat) and subject610b(e.g., a lizard) in a physical environment.Media representation610 includesbackground610c(e.g., tree trunk and line behind tree trunk inFIG.6A).Browser control region606 includes one or more controls for interacting with a web browser application that corresponds to the web browser user interface.Browser control region606 includes backcontrol606a(e.g., where, in response to detecting selection ofback control606a,computer system600 displays a webpage for a previously visited web address in a first direction in a queue of recently visited web addresses),forward control606b(e.g., where, in response to detecting a selection offorward control606b,computer system600 displays a webpage for a previously visited web address in a second direction in a queue of recently visited web addresses),share control606c(e.g., where, in response to detecting a selection ofshare control606c,computer system600 initiates a process for sharing visual content from a web address,history control606d(e.g., where, in response to detecting a selection ofhistory control606d,computer system600 displays a list of previously visited web addresses), andnavigation control606e(e.g., where, in response to detecting a selection ofnavigation control606e,computer system600 displays one or more objects for navigating to different previously displayed webpages). In some embodiments,computer system600 includes one or more components ofelectronic devices100,300, and/or500. AtFIG.6A,computer system600 detects tap input650a1 on (e.g., directed to and/or at a location that corresponds to)share control606cor press-and-hold input650a2 on (e.g., directed to and/or at or directed to a location that corresponds to)media representation610. In some embodiments, tap input650a1 and/or press-and-hold input650a2 (as well as other inputs described below) can be one or more other inputs, such as a mouse click and/or a hover input (e.g., mouse hovering over a particular location).
• As illustrated inFIG.6B, in response to detecting input650a1 onshare control606c(or, in some embodiments, press-and-hold input650a2),computer system600 displays shareuser interface616.Share user interface616 includesexit control616a(e.g., where, in response to detecting an input directed to exitcontrol616a,computer system600 ceases to displayshare user interface616 and, in some embodiments, re-displays the web browser user interface ofFIG.6A),media representation620, share-with-user region622, share-via-application region624, and controlsmenu626.Media representation620 is a version of media representation610 (e.g., a thumbnail representation ofmedia610 and/or a reduced-sized version of media representation610).Media representation620 includes subject610a(e.g., a cat) and subject610b(e.g., a lizard) in a physical environment (e.g., that includesbackground610c), which were also included inmedia representation610. Share-with-user region622 includes a group of share controls (e.g.,622a-622d) that, when an individual share control of the group of share controls is selected, causescomputer system600 to sharemedia representation620 with one or more computer systems and/or accounts that are associated with the individual share control. As illustrated inFIG.6B, share-with-user region622 includes share-with-David control622a(e.g., where, in response to detecting an input directed to share-with-David control622a,computer system600shares media representation620 to an account and/or a computer system associated with a user named “David Appleseed”), share-with-mountaineers622b(e.g., where, in response to detecting an input directed to share-with-mountaineers control622b,computer system600shares media representation620 to an account and/or a computer system associated with a user and/or a group of users named “Mountaineers”), share-with-Sarah622c(e.g., where, in response to detecting an input directed to share-with-Sarah622c,computer system600shares media representation620 to an account and/or a computer system associated with a user named “Sarah Apples”), and share-with-Andrew622d(e.g., where, in response to detecting an input directed to share-with-Andrew622d,computer system600shares media representation620 to an account and/or a computer system associated with a user named “Andrew Casey”). As illustrated inFIG.6B,computer system600 displays each of the share controls with an indication (e.g., transmission-mechanism indications622a1 and/or622a2) that represents an application and/or mechanism thatcomputer system600 will sharemedia representation620 in response tocomputer system600 detecting a selection of an individual share control. For example, in response to detecting an input directed to share-with-David control622a,computer system600shares media representation620 via a communication-protocol application (e.g., a Bluetooth and/or wireless protocol application), as indicated by transmission-mechanism indication622a1. In response to detecting an input directed to share-with-mountaineers control622b,computer system600 will sharemedia representation620 via a messaging application, as indicated by transmission-mechanism indication622b1. Share-via-application region624 includes a group of share controls (e.g.,624a-624d) that, when selected, causecomputer system600 to sendmedia representation620 to an application that corresponds to the selected individual share control. As illustrated inFIG.6B, share-via-application region624 includes share-via-drop control624a(e.g., where, in response to detecting an input directed to share-via-drop control624a,computer system600 initiates a process to sharemedia representation620 via a communication-protocol application), share-via-messages control624b(e.g., where, in response to detecting an input directed to share-via-messages control624b,computer system600 initiates a process to sharemedia representation620 via a messaging application, such as a text messaging application), share-via-mail control624c(e.g., where, in response to detecting an input directed to share-via-mail control624c,computer system600 initiates a process to sharemedia representation620 via an e-mail messaging application), and share-via-chat control624d(e.g., where, in response to detecting an input directed to share-via-chat control624d,computer system600 initiates a process to sharemedia representation620 via a chat application).
• As illustrated inFIG.6B, controlsmenu626 includes copy-photo control626aand copy-subjects control626b. Copy-photo control626ais a control that, when selected, causescomputer system600 to copy media representation620 (e.g.,subjects610a-610bandbackground610c) (e.g., to copy data corresponding tomedia representation620 into a copy buffer), and copy-subjects control626bis a control that, when selected, causescomputer system600 to copysubjects610a-610bwithout copyingbackground610cof media representation610 (e.g., to copy data corresponding tosubjects610a-610bwithout data corresponding tobackground610cinto a copy buffer). As illustrated inFIG.6B, in response to detecting input650a1,computer system600 also displays remove-background control614 that includes background-status indication614a. InFIG.6B, background-status indication614aindicates (e.g., via the checkmark inbackground status indication614a) thatcomputer system600 is currently displayingmedia representation620, such thatmedia representation620 includesbackground610c. Notably, atFIG.6B,computer system600 displays copy-subjects control626band remove-background control614 (e.g., including background-status indication614a) because a determination has been made that media representation620 (ormedia representation610 and/or the media item thatmedia representation610 and/ormedia representation620 represents) includes at least one subject (e.g.,subjects610a-610b). Moreover,computer system600 also displays copy-subjects control626bbecause a determination has been made thatmedia representation620 includes two or more subjects (e.g.,subjects610a-610b). In some embodiments,computer system600 displays a copy-subjects control based on a determination that is made that a media representation (and/or the media item represented by the media representation) includes one subject (and not multiple subjects). In some embodiments, a subject is a person, animal, and/or object. In some embodiments, in response to detecting an input directed to the copy-subjects control626b,computer system600 copies a detected subject without copyingbackground610cofmedia representation610. In some embodiments,computer system600 does not display remove-background control614, copy-subjects control626b, or a copy-subjects control when a determination has been made that a media representation does not include at least one subject. In some embodiments,computer system600 displays copy-photo control626aregardless of whether a determination is made based on at least one subject being included in a media representation. AtFIG.6B,computer system600 detectstap input650bon remove-background control614a. In some embodiments, as a part of detectingtap input650bon remove-background control614a,computer system600 detects an input on updates background-status indication614a.
• As illustrated inFIG.6C, in response to detectingtap input650b,computer system600 removesbackground610cofFIG.6B frommedia representation620 ofFIG.6C. Thus, atFIG.6C,media representation620 includessubjects610a-610band does not includebackground610cofFIG.6B. Additionally,computer system600 updates background-status indication614a(e.g., no checkmark inbackground status indication614aofFIG.6C) to indicate thatcomputer system600 has removedbackground610 frommedia representation620. AtFIG.6C, in response tocomputer system600 detecting an input on a share control (e.g., one or more share controls as described above in relation toFIG.6B),computer system600shares media representation620 that includessubjects610a-610band does not includebackground610cofFIG.6B with one or more computer systems and/or applications. In some embodiments, in response to detecting tap input650c1 on remove-background614,computer system600 re-displays the user interface ofFIG.6B and/ordisplays media representation620, such thatmedia representation620 includessubjects610a-610bandbackground610c. In some embodiments, in response to detecting tap input650c2 onexit control616a,computer system600 re-displays the user interface ofFIG.6A (e.g., withbackground610cbeing removed frommedia representation610 ofFIG.6A). Looking back atFIG.6A,computer system600 alternatively (e.g., alternative to detecting tap input650a1) detects press-and-hold input650a2 onmedia representation610.
• As illustrated inFIG.6D, in response to detecting press-and-hold input650a2 (or, in some embodiments, tap input650a1),computer system600displays media representation612 andmenu636.Media representation612 is a version of media representation610 (e.g., a reduced-sized version of media representation610). In response to detecting press-and-hold input650a2,computer system600 displays remove-background control614 that includes background-status indication614aon top ofmedia representation610, using one or more similar techniques as described above in relation toFIGS.6B-6C.Menu636 includes copy-photo control626aand copy-subjects control626b, whichcomputer system600 displays using one or more similar techniques as described above in relation toFIGS.6B-6C.Menu636 also includes other controls, such asshare control636d(where, in response to detecting an input directed to sharecontrol636d,computer system600 displays the user interface ofFIG.6B), add-to-photos control636e(e.g., where, in response to detecting an input directed to add-to-photos control636e,computer system600 adds the currently displayedmedia representation612 to a gallery of media items), copy-subjects-for-later control636f(e.g., where, in response to detecting an input directed to copy-subjects-for-later control636f,computer system600copies subjects610a-610band saves one or more graphical objects that include subject610awithoutbackground610cand subject610bwithoutbackground610c), and look-upcontrol636g(e.g., where, in response to detecting an input directed to look-upcontrol636g,computer system600 initiates a process to provide additional information (e.g., location information that a media item was captured, file size of a representation of a media item, and/or one or more media items that are associated with the media item) that corresponds to media representation612). In some embodiments, in response to detecting input650d2 on copy-subjects control626b,computer system600copies subjects610a-610bto a copy buffer (or one or more applications) without copyingsubjects610cto the copy buffer (or one or more applications). In some embodiments, in response to detecting input650d3 directed to copy-subjects-for-later control636f,computer system600 saves the one or more files that include subject610awithoutbackground610cand subject610bwithoutbackground610c, such that a representation (e.g., a graphical object) of subject610a(e.g., without background610) and/or a representation (e.g., a graphical object) ofsubject610b(e.g., without background610) can be selected via a keyboard input (e.g., such as an input on the keyboard inkeyboard region632 ofFIG.6G described below). In some embodiments,computer system600 deemphasizes and displays one or more portions of the browser application ofFIG.6A (e.g., such as the text in browser display region604) while displayingmedia representation612 andmenu636, wheremedia representation612 andmenu636 are emphasized relative to the one or more portions of the browser application ofFIG.6A. In some embodiments, in response to detecting an input directed to remove-background control614,computer system600 ceases to displaybackground610 and continues to displaysubjects610a-610bas a part ofmedia representation612. AtFIG.6D,computer system600 detects press-and-hold input650d1 on subject610a(e.g., the cat) and/or tap input650d2 on copy-subjects control626b.
• As illustrated inFIG.6E, in response to detecting press-and-hold input650d1 and/or tap input650d2 on copy-subjects control626b,computer system600 displays copy-subjects control628aandshare control628b, where copy-subjects control628aandshare control628bare associated with subject610aand not subject610b. Here, copy-subjects control628aandshare control628bare associated with subject610aand not subject610bbecausecomputer system600 detected press-and-hold input650d1 on subject610a. Ifcomputer system600 detected press-and-hold input650d1 onsubject610c,computer system600 would display a copy-subjects control and a share control that is associated with subject610band not subject610a. AtFIG.6E, in response to detecting tap input650e1 on copy-subjects control628a,computer system600 copies subject610awithout copying subject610bandbackground610cinto a copy buffer. AtFIG.6E, in response to detecting tap input650e2 onshare control628b,computer system600 initiates a process to share a representation of subject610awithout sharing the representation of subject610bandbackground610c(e.g., a process, such as one or more processes as described above in relation to the share controls on share user interface616 (in some embodiments, without displaying share user interface616) and/or a process that includes displaying share user interface616). As illustrated inFIG.6E, in response to detecting press-and-hold input650d1 and/or tap input650d2,computer system600 deemphasizesbackground610c(e.g., greys-out) relative tosubjects610a-610b. In some embodiments, in response to detecting press-and-hold input650dand/or tap input650d2,computer system600 deemphasizesbackground610cand subject610brelative to subject610a. In some embodiments, as a part of deemphasizingbackground610cand subject610brelative to subject610a,computer system600 determines and selects a border between subject610aandbackground610c. In some embodiments, in response to detecting a press-and-hold input directed to subject610band/or tap input650d2,computer system600 deemphasizesbackground610cand subject610arelative to subject610b. AtFIG.6E, while continuing to detect press-and-hold input650d1,computer system600 rightward movement of press-and-hold input650d1.
• As illustrated inFIG.6F, in response to detecting rightward movement of press-and-hold input650d1 (e.g., and while continuing to detect press-and-hold input650d),computer system600 displays reduced-sized representation610a1 and moves reduced-sized representation610a1 across the display ofcomputer system600 based on the movement of press-and-hold input650d1. Reduced-sized representation610a1 is a representation of subject610a, and reduced-sized representation610a1 is smaller than the representation of subject610athat is currently displayed as being a part ofmedia representation612. As illustrated inFIG.6F, subject610bdoes not move and a reduced-sized representation forsubject610bis not displayed in response to detecting rightward movement of press-and-hold input650d1. In some embodiments, reduced-sized representation610a1 includes a representation of subject610aandbackground610c. In some embodiments where reduced-sized representation610a1 includes a representation of subject610aand a representation ofbackground610c, the representation ofbackground610 is deemphasized relative to the representation ofbackground610cin reduced-sized representation610a1. In some embodiments, in response to detecting rightward movement of press-and-hold input650d1,computer system600 moves the display of subject610aacross the display ofcomputer system600. In some embodiments, in response to detecting rightward movement of press-and-hold input650d1 (or another input that is directed to subject610b),computer system600 displays a reduced-sized representation forsubject610band moves the reduced-sized representation forsubject610bacross the display ofcomputer system600. In some embodiments, in response to detecting one or more inputs,computer system600 movessubjects610a-610b(and/or reduced-sized representations for subject610a-610bacross the display of computer system600). In some embodiments, one or more ofsubjects610a-610bare visually deemphasized relative to reduced-sized representation610a1 while press-and-hold input650d1 is detected. In some embodiments, in response to detecting lift off of press-and-hold input650d1,computer system600 displays subject610aat a location onmedia representation612 at whichcomputer system600 detected press-and-hold650d1 before lift of press-and-hold input650d1 was detected (e.g., a location that is in a second portion ofmedia representation612 that did not originally include subject610a). In some embodiments, in response to detecting lift off of press-and-hold input650d1,computer system600 ceases to deemphasize the background relative to subject610aand/or subject610b. In some embodiments, in response to detecting lift off of press-and-hold input650d1,computer system600 ceases to display reduced-sized representation610a1. AtFIG.6F, while continuing to detect press-and-hold input650d1,computer system600 detects downward movement of press-and-hold input650d1.
• As illustrated inFIG.6G, in response to detecting downward movement of press-and-hold input650d1,computer system600 displays a note-taking application that includes note-content region630 and keyboard-region632. As illustrated inFIG.6G,computer system600 displays reduced-sized representation610a1 in note-content region630 in response to detecting downward movement of press-and-hold input650d1 (e.g., reduced-sized representation610a1 has been dragged to note-content region630). AtFIG.6G,computer system600 detects lift off of press-and-hold input650d1. As illustrated inFIG.6H, in response to detecting lift off of press-and-hold input650d1,computer system600 displaysrepresentation630a, whererepresentation630ais subject610ainmedia representation612 ofFIG.6D. AtFIG.6H,representation630acontinues to be displayed as a part of the note-taking application whilecomputer system600 detects one or more other inputs and/or after detecting lift off of press-and-hold input650d1. Thus, as described above in relation toFIGS.6D-6H,computer system600 can copy one or more subjects from one portion of an application to another portion of the application and/or to a different application based on detecting one or more inputs.
• FIGS.6I-6M illustratecomputer system690 displaying a copy subject control and/or a remove background control. InFIGS.6I-6M,computer system690 is a laptop computer and is a different computer system thancomputer system600, which is a phone. In some embodiments,computer system690 includes one or more components ofelectronic devices100,300, and/or500. In some embodiments,computer system690 is the same ascomputer system600. In some embodiments,computer system690 performs one or more techniques and/or operations (e.g., in response to detecting inputs) as described above in relation tocomputer system600 ofFIGS.6A-6H. In some embodiments,computer system600 performs one or more techniques and/or operations (e.g., in response to detecting inputs) as described above in relation tocomputer system690 ofFIGS.6I-6M. In some embodiments, a computer system displays a copy subject control and/or a remove background control and performs one or more operations in view of the copy subject control and/or the remove background control for media representations that are displayed different applications (e.g., photo editing application, a camera application, and/or a file manager application) than the applications described in relation toFIGS.6A-6M. In some embodiments, a computer system displays a copy subject control and/or a remove background control and performs one or more operations in view of the copy subject control and/or the remove background control for video media, photo media, previously captured media, live media, and/or live preview media (e.g., media that is currently being captured and/or visual content that is within the field-of-view of one or more cameras of the computer system), using one or more techniques as described in relation toFIGS.6A-6M. In some embodiments, when a computer system removes a background and/or copies a subject from a media representation, the computer system modifies the media representation and does modify the data of the underlying media item that is represented by the media representation (e.g., only the media representation that is displayed). In other embodiments, when a computer removes a background and/or copies a subject from a media representation, the computer system modifies the underlying the data of the underlying media item.
• As illustrated inFIG.6I,computer system690 displays a user interface that includesmedia representation642 andmenu646.Media representation642 is a version of media representation610 (e.g., as described above in relation toFIG.6A), wheremedia representation610 includessubjects610a-610bandbackground610.Menu646 is a tools menu and includescopy option646a, copy-subjects control626b, emphasize-subjects control646b, and remove-background control674, among other controls for editing media. In some embodiments,computer system600displays menu646 in response to detecting an input directed to a tools option (e.g., “TOOLS” inFIG.6I). AtFIG.6I, in response to detecting an input oncopy option646a,computer system690 copies media representation642 (e.g.,subjects610a-610bandbackground610c) (e.g., to copy data corresponding tomedia representation620 into a copy buffer).
• AtFIG.6I, in response to detecting an input on copy-subjects control626b,computer system690copies subjects610a-610bwithout copyingbackground610c(e.g., and uses one or more techniques as described above in relation toFIGS.6A-6H). AtFIG.6I, in response to detecting an input on emphasize-subjects control646b,computer system690updates representation642 to emphasize subject610aand/or subject610brelative tobackground610c. AtFIG.6I, in response to detecting an input on remove-background control674,computer system690updates representation642 to includesubjects610a-610bwithout includingbackground610c(e.g., and uses one or more techniques as described above in relation to remove-background control614 ofFIGS.6A-6H). As illustrated inFIG.6I,computer system690displays media representation642, such thatsubjects610a-610bis emphasized relative tobackground610c(e.g., as indicated bybackground610cbeing grey-out inFIG.6I). AtFIG.6I,computer system690 emphasizessubjects610a-610brelative tobackground610cbecausecursor680 is within a predetermined distance from (e.g., 0.1-5 centimeters) and/or is on copy-subjects control626bfor a predetermined period of time (e.g., 0.05-5 seconds). In some embodiments, in response to detecting thatcursor680 is within the predetermined distance from (e.g., 0.1-5 centimeters) and/or on emphasize-subjects control646bfor a predetermined period of time (e.g., 0.05-5 seconds),computer system690 displaysrepresentation642, such thatbackground610cis removed frommedia representation642. In some embodiments, in response to detecting thatcursor680 is within the predetermined distance from (e.g., 0.1-5 centimeters) and/or on remove-background control674 for a predetermined period of time (e.g., 0.05-5 seconds),computer system690 displaysrepresentation642, such thatbackground610cis removed frommedia representation642. AtFIG.6I,computer system690 detects movement ofcursor680. AtFIG.6J, in response to detecting movement ofcursor680, a determination is made thatcursor680 is no longer within the predetermined distance from and/or on copy-subjects control626b(e.g., for a predetermined period of time (e.g., 1-5 seconds)). As illustrated inFIG.6J,computer system690 ceases to emphasizesubjects610a-610brelative tobackground610c(e.g., as indicated bybackground610cnot being greyed-out) because the determination was made thatcursor680 is no longer within the predetermined distance from and/or on copy-subjects control626b(e.g., for longer than the predetermined period of time).
• FIG.6K illustratescomputer system690 displaying a file manager user interface that includesfile navigation panel654 andmedia icons658.Media icons658 includescenery icon658a(e.g., that corresponds to a photo of a media item that looks like the image included withscenery icon658a),food icon658b(e.g., that corresponds to a photo of a media item that looks like the image included withfood icon658b),park icon658c(e.g., that corresponds to the media item that also corresponds tomedia representation610 ofFIG.6A), andfavorites icon658d(e.g., that corresponds to a video of a frame of a video that looks like the image included withfavorites658d). As illustrated inFIG.6K,computer system690displays icons658 as the contents of a folder (e.g., “Project Files”). AtFIG.6K,computer system690 detects one or more inputs (e.g., a click input), which includepointer activation650k(e.g., a left mouse click (and, in some embodiments, a trackpad click), a right mouse click, and/or a press-and-hold mouse click).
• As illustrated inFIG.6L, in response to detecting the one or more inputs that includepointer activation650k,computer system690displays menu656 that includescopy documents656a(that, when selected, causescomputer system690 to copypark icon658cinto a copy buffer), copy-subjects control626b, emphasize-subjects control646b, and remove-background control674. As illustrated inFIG.6L, in response to detecting the one or more inputs that includespointer activation650kand in response to detecting thatcursor680 is within the predetermined distance from (e.g., 0.1-5 centimeters) and/or on remove-background control674 for a predetermined period of time (e.g., 0.05-5 seconds),computer system690 modifiespark icon658c, such thatpark icon658cis displayed withsubjects610a-610band withoutbackground610c. AtFIG.6L, computer system650 detects pointer activation650l. As illustrated inFIG.6M, in response to detecting pointer activation650l,computer system690 continues to displaypark icon658c, such thatpark icon658cis displayed withsubjects610a-610band withoutbackground610c. As illustrated inFIG.6M,computer system690 is displaying the file manager user interface after detecting a pointer activation input onscenery icon658a. AtFIG.6M, in response to detecting the pointer activation input onscenery icon658a,computer system690displays menu656, wheremenu656 does not include copy-subjects control626b, emphasize-subjects control646b, and remove-background control674 because the media item represented byscenery icon658a(and/or the image that is a part ofscenery icon658a) does not include at least one subject. Thus, in some embodiments, a computer system does not display one or more controls for copying subject(s) in, emphasizing subject(s) in, and/or removing a background of a respective media representation if at least one subject has not been detected in the respective media representation.
• FIG.7 is a flow diagram illustrating methods of managing the background of a media representation in accordance with some embodiments.Method700 is performed at a computer system (e.g.,100,300,500, and/or600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface). Some operations inmethod700 are, optionally, combined, the orders of some operations are, optionally, changed, and some operations are, optionally, omitted.
• As described below,method700 provides an intuitive way for managing the background of a media representation. The method reduces the cognitive burden on a user for managing the background of a media representation, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to manage the background of a media representation faster and more efficiently conserves power and increases the time between battery charges.
• The computer system detects (702) (e.g., via one or more input devices) a request (e.g.,650a1 and/or650a2) to display a user interface that corresponds to (e.g., that is associated with) a media item (as described above in relation to, e.g.,610,612,620,642, and/or658a-658c) (e.g., photo media, video media) (e.g., live media, a live preview (e.g., media corresponding a representation of a field-of-view (e.g., a current field-of-view) of the one or more cameras that has not been captured (e.g., in response to detecting a request to capture media (e.g., detecting selection of a shutter affordance)) and/or previously captured media (e.g., media corresponding a representation of a field-of-view (e.g., a previous field-of-view) of the one or more cameras that has been captured, a media item that has been saved and can be accessed by a user at a later time and/or a representation of media displayed in response to receiving an gesture on a thumbnail representation of the media (e.g., in a media gallery)). In some embodiments, as a part of detecting the request to display the user interface, the computer system detects a request to display the media item.
• In response to detecting the request (e.g.,650a1 and/or650a2) to display the user interface that corresponds to the media item, the computer system displays (704), via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that a subject has automatically (e.g., without user input that identifies the subject) been detected in the media item, displaying (706), via the display generation component, a first user interface object (e.g.,614,614a, and/or674) that, when selected, causes the computer system (e.g.,600) to alter (e.g., removes) display of a portion (e.g.,610c) (e.g., background) of the media item in a representation (e.g.,610,612,620,642, and/or658a-658c) of the media item (e.g., the representation of the media continues to include the subject while the background of the media item is removed) without altering display of the subject (e.g.,610a-610b) in the representation of the media item; and in accordance with a determination that the subject has not automatically been detected in the media item, forgoing display (708) of the first user interface object (e.g., as described above in relation toFIGS.6A-6D and6M). In some embodiments, the first user interface object is displayed concurrently with the representation of the media item. In some embodiments, in accordance with a determination that the subject has not automatically been detected in the media item, the representation of the media item is displayed and/or continues to be displayed. In some embodiments, before detecting the request to display the user interface that corresponds to the media item, the computer system displays the representation of the media item. In some embodiments. the media item includes (and/or is) an image or a video (e.g., as described above in relation toFIGS.6I-6M). Choosing whether to display the first user interface object when prescribed conditions are met allows the computer system to automatically display the first user interface object in situations that are relevant (e.g., based on a subject being automatically detected in the media item), which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the request to display the user interface that corresponds to the media item, the computer system displays, via the display generation component, the user interface (e.g., user interface that includes610,612,620,642, and/or658a-658c) that corresponds to the media item, including: displaying, via the display generation component, the representation (e.g.,610,612,620,642, and/or658a-658c) of the media item (e.g., that displaying the subject and the portion of the media item); and in accordance with a determination that the subject has automatically been detected in the media item, selecting (e.g., automatically and/or automatically without intervening input and/or a request being detected (e.g., after the request to display the user interface was detected)) a boundary between the portion of the media item in the representation of the media item and the subject (e.g.,610a-610b) (e.g., as described above in relation toFIGS.6E-6F). In some embodiments, in accordance with a determination that a subject has automatically been detected in the media item, the computer system displays the boundary. In some embodiments, in accordance with a determination that the subject has not automatically been detected in the media item, the computer system does not select and/or display a representation of the boundary. In some embodiments, the representation of the media item is concurrently displayed with the first user interface object. Selecting the boundary between the portion of the media item in the representation of the media item and the subject when prescribed conditions are met allows the computer system to automatically distinguish between the portion of the media item in the representation of the media item and the subject in the representation of the media item and can provide visual feedback to the user regarding the difference between the portion of the media item in the representation of the media and the subject in the representation of the media item to inform the user about how a selection of the first user interface object will impact the representation of the media item, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, in accordance with a determination that a subject has automatically been detected in the media item, the computer system displays, via the display generation component, a second user interface object (e.g.,626band/or628a) that, when selected, copies the subject (e.g.,610a-610b) in the media item without copying the portion (e.g.,610c) of the media item. Choosing whether to display the second user interface object when prescribed conditions are met allows the computer system to automatically display the second user interface object in situations that are relevant (e.g., based on a subject being automatically detected in the media item), which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, the second user interface object (e.g.,626band/or628a) is displayed concurrently with a third user interface object (e.g.,626a,646a, and/or656a) that, when selected, causes the computer system (e.g.,600) to copy the subject (e.g.,610a-610b) and the portion (e.g.,610c) of the media item. In some embodiments, the second user interface object and the third user interface object are displayed in a first menu (e.g.,636,646, and/or646) (e.g., a contextual a menu and/or a menu for a particular application). In some embodiments, the menu that includes the second user interface object and the third user interface object. In some embodiments, the first menu, the first user interface object and/or the second user interface object are provided in the first menu in response to detecting an input, such as a right mouse click, a press-and-hold input, and/or a tap input. In some embodiments, the third user interface object is displayed irrespective and/or regardless of the determination that the subject has automatically been detected in the media item. Concurrently displaying the second user interface object and the third user interface object allows the computer system to provide multiple control options based on a set of prescribed conditions being met, which provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the request (e.g.,650a1 and/or650a2) to display the user interface that corresponds to the media item, the computer system displays, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that the subject (e.g.,610a-610b) has automatically been detected in the media item, displaying, via the display generation component, a fourth user interface object (e.g.,636fand/or646b) that, when selected, causes the computer system (e.g.,600) to visually emphasize (e.g., bolds, highlights, increases and/or decreases the size, fades, and/or displays a bounder around) the subject relative to the portion of the media item. In some embodiments, in accordance with a determination that the subject has not automatically been detected in the media item, the computer system does not display (and/or forgoes display of) the fourth user interface object. In some embodiments, the fourth user interface object is displayed concurrently with one or more of the first user interface object, the second user interface object, and the third user interface object. Choosing whether to display the fourth user interface object when prescribed conditions are met allows the computer system to automatically display the fourth user interface object in situations that are relevant (e.g., based on a subject being automatically detected in the media item), which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the request (e.g.,650a1 and/or650a2) to display the user interface that corresponds to the media item, the computer system displays, via the display generation component, the user interface that corresponds to the media item, including: in accordance with a determination that the subject has automatically been detected in the media item, displaying, via the display generation component, a fifth user interface object (e.g.,636f) that, when selected, causes the computer system (e.g.,600) to create a graphical user interface object (e.g., a sticker object, an animation, and/or an emoji) that includes the subject (e.g.,610a-610b) and does not include the portion (e.g.,610c) of the media item. In some embodiments, in accordance with a determination that the subject has not automatically been detected in the media item, the computer system does not display the fifth user interface object. In some embodiments, the graphical user interface object can be shared and/or used in a plurality of applications (e.g., a text messaging application, an e-mail application, and/or a keyboard application). In some embodiments, the graphical user interface object is displayed with one or more other graphical user interface objects before the graphical user interface object can be selected to be used one or more of the plurality of applications. In some embodiments, two or more of the first user interface object, the second user interface object, the third user interface object, the fourth user interface object, and/or the fifth user interface object are concurrently displayed. In some embodiments, two or more of the first user interface object, the second user interface object, the third user interface object, the fourth user interface object, and/or the fifth user interface object are concurrently displayed in a menu (e.g., a contextual menu). Choosing to display the fifth user interface object when prescribed conditions are met allows the computer system to automatically display the fifth user interface object in situations that are relevant (e.g., based on a subject being automatically detected in the media item), which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, the user interface that corresponds to the media item is displayed in a respective application (e.g., application inFIGS.6A and/or6K-6M) that is different from a media editing application (e.g., user interface described above inFIG.6J and below inFIG.11A) (or a media viewing application) (e.g., an application that includes one or more selectable user interface objects for editing the media). Choosing whether to display the first user interface object when prescribed conditions are met in a user interface that is different than a media editing user interface allows the computer system to automatically display the first user interface object, which can cause the computer system to edit a representation of the media item, in applications that were not constructed for the purpose of editing media and/or representations of media, which provides additional control options and extended functionality to other applications.
• In some embodiments, the respective application is a file manager application (e.g., application inFIGS.6K-6M) (e.g., an application for managing (e.g., creating, updating, and/or deleting) files and/or folders (e.g., system files and/or system folders)). Choosing whether to display the first user interface object when prescribed conditions are met in a user interface that is different than a media editing user interface allows the computer system to automatically display the first user interface object, which can cause the computer system to edit a representation of the media item, in a file manager application that was not constructed for the purpose of editing media and/or representations of media, which provides additional control options and extended functionality to other applications.
• In some embodiments, the respective application is a file viewer application (e.g., application inFIGS.6K-6M) (e.g., an application for viewing files and/or folders (e.g., system files and/or system folders)). Choosing whether to display the first user interface object when prescribed conditions are met in a user interface that is different than a media editing user interface allows the computer system to automatically display the first user interface object, which can cause the computer system to edit a representation of the media item, in a file viewer application that was not constructed for the purpose of editing media and/or representations of media, which provides additional control options and extended functionality to other applications.
• In some embodiments, the respective application is a productivity application (e.g., application inFIGS.6G-6H) (e.g., a slide show presentation application, a note-taking application, a word processing application, a speech writing application, and/or a list management application). Choosing whether to display the first user interface object when prescribed conditions are met in a user interface that is different than a media editing user interface allows the computer system to automatically display the first user interface object, which can cause the computer system to edit a representation of the media item, in a productivity application that was not constructed for the purpose of editing media and/or representations of media, which provides additional control options and extended functionality to other applications.
• In some embodiments, as a part of detecting the request to display the user interface that corresponds to the media, the computer system detects a pointer activation event (e.g.,650kand/or680) (e.g., a mouse click or a press input on a trackpad) (e.g., an alternative click (e.g., a right-click/press, two finger click/press, an option-click/press, and/or a shift-click/press)). Detecting a pointer activation event as a part of detecting the request to display the user interface gives the user more control of the computer system by allowing the computer system to detect the request to display the user interface via detecting a pointer activation event, which provides conditional control options without cluttering the user interface.
• In some embodiments, as a part of displaying, via the display generation component, the user interface, the computer system displays, via the display generation component, the representation (e.g.,610,612,620,642, and/or658a-658c) of the media item. In some embodiments, after detecting the request to display a user interface that corresponds to the media item and while displaying the representation of the media item and the first user interface object, the computer system detects (e.g.,680) a first input directed to the first user interface object. In some embodiments, in response to detecting the first input (e.g.,680) directed to the first user interface object and in accordance with a determination that the first input has been directed to the first user interface object for more than a predetermined period of time (e.g., 0.05-5 seconds), the computer system displays, via the display generation component, an indication that corresponds to the portion of the media item (e.g., as described above in relation toFIGS.6E and6I-6J) (e.g., the indication corresponds to the portion of the media item being detected). In some embodiments, the indication that corresponds to the portion of the media item does not correspond to the subject in the media item. In some embodiments, in response to detecting the input directed to the first user interface object and in accordance with a determination that the input has been directed to the first user interface object for less than the predetermined period of time, the computer system does not display (forgoes display of) the indication that corresponds to the portion of the media item. In some embodiments, as a part of displaying the indication that corresponds to the portion of the media item, the computer system emphases (e.g., highlights, bolds, fades, desaturates, and/or enlarges) and/or deemphasizes (e.g., removes, ceases to display, blurs, dims, and/or desaturates) the portion of the media item. Displaying an indication that corresponds to the portion of the media item when prescribed conditions are met allows the computer system to automatically display the indication in situations that can be relevant (e.g., based on the input being directed to the first user interface object for more than a predetermined period of time) and provides visual feedback to the user regarding the portion of the media item, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, as a part of displaying the indication that corresponds to the portion of the media item, the computer system visually deemphasizes (e.g., removes, ceases to display, blurs, dims, and/or desaturates) the portion (e.g.,610c) of the media item in the representation (e.g.,610,612,620,642, and/or658a-658c) of the media item (e.g., as described above in relation toFIGS.6E and6I-6J) (e.g., in the displayed representation of the media item). In some embodiments, the portion of the media item is deemphasized relative to the subject in the representation of the media item. Deemphasizing the portion of the media item as a part of displaying the indication that corresponds to the media item provides visual feedback to the user that the portion of the media item will be removed in response to detecting a selection of the first user interface object, which provides visual feedback of the identified foreground of the media item.
• In some embodiments, as a part of detecting the request to display the user interface that corresponds to the media item, the computer system detects a request (e.g.,650a1) to display a sharing user interface (e.g., user interface ofFIG.6B) (e.g., a user interface for sharing the media item and/or one or more portions of the media item). In some embodiments, as a part of detecting the request to display the sharing user interface, the computer system detects an input directed to a user interface object for displaying the sharing user interface and, in response to detecting the input directed to the user interface object for displaying the sharing user interface, the computer system detects the request to display the user interface that corresponds to the media item and/or display the sharing user interface. Detecting a request to display a sharing user interface as a part of detecting the request to display the user interface gives the user more control of the computer system by allowing the computer system to detect the request to display the user interface via detecting a request to display a particular user interface, which provides additional control options without cluttering the user interface.
• In some embodiments, as a part of altering (e.g., removing) display of the portion (e.g., background) of the media item in the representation of the media item (e.g., the representation of the media continues to include the subject while the background of the media item is removed) without altering display of the subject in the representation (e.g.,610,612,620,642, and/or658a-658c) of the media item, the computer system forgoes altering visual content (e.g., data) of the media item (e.g., as described in relation toFIGS.6B-6C andFIGS.6L-6M) (e.g., the actual media item and/or the original visual content of the media item). In some embodiments, the media item is a media item that has been shared (or duplicated) and/or not an original media item. In some embodiments, the first user interface object (e.g.,614) is overlaid on one or more portions of the representation (e.g.,620) of the media item.
• In some embodiments, while displaying the first user interface object, the computer system detects a second input directed to the first user interface object. In some embodiments, in response to detecting the second input (e.g.,650band/or650c1) directed to the first user interface object and in accordance with a determination that display of the portion of the media item in the representation of the media item and display of the subject in the media item in the representation of the media item (and/or in accordance with a determination that the first user interface object is in a first state (e.g., an active state)) is not altered, the computer system alters display of the portion (e.g.,610c) (e.g., background) of the media item in the representation of the media item without altering display of the subject (e.g.,610a-610b) in the media item in the representation of the media item. In some embodiments, in response to detecting the second input (e.g.,650band/or650c1) directed to the first user interface object and in accordance with a determination that display of the portion of the media item in the representation of the media item is altered without display of the subject in the media item in the representation of the media item being altered (and/or in accordance with a determination that the first user interface object is in a second state (e.g., an inactive state) that is different from the first state, the computer system forgoes altering display of the portion (e.g., background) of the media item in the representation of the media item without altering display of the subject in the media item in the representation of the media item. Choosing whether to alter display of the portion of the media item in the representation of the media item without altering display of the subject in the media item in the representation of the media item or to alter display of the portion of the media item in the representation of the media item without altering display of the subject in the media item in the representation of the media item when prescribed conditions are met allows the computer system to perform different operations based on the state of the representation being displayed, which provides additional control options without cluttering the user interface.
• In some embodiments, the request to display the user interface that corresponds to the media item is a request (e.g.,650kand/or680 inFIGS.61 and6M) to display a second menu (e.g.,646 and/or656) (e.g., a tool menu and/or a menu with one or more media tools user interface object). Detecting a request to display a second menu as a part of detecting the request to display the user interface gives the user more control of the computer system by allowing the computer system to detect the request to display the user interface via detecting a request to display a menu, which provides additional control options without cluttering the user interface.
• In some embodiments, while displaying the first user interface object (e.g.,614 and/or674), the computer system detects a third input (e.g.,650b,650l) (e.g., a tap input and/or a non-tap input (a mouse click, a double-tap input, a press-and-hold input, and/or a swipe input)) directed to the first user interface object. In some embodiments, in response to detecting the third input directed to the first user interface object, the computer system displays a second representation (e.g.,612 and/or658c) of the media item (e.g., a modified version of the representation of the media item) that includes the subject and does not include the portion of the representation (e.g.,610,612,620,642, and/or658a-658c) of the media item. Displaying a second representation of the media item that includes the subject and does not include the portion of the representation of the media item in response to detecting the third input directed to the first user interface object gives the user the ability to display a representation of the media item that has the portion of the representation of the media item removed, which provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the third input directed to the first user interface object (and while displaying the second representation of the media item), the computer system displays a sixth user interface object that, when selected, displays a third representation (e.g.,610,612,620,642, and/or658a-658c) of the media item that includes the subject (e.g.,610a-610b) and includes the portion (e.g.,610c) of the representation of the media item. In some embodiments, while displaying the sixth user interface object, the computer system detects an input directed to the sixth user interface object. In some embodiments, in response to the computer system detecting the input directed to the sixth user interface object, the computer system replaces the display of the second representation of the media item with display of the third representation of the media item. In some embodiments, in response to the computer system detecting the input directed to the sixth user interface object, the computer system replaces display of the sixth user interface object with display of the first user interface object (e.g., displays the first user interface object at a location at which the sixth user interface object was previously displayed). In some embodiments, in response to detecting the third input directed to the first user interface object, the computer system replaces display of the first user interface object with display of the sixth user interface object (e.g., displays the sixth user interface object at a location at which the first user interface object was previously displayed). Displaying the sixth user interface object in response to detecting the third input directed to the first user interface object gives the user the ability to revert (e.g., undo) the change caused in response to detecting the third input at a time that can be relevant (e.g., after the computer system has modified the representation), which provides additional control options without cluttering the user interface.
• Note that details of the processes described above with respect to method700 (e.g.,FIG.7) are also applicable in an analogous manner to the methods described below. For example,method700 optionally includes one or more of the characteristics of the various methods described above with reference tomethod800. For example,method700 can be used to display a user interface object for managing the background of a media representation that is concurrently displayed with a user interface object for copying subjects of a media representation based onmethod800. For brevity, these details are not repeated below.
• FIG.8 is a flow diagram illustrating methods of copying subjects of a media representation in accordance with some embodiments.Method800 is performed at a computer system (e.g.,100,300,500, and/or600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface). Some operations inmethod800 are, optionally, combined, the orders of some operations are, optionally, changed, and some operations are, optionally, omitted.
• As described below,method800 provides an intuitive way for copying subjects of a media representation in accordance with some embodiments. The method reduces the cognitive burden on a user for copying subjects of a media representation in accordance with some embodiments, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to copy subjects of a media representation in accordance with some embodiments faster and more efficiently conserves power and increases the time between battery charges.
• While displaying, via the display generation component, a representation (e.g.,610,612,620,642, and/or658a-658c) (e.g., a visual representation) of visual content (e.g., visual content of a media item (e.g., a photo, a video, and/or an animated series of images)) that includes a first portion (e.g.,610a-610b) (e.g., a foreground portion and/or a portion with one or more subjects) and a second portion (e.g.,610c) (e.g., a background portion, one or portions of the media that surround the subject and/or the body of the subject, one or more portions of the representation of the media that are not the subject, and/or one or more portions of the representation of the media different from and/or separate from the subject), the computer system detects (802) (e.g., via one or more inputs devices) an input (e.g.,650a2,650k,680 as described above in relation toFIGS.61 and6M) (e.g., a dragging input, a long-press input, and/or a press-and-hold input and/or in some embodiments, a tap input, a mouse click, a mouse click followed by a hover input, and/or a voice input) directed to (e.g., a location in) the representation of the visual content. In some embodiments, the second portion is the background of the first portion. In some embodiments, the location in the visual content is not in the first portion of the representation of the visual content. In some embodiments, the location in the visual content is in the first portion of the representation of the visual content. In some embodiments, the location in the visual content is in the first portion and the second portion of the representation of the visual content (e.g., where the first portion is overlaid on and/or is surrounded by the second portion of the representation of the visual content).
• In response to detecting the input (e.g.,650a2,650k,680 as described above in relation toFIGS.61 and6M) directed (e.g., a location in) to the representation of the visual content and in accordance with a determination that the first portion (e.g.,610a-610b) includes a subject (e.g.,610a-610b) that is available to be copied (e.g., is determined to be available to be copied and/or includes a subject where the operation can be performed to copy the subject without copying the second portion of the representation of the visual content), the computer system provides (804) (e.g., displaying, via the display generation component, and/or outputting) an indication (e.g.,626band/or628a) (e.g., a visual, haptic, and/or audible indication) (e.g., in the visual content) that an operation can be performed (e.g., by the computer system) to copy the subject (e.g.,610a-610b) without copying the second portion (e.g.,610c) (e.g., the background portion). In some embodiments, the operation is an operation to copy the subject separately from the background portion. In some embodiments, performing the operation does not include copying a subset of the first portion that does not include the first subject. Choosing whether to provide the indication that the operation can be performed to copy the subject without copying the second portion allows the computer system to automatically inform the user about the operation that can be performed, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the input (e.g.,650a2) directed to the representation of the visual content is press-and-hold input (and/or a long-press input) (e.g., an input that is detected for longer than a predetermined period of time (e.g., 0.25-10 seconds) and/or an input that is detected at a location for longer than a tap input is detected) (e.g., a press-and-hold input on a display and/or a press-and-hold at an external device (e.g., a mouse click and hold input)). In some embodiments, in response to detecting an input that is different from a press-and-hold input (e.g., a tap input and/or, in some embodiments, a non-tap input (e.g., such as a mouse click, a trackpad click, and/or a swipe input), the computer system does not display the indication (e.g.,626band/or628a) and performs one or more other operations (e.g., selecting an object and/or a subject in the representation of the visual content, displaying a user interface of an application that corresponds to an object and/or the subject that is selected in response to the different input), displaying a preview of the representation of the visual content, opening a file, and/or displaying the representation of the visual content in a user interface that corresponds to the representation of the visual content). Detecting the press-and-hold input as a part of detecting the input directed to the visual content provides the user with more control over the computer system by allowing the user to provide a press-and-hold input without displaying additional user interface elements, which provides additional control options without cluttering the user interface.
• In some embodiments, displaying the representation of the representation of the visual content includes displaying the subject (e.g.,610a-610b) at a first location and displaying the second portion (e.g.,610c) at a second location. In some embodiments, while detecting the input (e.g.,650d) directed to the representation (e.g.,612) of the visual content, the computer system detects movement of the input directed to the representation of the visual content (e.g., while the input continues to be detected) (e.g., from the first location to the third location). In some embodiments, in response to detecting movement of the input directed to the representation of the visual content (e.g., from the first location to the third location), the computer system moves display of the subject (e.g.,610a) from the first location (e.g., location of610ainFIG.6E) (e.g., on the computer system) to a third location (e.g., location of610ainFIGS.6F-6G) (that is different from the first location) without moving display of the second portion from the second location (and/or without moving a second subject that is different from the subject (e.g., as described above in relation toFIGS.6E-6H). Moving display of the subject from the first location to the third location without moving display of the second portion from the second location in response to detecting movement of the input directed to the representation of the visual content provides the user with control over the computer system to move the subject between locations on the computer system without moving the second portion, which provides additional control options without cluttering the user interface.
• In some embodiments, while detecting the input (e.g.,650d) directed to the representation of the visual content and while displaying the subject (e.g.,610a-610b) at the third location, the computer system detects an end (e.g., an up click and/or liftoff) of the input (e.g.,650d) directed to the representation of the visual content (and/or ceasing to detect the input directed to the visual content). In some embodiments, in response to detecting the end of the input directed to the representation of the visual content (and/or ceasing to detect the input directed to the visual content) (and/or in response to detecting the end of the input directed to the visual content at the third location), the computer system displays the subject (e.g.,610aand/or630a) at third location without displaying the second portion (e.g.,610c) at the third location (e.g., as described in relation toFIG.6H). In some embodiments, after detecting the end of the input and in response to detecting a respective input that is different from the input directed to the visual content, the computer system continues to display the subject at the third location and continues to display the second portion at which the second portion was displayed before detecting the respective input. Displaying the subject at the third location without displaying the second portion at the third location in response to detecting the end of the input directed to the visual content provides the user with control over the computer system to display and/or drop the subject at a particular location on the display via the input, which provides additional control options without cluttering the user interface.
• In some embodiments, the representation of the representation of the visual content is displayed in a first application (e.g., application inFIG.6F). In some embodiments, the third location is in a second application (e.g., application inFIG.6G) that is different from the first application. In some embodiments, the first location is in the first application. Moving display of the subject from the first location to the third location that is in a different application without moving display of the second portion from the second location in response to detecting movement of the input directed to the representation of the visual content provides the user with control over the computer system to move the subject between applications on the computer system without moving the second portion between different applications, which provides additional control options without cluttering the user interface.
• In some embodiments, the representation of the visual content is displayed in a first area (e.g., area of610ainFIGS.6E-6F) of a third application. In some embodiments, the third location is in a second area (e.g., area of610a1 inFIG.6F) of the third application that is different from the first area of the third application. In some embodiments, the first location is in the first area of the second application. In some embodiments, the second location is in the first area of the second location. In some embodiments, the first area does not encompass and/or is outside of the second area. In some embodiments, the second area does not encompass and/or is outside of the second area. Moving display of the subject from the first location to the third location that is in a different area of an application without moving display of the second portion from the second location in response to detecting movement of the input directed to the visual content provides the user with control over the computer system to move the subject between different areas of an application on the computer system without moving the second portion between different areas of an application, which provides additional control options without cluttering the user interface.
• In some embodiments, displaying the representation (e.g.,610,612,620, and/or658a-658d) of the visual content includes displaying the subject at a first size in the representation of the visual content. In some embodiments, moving display of the subject from the first location to the third location includes moving a first user interface object (e.g.,610a1) (e.g., a proxy object and/or a thumbnail) that includes a first representation of the subject and does not include a first representation of the second portion. In some embodiments, the first representation of the subject in the first user interface object is displayed at a second size that is smaller than the first size. In some embodiments, the first representation is smaller than the representation of the visual content. Displaying the first user interface object that includes a first representation of the subject and does not include a first representation of the second portion provides the user with visual feedback that the subject can be moved in response to detecting the input directed to the visual content, which provides feedback to the user.
• In some embodiments, displaying the representation of the visual content includes displaying the subject at a third size in the representation of the visual content. In some embodiments, moving display of the subject from the first location to the third location includes moving a second user interface object (e.g., a proxy object and/or a thumbnail) that includes a second representation of the subject that is emphasized relative to a second representation of the second portion (e.g., as described above in relation toFIG.6F). In some embodiments, the second representation of the subject in the second user interface object is displayed at a fourth size that is smaller than the third size. In some embodiments, the second representation is smaller than the representation of the visual content. Displaying the second user interface object that includes a second representation of the subject that is emphasized relative to a second representation of the second portion provides the user with visual feedback that the subject can be moved in response to detecting the input directed to the visual content, which provides feedback to the user.
• In some embodiments, detecting the input directed to the representation of the visual content includes detecting a pointer activation (e.g.,680) (e.g., mouse click or trackpad press) and detecting that the pointer is hovering over a third user interface object (e.g.,626a) that, when selected, cause the computer system to copy the subject without copying the second portion (e.g., as described above in relation toFIG.6I) (e.g., for a predetermined period of time (e.g., 0.05-5 seconds)). In some embodiments, the pointer activation is detected before detection of the pointer hovering over the third user interface object. Detecting a pointer activation and detecting that the pointer is hovering over a third user interface object as a part of detecting the input directed to the visual content provides the user with more control over the computer system by allowing the user to provide an input via a mouse click and hovering without displaying additional user interface elements, which provides additional control options without cluttering the user interface.
• In some embodiments, while detecting that the pointer (e.g.,680) is hovering over the third user interface object, the computer system detects movement of the pointer (e.g., and/or the mouse) away from the third user interface object (e.g., described above in relation toFIGS.6I-6J). In some embodiments, in response to detecting movement of the pointer away from the third user interface object, the computer system ceases to display the indication that the operation can be performed to copy the subject (e.g.,610a-610b) without copying the second portion (e.g.,610c) (and/or ceasing to emphasize the subject relative to the second portion). In some embodiments, in response to detecting the input directed (e.g., a location in) to the representation of the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, the computer system emphasizes the subject relative to the second portion. Ceasing to display the indication that the operation can be performed to copy the subject without copying the second portion in response to detecting movement of the mouse pointer away from the third user interface object provides the user with control over the computer system to cease to display the indication and allows the computer system to reduce the number of user interface objects that are displayed in certain situations, which provides additional control options without cluttering the user interface and performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, in response to detecting the input (e.g.,650a2,650k, and/or as described above in relation to680) directed to the representation of the visual content, the computer system provides (e.g., displays) an indication (e.g.,614 and/or674) that an operation can be performed to modify the representation of the visual content, such that the representation of the visual content includes the subject (e.g.,610a-610b) and does not include the second portion (e.g.,610c). In some embodiments, in response to detecting an input while the indication is displayed, the computer system modifies the representation of the visual content includes the subject and does not include the second portion (e.g., as described above in relation to method700). Providing an indication that an operation can be performed to modify a representation of the visual content, such that the representation of visual content includes the subject and does not include the second portion in response to detecting the input directed to the visual content provides the user with an additional control option, which provides additional control options without cluttering the user interface.
• In some embodiments, the first portion of the representation of visual content includes a first subject (e.g.,610a) and a second subject (e.g.,610b). In some embodiments, in accordance with a determination that the input (e.g.,650d) directed to the representation of the visual content is directed to (e.g., and/or a first location that corresponds to a location of) the first subject in the first portion, the indication that the operation can be performed to copy the subject without copying the second portion is an indication that the operation can be performed to copy the first subject without copying the second subject (and optionally without copying the second portion) (e.g., as described above in relation toFIGS.6D-6E). In some embodiments, while providing the indication the operation can be performed to copy the first subject without copying the second portion, the computer system detects an input, and in response to detecting the input, the computer system copies the first subject without copying the second subject and the second portion. In some embodiments, in accordance with a determination that the input directed to the representation of the visual content is directed to (e.g., and/or a second location, different from the first location, that corresponds to a location of) the second subject, different from the first subject, in the first portion, the indication that the operation can be performed to copy the subject without copying the second portion is an indication that the operation can be performed to copy the second subject without copying the first subject (e.g., as described above in relation toFIGS.6D-6E) (and optionally without copying the second portion). In some embodiments, while providing the indication the operation can be performed to copy the second subject without copying the second portion, the computer system detects an input, and in response to detecting the input, the computer system copies the second subject without copying the first subject and the second portion. Providing an indication concerning the first subject or the second subject based on the input being directed to a particular subject provides the user with control over which subject that can be copied without copying the second portion, which provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the input directed (e.g., a location in) to the representation of the visual content and in accordance with a determination that the first portion is not a subject that is available to be copied, the computer system forgoes providing the indication that the operation can be performed to copy the subject without copying the second portion (e.g., as described above in relation toFIG.6H). Choosing whether to provide the indication that the operation can be performed to copy the subject without copying the second portion allows the computer system to automatically inform the user about the operation that can be performed, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, in response to detecting the input directed (e.g., a location in) to the representation of the visual content and in accordance with a determination that the first portion of the visual content includes a third subject and a fourth subject that are available to be copied, the computer system provides an indication (e.g.,626b) that an operation can be performed to copy the third subject and the fourth subject without copying the second portion of the visual content (e.g., as described above in relation toFIGS.6A-6E). In some embodiments, as a part of detecting the input directed to the visual content, the computer system detects movement of an input at a location that corresponds to the third subject to a location that corresponds to the fourth subject and/or vice-versa. In some embodiments, in response to detecting an input while the indication is displayed, the computer system copies the third subject and the fourth subject without copying the second portion of the visual content. In some embodiments, in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the representation of the visual content includes one subject, the indication operation can be performed (e.g., by the computer system) to copy the subject (e.g.,610a-610b) without copying the second portion has a first visual appearance (e.g., includes the word “Subject). In some embodiments, in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the representation of the visual content includes multiple subjects, the indication operation can be performed (e.g., by the computer system) to copy the subject (e.g.,610a-610b) without copying the second portion has a second visual appearance (e.g., includes the word “Subjects”) that is different from the first visual appearance (e.g., includes the word “Subject” without including the word “Subjects”). Providing an indication that an operation can be performed to copy the third subject and the fourth subject without copying the second portion of the visual content in response to detecting the input directed to the visual content allows a user to perform an operation to copy multiple subjs without copying the second portion of the visual content, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the representation of visual content includes (and/or is) a representation of an image or a video (e.g., as described above in relation toFIG.6M).
• Note that details of the processes described above with respect to method800 (e.g.,FIG.8) are also applicable in an analogous manner to the methods described below/above. For example,method800 optionally includes one or more of the characteristics of the various methods described above with reference tomethod700. For example,method700 used to display a user interface object for managing the background of a media representation that is concurrently displayed with a user interface object for copying subjects of a media representation based onmethod800. For brevity, these details are not repeated below.
• FIGS.9A-9I illustrate exemplary user interfaces for converting one or more portions of a media representation in accordance with some embodiments. The user interfaces inFIGS.9A-9I are used to illustrate the processes described below, including the processes inFIG.10.
• FIG.9A illustratescomputer system600 displaying a settings user interface that includes device-region setting932. InFIG.9A, device-region setting932 is set to the “United States,” which indicates thatcomputer system600 is associated with a location that corresponds to a region occupied by the United States. As illustrated inFIG.9B,computer system600 is displaying a web application user interface. The web application user interface includesapplication control region602,application display region604, andapplication control region606, whichcomputer system600 displays using one or more techniques as described above in relation toFIG.6A.Application display region604 includestext906 that discusses the process of boiling water.Text906 includeslength measurement906a(“21 CM”) anddegree measurement906b(“100°”) along with other prose. AtFIG.9B,computer system600 emphasizes (e.g., underlines inFIG.9B)length measurement906aanddegree measurement906bto indicate that a determination has been made thatcomputer system600 can convert these measurements and/or that these portions of text have been identified as measurements that can and/or should be converted. AtFIG.9B,computer system600 detectstap input950bonlength measurement906a.
• As illustrated inFIG.9C,computer system600 displays a conversion user interface that includes conversion-representation908aand conversion controls910. Here, the conversion user interface overlays a portion oftext906 ofFIG.9B.Conversion representation908aindicates the measurement in text906 (e.g.,length measurement906aofFIG.9B) for whichcomputer system600 can convert to an equivalent measurement that has a unit of measurement that is different from the unit of measurement intext906. Each of conversion controls910 indicate a particular equivalent measurement to the measurement indicated by conversion-representation908a, which corresponds tolength measurement906athat was selected viainput950batFIG.9B. In particular, each of conversion controls910 indicate a unit of measurement that indicates a measure of length because the unit of measurement (e.g., “cm”) oflength measurement906a(e.g., “21 CM”) is a measure of length (e.g., because a determination was made that length measurement corresponds to a measure of length). Conversion controls910 include inches-conversion control910a(e.g., “Inches”), feet-and-inches-conversion control910b(e.g., “Feet and Inches”), yard-conversion control910c(e.g., “Yards”), millimeters-conversion control910d(e.g., “Millimeters”), centimeters-conversion control910e(e.g., “Centimeters”), and meters-conversion control910f(e.g., “Meters”). Inches-conversion control910aindicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 8 inches. Feet-and-inches-conversion control910bindicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 0 feet and 8 inches. Yard-conversion control910cindicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 0.23 yards. Millimeters-conversion control910dindicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 210 mm. Centimeters-conversion control910eindicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 21 cm. Meters-conversion control910findicates thatlength measurement906a(e.g., “21 CM”) is equivalent to a measurement of 0.21 meters. As illustrated inFIG.9C, the measurements indicated by each of the conversion controls ofFIG.9C are all equivalent to each other andlength measurement906a. For purposes of the description ofFIGS.9A-9I, an equivalent measurement or a measurement that is equivalent can be absolutely and/or approximately (e.g., rounded up and/or down to the nearest tenth, hundredth, ten-hundredth, and/or thousandth) equivalent to the measurement thatcomputer system600 is converting. In some embodiments, an equivalent measurement is only a measurement that is absolutely equivalent.
• In some embodiments,computer system600 displays one or more other conversion controls for convertinglength measurement906ainto an equivalent measure of length that has a different unit of measurement from the units of measurement that are represented by conversion controls910. In some embodiments,computer system600 displays one or more respective conversion controls of conversion controls910 because the units of measurements indicated by the one or more respective conversion controls are units of measurements that correspond to a location that is currently associated with thecomputer system600, such as the region (“United States”) indicated by device-region setting932 ofFIG.9A and/or alocation computer system600 detects based on geolocation information (e.g., a location based on data thatcomputer system600 obtains via one or more GPS sensors and/or data that is detected based on one or more Wi-Fi and/or cellular connections) (e.g., current geolocation information and/or information obtained within a period of time (e.g., within 30 minutes, within 5 hours, within 2 weeks, and/or within 1 month)). In some embodiments, a unit of measurement corresponds to a particular location based on a determination of whether a particular unit of measurement is commonly used in a particular location. For example, in some embodiments,computer system600 does not display yard-conversion control910cwhen a determination is made thatcomputer system600 is not in a region that commonly uses yards and/or the Imperial System of Measurement. In some embodiments,computer system600 displays a conversion control that indicates a conversion of the measurement represented by conversion-representation908ainto hectares based on a determination thatcomputer system600 is currently associated with a location that commonly (e.g., and/or preferably) uses hectares. In some embodiments, atFIG.9B,computer system600 does not emphasizelength measurement906a(and/or another measurement) based on a determination being made thatlength measurement906ahas a unit of measurement that is the only commonly used unit of measurement (and/or represents a unit of measurement from the only measurement system, such as the Metric System and/or the Imperial System of Measurement) in the location that is associated withcomputer system600. In some embodiments,computer system600 does not display a conversion user interface in response to detecting an input that is directed to a respective measurement that is not currently being emphasized and/or a measurement for which a determination has been made that the unit of measurement represented by the respective measurement is a unit of measurement that is the only commonly used unit of measurement (and/or represents a unit of measurement from the only measurement system) in the location that is associated withcomputer system600. In some embodiments, controls910 display measurement values that are all rounded to the same decimal place, such as the tenth, hundredth, or thousandths decimal place. AtFIG.9C,computer system600 detects tap input950c1 on a first portion of yard-conversion control910cor tap input950c2 on a second portion of yard-conversion control910c. In some embodiments, the first portion of yard-conversion control910c(e.g., or another control) includes copy control (e.g., as shown by the graphical user interface object in the middle of the indication for input950c1 ofFIG.9C).
• As illustrated inFIG.9D, in response to detecting tap input950c1 or tap input950c2,computer system600 replaces display oflength measurement906aofFIG.9B (“21 CM”) with display oflength measurement906c(“0.23 Yards”) intext906.Length measurement906cis the measurement (“0.23 Yards”) indicated by yard-conversion control910cofFIG.9C that is equivalent tolength measurement906aofFIG.9B (“21 CM”). In some embodiments,computer system600overlays length measurement906coverlength measurement906aofFIG.9B intext906. In some embodiments,computer system600 emphasizeslength measurement906cto indicate thatlength measurement906cis not an original portion oftext906. In some embodiments,computer system600 emphasizeslength measurement906cby displayinglength measurement906cin a box and/or displayinglength measurement906cwith a visual characteristic (e.g., color, font, size, share, and/or outline) that is different from the visual characteristic oflength measurement906aofFIG.9B. In some embodiments, in response to detecting tap input950c1 or tap input950c2,computer system600 copies display oflength measurement906aofFIG.9B into a copy buffer. In some embodiments, in response to detecting tap input950c1,computer system600 copies display oflength measurement906ainto a copy buffer without replacing display oflength measurement906aofFIG.9B (“21 CM”) with display oflength measurement906c(“0.23 Yards”) intext906. In some embodiments, in response to detecting tap input950c1,computer system600displays length measurement906cin another application, such as word processing application, a communication application (e.g., an e-mail application and/or a text application), and/or a productivity application (e.g., a note taking application and/or a presentation application), without detecting intervening user input after tap input950c1 is detected. In some embodiments, in response to detecting an input on a conversion control of conversion controls910 that is different from yard-conversion control910catFIG.9C,computer system600 copies the measurement represented by the respective conversion control and/or replaces display oflength measurement906aofFIG.9B with display of the measurement represented by the respective conversion control (e.g., that is different fromlength measurement906c), using one or more similar techniques as discussed above. AtFIG.9D,computer system600 detectstap input950dondegree measurement906b(“100°”).
• As illustrated inFIG.9E, in response to detectingtap input950d,computer system600 displays an ambiguous conversion user interface that includes conversion-representation908b(e.g., “100°), conversion-option controls912, andcopy control914.Computer system600 displays the ambiguous conversion user interface atFIG.9E because a determination was made that the unit of measurement ofdegree measurement906bis ambiguous. Here, the unit of measurement (e.g., “°”) ofdegree measurement906bis ambiguous because the unit of measurement does not signify the type of degree, such as a degree of a particular temperature (e.g., Celsius and/or Fahrenheit) and/or a degree of angle. Accordingly,computer system600 displays the ambiguous conversion user interface atFIG.9E to determine (e.g., based on input from a user) howcomputer system600 should interpret the unit of measurement that corresponds todegree measurement906b. Conversion-option controls912 are options for howcomputer system600 can interpret the unit of measurement that corresponds to the unit of measurement ofdegree measurement906b.Computer system600 displays a respective conversion-option control of conversion-option controls912 because a determination is made that the respective conversion-option control indicates an appropriate unit of measurement that could correspond to the unit of measurement ofdegree measurement906b. Conversion-option controls912 include convert-to-Fahrenheit-option control912a, convert-to-Celsius-option control912b, and convert-to-angle-option control912c. Convert-to-Fahrenheit-option control912aincludestemperature indication912a1, which indicates that the unit of measurement (“F”) that corresponds to convert-to-Fahrenheit-option control912arepresents a type of temperature measurement. Convert-to-Celsius-option control912bincludestemperature indication912b1, which indicates that the unit of measurement (“C”) that corresponds to convert-to-Celsius-option control912brepresents a type of temperature measurement. Convert-to-angle-option control912cincludesdegree indication912c1, which indicates the unit of measurement that corresponds to convert-to-angle-option control912crepresents a type of angle measurement. Notably,temperature indication912a1 andtemperature indication912b1 both include pictures of a thermometer to indicate a temperature measurement. However, atFIG.9E, the thermometer oftemperature indication912a1 is less filled up thantemperature indication912b1. Here, the thermometer oftemperature indication912a1 is less filled up thantemperature indication912b1 to show that 100° F. is a colder temperature than 100° C. In other words, in some embodiments, indications that correspond to conversion option controls can indicate a degree (e.g., scalding, hot, warm, cold, long, short, wide, and/or narrow) of difference between an ambiguous measurement being converted to one unit of measurement over another unit of measurement. AtFIG.9E,computer system600 detectstap input950eon convert-to-Celsius-option control912b.
• As illustrated inFIG.9F, in response to detectingtap input950e,computer system600 displays Fahrenheit-conversion control982b1 and Kelvin-conversion control982b2. Additionally,computer system600 continues to display convert-to-Celsius-option control912bwithtemperature indication912b1 and ceases to display convert-to-Fahrenheit-option control912aand convert-to-angle-option control912c. As illustrated inFIG.9F, in response to detectingtap input950e,computer system600 adds a “C” todegree measurement906bintext906. AtFIG.9F,computer system600 adds a “C” (and/or overlays a “C” over a portion oftext906 that is next) todegree measurement906bintext906 in order to indicate thatcomputer system600 has interpreted 100° to be 100° C. In some embodiments, in response to detectingtap input950e,computer system600 does not add the “C” todegree measurement906b. In some embodiments, in response to detecting an input on one of Fahrenheit-conversion control982b1 and Kelvin-conversion control982b2,computer system600 performs one or more operations corresponding to the control to which the input was on anddegree measurement906b, using one or more techniques discussed above in relation tolength measurement906aand inputs950c1-950c2 ofFIGS.9B-9D. In some embodiments,computer system600 expands convert-to-Celsius-option control912bto display Fahrenheit-conversion control982b1 and Kelvin-conversion control982b2. In some embodiments,computer system600 continues to display one or more convert-to-Fahrenheit-option control912aand convert-to-angle-option control912cwhile continuing to display Fahrenheit-conversion control982b1 and Kelvin-conversion control982b2. In some embodiments,computer system600 detects an input atFIG.9E on convert-to-Fahrenheit-option control912aand, in response to detecting the input atFIG.9E on convert-to-Fahrenheit-option control912a, displays one or more different conversion controls that correspond to 100° F., such as a control that, when selected, causescomputer system600 to convert 100° F. to 37.78° C. In some embodiments,computer system600 detects an input atFIG.9E on convert-to angle-option control912cand, in response detecting the input atFIG.9E on convert-to angle-option control912c, displays one or more different conversion controls (e.g., different from controls982b1-982b2) that correspond to 100° (e.g., an angle of degrees), such as a control that, when selected, causes computer system to convert 100° to 1.74533 (or 1.7, 1.75, or 1.745) radians. In some embodiments,computer system600 detects an input atFIG.9E oncopy control914 and, in response to detecting the input atFIG.9E oncopy control914,computer system600copies 100° a copy buffer without expanding one or more of conversion-option controls912 ofFIG.9E.
• FIG.9G illustrates an alternative user interface that could be displayed in response to detecting an input directed todegree measurement906bofFIG.9D if the unit of measurement that corresponds todegree measurement906bofFIG.9D was determined to be unambiguous and be Celsius. AtFIG.9G, instead of displaying an ambiguous conversion user interface,computer system600 displays a conversion user interface that includes conversion controls916. The conversion user interface atFIG.9G is displayed because the unit of measurement that corresponds todegree measurement906bofFIG.9D was determined to be unambiguous and be Celsius in response to detecting an input directed todegree measurement906bofFIG.9D. In response to detecting an input directed to one of conversion controls916,computer system600coverts 100° C. in the text ofFIG.9G to an equivalent measurement, using or more techniques as described above in relation toFIGS.9B-9C.
• FIG.9H illustrates exemplary scenarios of how a computer system can translate information and convert measurements from source material differently based on a particular location that is associated with a computer system. Computer systems600a1-600a4 includes one or more components and/or perform one or more operations described above with respective toelectronic device100,300, and/or500 andcomputer system600. For the purposes of discussion ofFIG.9H, computer systems600a1-600a4 are all in the same physical location and are positioned close together. AtFIG.9H, computer systems600a1-600a4 are displaying a webpage that includes a representation ofmenu940. The representation ofmenu940 is a representation of previously captured media. The representation ofmenu940 includes text in English that describes each menu item and the currency for the menu item is in U.S. Dollars. Thus, the original representation ofmenu940 looks like the representation ofmenu940 that is being displayed by computer system600a1. In other words, atFIG.9H, computer system600a1 is not translating any portion of the representation ofmenu940 or converting any of the prices onmenu940 into any other currency. AtFIG.9H, computer system600a1 does not translate any portion of the representation ofmenu940 or convert any of the prices onmenu940 into any other currency because a determination is made that computer system600a1 is associated with the United States based on the device region setting of computer system600a1 (e.g., as discussed above in relation toFIG.9A) being set to “United States” (e.g., as indicated by deviceregion setting indication988a). Moreover, computer system600a1 does not translate any portion of the representation ofmenu940 or convert any of the prices onmenu940 into any other currency because a determination has been made that English is a language that is common to the United State and the U.S. Dollar is a currency that is common to the United States (e.g., the device region to which the device region setting of computer system600a1 is set). AtFIG.9H, computer system600a2 does not translate any portion of the representation ofmenu940 but converts the prices onmenu940 into pounds because a determination is made that computer system600a2 is associated with the United Kingdom based on the device region setting of computer system600a2 being set to “United Kingdom” (e.g., as indicated by deviceregion setting indication988b). In particular, computer system600a2 does not translate any portion of the representation ofmenu940 because a determination has been made that English is a language that is common to the United Kingdom. However, computer system600a2 converts the prices onmenu940 because the pound is the currency that is common to (or more preferred in and/or the official currency of) the United Kingdom. AtFIG.9H, computer system600a3 translates portions of the representation ofmenu940 and converts the prices onmenu940 into Australian Dollars because a determination is made that computer system600a3 is associated with Australia based on the device region setting of computer system600a3 being set to “Australia” (e.g., as indicated by deviceregion setting indication988c). In particular, computer system600a3 does not translate any portion of the representation ofmenu940 because a determination has been made that English is a language that is common to Australia. However, computer system600a3 converts the prices onmenu940 because the Australian Dollar is the currency that is common to (or preferred in (e.g., relative to the original currency) and/or the official currency of) Australia. AtFIG.9H, computer system600a4 translates portions of the representation ofmenu940 into German and converts the prices onmenu940 into euros because a determination is made that computer system600a4 is associated with Germany based on the device region setting of computer system600a4 being set to “Germany” (e.g., as indicated by deviceregion setting indication988d). In particular, computer system600a4 translates portions of the representation ofmenu940 into German because a determination has been made that German is a language that is common to (or more preferred in in (e.g., relative to the original language of menu440) and/or the official currency of) Germany. In addition, computer system600a4 converts one or more prices onmenu940 from dollars to euros because the euro is the currency that is common to (or more preferred in and/or the official currency of) Germany. In some embodiments, a computer system uses the geolocation of the computer system to determine whether or not to translate (e.g., automatically translate) or convert a measurement (e.g., as also described above in relation toFIGS.9A-9B) in addition to and/or in lieu of using a device region setting to the determine whether or not to translate or convert a measurement. AtFIG.9H, computer system600a4 detectstap input950honprice962.
• FIG.10 is a flow diagram illustrating methods of converting one or more portions of a media representation in accordance with some embodiments.Method1000 is performed at a computer system (e.g.,100,300,500, and/or600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface). Some operations inmethod1000 are, optionally, combined, the orders of some operations are, optionally, changed, and some operations are, optionally, omitted.
• As described below,method1000 provides an intuitive way for converting one or more portions of a media representation. The method reduces the cognitive burden on a user for converting one or more portions of a media representation, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to convert one or more portions of a media representation faster and more efficiently conserves power and increases the time between battery charges.
• Method1000 is performed at a computer system (e.g.,600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface).
• While displaying a representation that includes text (e.g.,906 and/or940) (e.g., a representation of an image, a paragraph, one or more lines, a receipt, and/or a document), the computer system detects (1002) an input (e.g.,950band/or950d) (e.g., a tap input or a non-tap input (e.g., a long-press input, a swipe input, a multi-tap input, an input on a physical input mechanism (e.g., a rotatable input mechanism and/or a button) and/or a mouse click) that corresponds to selection of a portion of the text in the representation (and/or selection of the first measurement).
• In response to detecting the input (e.g.,950band/or950d) that corresponds to selection of the portion (e.g.,906aand/or906b) of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria, where the respective set of criteria includes a criterion that is met when a determination is made that the portion of the text corresponds to a first measurement that has a first number and a first unit of measurement, the computer system displays (1004), via the display generation component, a respective user interface (e.g., user interface that displays910,912,912b,916,960,982b1, and/or982b2) for converting the first measurement into one or more other units of measurement, where the respective user interface includes a visual representation (e.g., one or more of910,912,912b,916,960,982b1, and/or982b2) of a second measurement that has a second number with a second unit of measurement that is different from the first unit of measurement (e.g., the first unit and the second unit are units for the same type of measurement (e.g., length, width, volume, currency, and/or temperature)). The second number is a conversion of the first number from the first unit of measurement to the second unit of measurement. In some embodiments, the respective user interface includes a second measurement that has a second number (different from the first number) and a second unit, different from the first unit (e.g., the first unit and the second unit are units for the same type of measurement (e.g., length, width, volume, currency, and/or temperature)). In some embodiments, the second measurement is a conversion of the first measurement. In some embodiments, the second measurement and/or the respective user interface is displayed concurrently with the representation that includes text in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets a respective set of criteria. In some embodiments, in response to detecting the input that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation does not meet the respective set of criteria, the computer system does not display the respective user interface and/or the second measurement. Displaying the respective user interface for converting the first measurement into one or more other units of measurement t when prescribed conditions are met allows the computer system to automatically display a conversion for (and convert) a measurement for a portion of the text in the representation that meets a respective set of criteria, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the respective user interface (e.g., user interface that displays910,912,912b,916,960,982b1, and/or982b2) includes a visual representation (e.g., one or more of910,912,912b,916,960,982b1, and/or982b2) of a third number with a third unit of measurement that is different from the first unit of measurement (e.g.,906a,906b, and/or940) and the second unit of measurement (e.g., one or more of910,912,912b,916,940,960,982b1, and/or982b2). In some embodiments, the third number is a conversion of the first number from the first unit of measurement to the third unit of measurement. In some embodiments, the visual representation of a third number with the third unit of measurement is concurrently displayed with the visual representation of the second number with the second unit of measurement. In some embodiments, the visual representation of the third number with the third unit of measurement is concurrently displayed with the visual representation of the second number with the second unit of measurement and the visual representation of the first number with the first unit of measurement. Concurrently displaying the visual representation of a third number with the third unit of measurement with the visual representation of the second number with the second unit of measurement when prescribed conditions are met allows the computer system to automatically display multiple conversions for and convert a measurement for a portion of the text in the representation that meets a respective set of criteria, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, displaying the respective user interface for converting the first measurement into one or more other units of measurements includes displaying, via the display generation component, a first user interface object (e.g., one or more of910,912,912b,914,916,960,982b1, and/or982b2). In some embodiments, while displaying the first user interface object, the computer system detects an input (e.g.,950c1 and/or950c2) directed to the first user interface object. In some embodiments, in response to detecting the input directed to the first user interface object, the computer system copies (e.g., into a copy buffer) the second number with the second unit of measurement (e.g., without copying the first number with the first unit of measurement). Copying the second number with the second unit of measurement in response to detecting the input directed to the first user interface object provides the user with a control option to copy a conversion of a unit of measurement that is in the portion of the text, which provides additional control options without cluttering the user interface.
• In some embodiments, displaying the respective user interface for converting the first measurement into one or more other units of measurements includes displaying, via the display generation component, a second user interface object (e.g., one or more of910,912,912b,916,960,982b1, and/or982b2). In some embodiments, while displaying the second user interface object, the computer system detects an input (e.g.,950c1 and/or950c2) directed to the second user interface object. In some embodiments, in response to detecting the input directed to the second user interface object, the computer system replaces display of the portion of text (e.g.,906a) (e.g., the portion of the text corresponding to the first portion of the text) with display of the second number with the second unit of measurement (e.g.,906c) (e.g., while continuing to display at least a second portion of the text (e.g., the second portion of text is different from the portion of the text)). Replacing display of the portion of text with display of the second number with the second unit of measurement provides the user with a control option to replace, in the portion of text, the measurement in the portion of text with a conversion of the measurement, which provides additional control options without cluttering the user interface.
• In some embodiments, the respective set of criteria includes a criterion that is met when a determination is made that the first unit of measurement (and/or the first measurement) is ambiguous (e.g., as described above in relation to960binFIG.9D) (e.g., is a measurement or a portion of a measure that could be used multiple types of measurements (e.g., an ounce (e.g., fluid ounces vs weight ounces) and/or a degree (e.g., a degree of an angle and/or a degree of a temperature)). In some embodiments, in response to detecting the input (e.g.,950band/or950d) that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text corresponds to the first measurement (and/or the first measurement) is not ambiguous (e.g., is not a measurement for two different types of measurements (e.g., Kelvins and/or inches)) the computer system displays, via the display generation component, a second user interface (e.g., user interface that includes912a-912c) that is different from the respective user interface (e.g., user interface that includes910). In some embodiments, the second user interface does not include the visual representation of the second number with the second unit of measurement. Choosing whether to display the respective user interface or the second user interface based on prescribed conditions allows the computer system to display different user interface based on whether a detected measurement in the portion of text is ambiguous, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the second user interface includes: a third user interface object (e.g.,912a-912c) that, when selected, causes the computer system to identify the first unit of measurement as a third unit of measurement; and a fourth user interface object (e.g.,912a-912c) that, when selected, causes the computer system to identify the second unit of measurement as a fourth unit of measurement that is different from (e.g., a different type of measurement than) the third unit of measurement. In some embodiments, the third user interface object is concurrently displayed with the fourth user interface object. Displaying the second user interface that includes the third user interface object and the fourth user interface object allows the computer system to provide the user with different user interface objects to choose a type of measurement in the portion of text, which provides additional control options without cluttering the user interface.
• In some embodiments, while displaying the second user interface (e.g., user interface that includes912a-912c) that includes the third user interface object and the fourth user interface object, the computer system detects a first input directed to the second user interface. In some embodiments, in response to detecting the first input directed to the second user interface, the computer system displays, via the display generation component, the visual representation (e.g.,982b1-982b2) of the second number with the second unit of measurement. Displaying the visual representation of the second number with the second unit of measurement in response to detecting the input directed to the second user interface allows the computer system to display the second number with the second unit of measurement after the user has selected a user interface object to choose a type of measurement in the portion of text, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, while displaying the second user interface (e.g., user interface that includes912a-912c) that includes the third user interface object and the fourth user interface object, the computer system detects a second input (e.g.,950e) directed to the second user interface. In some embodiments, in response to detecting the second input (e.g.,950e) directed to the second user interface and in accordance with a determination that the second input directed to the second user interface was directed to the third user interface object, the computer system displays, via the display generation component, a visual representation (e.g.,982b1-982b2) of a third number with a third unit of measurement that is different from the first unit of measurement. In some embodiments, the third number is a conversion of the first number based on the third unit of measurement (and the third number is not a conversion of the first number based on the fourth unit of measurement) (e.g., as described above in relation toFIG.9F). In some embodiments, in response to detecting the second input (e.g.,950e) directed to the second user interface and in accordance with a determination that the second input directed to the second user interface was directed to the fourth user interface object, the computer system displays, via the display generation component, a visual representation (e.g.,982b1-982b2) of a fourth number with a fourth unit of measurement that is different from the first unit of measurement and the third unit of measurement. In some embodiments, the fourth number is a conversion of the first number based on the fourth unit of measurement (and the fourth number is not a conversion of the first number based on the third unit of measurement) (e.g., as described above in relation toFIG.9F). In some embodiments, the third number is different form the fourth number. In some embodiments, the third unit of measurement that is different from the fourth unit of measurement. Displaying the second number and the second unit of measurement as a different number and/or a different unit of measurement based on an input being directed to the third user interface object or the fourth user interface object allows the computer system to automatically display the second number and the second unit of measurement based on the input, which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, while displaying the representation (e.g.,940) that includes the text, the computer system detects an input that corresponds to a request to translate one or more portions of the text. In some embodiments, in response to detecting the input that corresponds to the request to translate one or more portions of the text and in accordance with a determination that the one or more portions of text meets the respective set of criteria and the one or more portions of text are not in a first language (and/or are in a second language that is different form the first language), the computer system displays, via the display generation component, a first translated version of the one or more portions text. In some embodiments, the first translated version of the one or more portions of text includes a visual representation of a seventh number with a seventh unit of measurement. In some embodiments, the first translated version is in the first language (e.g., as described above in relation toFIG.9H). In some embodiments, the seventh unit of measurement and the seventh number are different units of measurements and numbers than the units of measurements and the numbers in the one or more portions of text. In some embodiments, the first language is associated with a device region (e.g., a primary, secondary, and/or tertiary language of a region) setting (e.g., a setting that designates a region (e.g., United States, Europe, China, India, etc.) that the computer system is set as being commonly used in). In some embodiments, the one or more portions of text include items (e.g., products, food, services, and/or menu items) and currency, where the currency is the unit of measurement). Displaying, a first translated version of the one or more portions text. In some embodiments, the first translated version of the one or more portions of text includes a visual representation of a seventh number with a seventh unit of measurement. In some embodiments, the first translated version is in the first language when prescribed conditions are met allows the computer system to automatically and concurrently translate text and convert measurements in the text, which performs an operation when a set of conditions has been met without requiring further user input and provides additional control options without cluttering the user interface.
• In some embodiments, in response to detecting the input (e.g.,950band/or950d) that corresponds to selection of the portion of the text in the representation and in accordance with a determination that the portion of the text in the representation meets the respective set of criteria, the computer system displays, via the display generation component, a respective indication (e.g.,912a1,912b1, and/or912c1) that represents the first number and the first unit of measurement. In some embodiments, in accordance with a determination that the first number is within a first range of values for the first unit of measurement (e.g., as indicated by912a-912c), the respective indication (e.g.,912a1,912b1, and/or912c1) is a first indication. In some embodiments, in accordance with a determination that the first number is within a second range of values for the first unit of measurement (e.g., as indicated by912a-912c), where the second range of values is different from (e.g., not within) the first range of values, the respective indication (e.g.,912a1,912b1, and/or912c1) is a second indication that is different from (e.g., visually different from and/or represented by one or more different words, symbols, characters, and/or images) the first indication. In some embodiments, the second indication corresponds to the second range of values and the first indication corresponds to the first range of values. In some embodiments, the computer system does not display the respective indication after the first number with the first unit of measurement has been converted (e.g., as described above and shown in relation to912bofFIGS.9E-9F) (e.g., an indication, such as the respective indication, that indicates that zero degrees Celsius is cold would not change even if zero degrees Celsius is converted into Fahrenheit or Kelvin). Displaying the respective indication as a different indication based on whether the first number is within a first range of values for the first unit of measurement or within a second range of values for the first unit of measurement provides the user with visual feedback about how the first number relates to first unit of measurement and/or the type of measurement of the first unit of measure and provides the user with feedback concerning the indication of value even if a user is not familiar with the system of measurement and/or the unit of measurement that accompanies the value, which provides visual feedback to the user, which provides visual feedback to the user.
• In some embodiments, the respective set of criteria includes a criterion that is met when a determination is made that a location associated with the computer system is one location within a set of locations (e.g., as described above in relation toFIGS.9A-9B and/or9H). Displaying the respective user interface for converting the first measurement into one or more other units of measurement when prescribed conditions are met allows the computer system to automatically display a conversion for a measurement in the representation based on a location, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the location associated with the computer system is determined via a system setting (e.g.,932) (e.g., a region setting and/or a device region setting) (e.g., a setting that does not change (e.g., without additional user input) based on the location of the computer system (e.g., once the setting is set)). In some embodiments, the setting is manually set by a user of the computer system. Displaying the respective user interface for converting the first measurement into one or more other units of measurement when prescribed conditions are met allows the computer system to automatically display a conversion for a measurement in the representation based on a location determined via a system setting (e.g., a device region setting), which performs an operation when a set.
• In some embodiments, the location associated with the computer system is determined via geolocation information (e.g., information that changes based on the location of the computer system and/or based on data detected by one or more GPS sensors in communication with the computer system) (e.g., as described above in relation toFIGS.9A-9B and/or9H). Displaying the respective user interface for converting the first measurement into one or more other units of measurement when prescribed conditions are met allows the computer system to automatically display a conversion for a measurement in the representation based on a location determined via geolocation information, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the set of locations are locations where multiple units of measurements (e.g., multiple types of units of measures) that correspond to the first unit of measurement are used (e.g., as described above in relation toFIGS.9A-9B and/or9H). Displaying the respective user interface for converting the first measurement into one or more other units of measurement when prescribed conditions are met allows the computer system to automatically display a conversion of a measurement in the portion of the text based on a location where multiple types of units of measures that correspond to the first unit of measurement are used, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the respective set of criteria includes a criterion that is met when the first unit of measurement is not a native unit of measurement (e.g., a unit of measurement that is commonly used and/or is identified (e.g., by the computer system) as being commonly used in the second location) in a second location associated with the computer system (e.g., as described above in relation toFIGS.9A-9B and/or9H) (e.g., associated based on (e.g., based on and/or via) current (e.g., detected within the last 1-60 minutes, 1-31 days, and/or 1-8 weeks) geolocation information and/or a current system setting). Displaying the respective user interface for converting the first measurement into one or more other units of measurement when prescribed conditions are met allows the computer system to automatically display a conversion of a measurement in the portion of the text in the representation based on whether the unit of measurement is native to the location associated with the computer system, which performs an operation when a set of conditions has been met without requiring further user input.
• Note that details of the processes described above with respect to method1000 (e.g.,FIG.10) are also applicable in an analogous manner to the methods described below/above. For example,method1000 optionally includes one or more of the characteristics of the various methods described below with reference tomethod1200. For example,method1000 can be used to convert one or more portions of a media representation while descriptions for one or more symbols in a media representation are provided based onmethod1200.
• FIGS.11A-11G illustrate exemplary user interfaces for providing descriptions for one or more symbols in a media representation in accordance with some embodiments. The user interfaces inFIGS.11A-11G are used to illustrate the processes described below, including the processes inFIG.12.
• FIG.11A illustratescomputer system700 displaying a media viewer user interface that includesapplication control region1192,media viewer region1194, andapplication control region1196.Media viewer region1194 includesenlarged representation1104a, which is representative of the same media item asthumbnail representation1106a.Media viewer region1194 is not substantially overlaid with controls, whileapplication control region1192 andapplication control region1196 are substantially overlaid with controls.Enlarged representation1104aincludes a person standing under a sign.Enlarged representation1104adoes not include one or more symbols, such as the symbols (e.g., one or more flags, road signs, laundry symbols, packaging symbols, and/or material hazard symbols) discussed below in reference toFIGS.11B-11G.
• Application control region1196 includes some of thumbnail representations1106 (e.g.,1106a-1106c) that are displayed in a single row. Becauseenlarged representation1104ais displayed inmedia viewer region1194, thumbnail representation1112ais displayed as being selected. In particular, thumbnail representation1112ais displayed as being selected inFIG.11A by being displayed as having space from the other thumbnails (e.g.,1112band1112c). In addition,application control region1196 includesshare control1126a(e.g., that, when selected, causescomputer system600 to initiate a process for transmitting a media item represented by the enlarged representation), favorites control1126b(e.g., that, when selected, causescomputer system600 to mark/unmark the media item represented byenlarged representation1104aas a favorite media),information control1126c(e.g., that, when selected, causescomputer system600 to display additional information concerning the media item represented byenlarged representation1104a), andtrash control1126d(e.g., that, when selected, causescomputer system600 to delete (or initiate a process for deleting) the media item represented by enlarged representation11a). AtFIG.11A,computer system600 detectsrightward swipe input1150aonmedia viewer region1194 and/orenlarged representation1104a.
• As illustrated inFIG.11B, in response to detectingrightward swipe input1150a,computer system600 displays enlargedrepresentation1104band ceases to displayenlarged representation1104a.Enlarged representation1104bincludesNigerian flag1104b1 andU.S. flag1104b2 but does not includeflag description1120aandflag description1120b. Instead,computer system700 displaysflag description1120aandflag description1120bby overlaying each description over a respective portion ofenlarged representation1104b. As further evidence thatenlarged representation1104bdoes not includeflag description1120aandflag description1120b, one can compareenlarged representation1104btothumbnail media representation1106b, which represent the same media item. As illustrated inFIG.11B,thumbnail media representation1106bdoes not include any representations offlag description1120aorflag description1120band is a smaller version ofenlarged representation1104b. AtFIG.11B,computer system600 displaysflag description1120abecause a determination is made thatNigerian flag1104b1 has a set of one or more properties that represent the Nigerian Flag. Accordingly,flag description1120ais a description (“FLAG OF THE FEDERAL REPUBLIC OF NIGERIA) that is representative ofNigerian flag1104b1. Likewise, atFIG.11B,computer system600 displaysflag description1120bbecause a determination is made thatU.S. flag1104b2 has a set of one or more properties that represent the U.S. Flag. Accordingly,flag description1120bis a description (“FLAG OF THE UNITED STATES OF AMERICA”) that is representative ofU.S. flag1104b2. Notably,computer system600 overlaysflag description1120aover a portion ofenlarged representation1104bthat is nearNigerian flag1104b1 and overlaysflag description1120bover a portion ofenlarged representation1104bthat is nearU.S. flag1104b2. In some embodiments,computer system600 displays one or more offlag description1120aandflag description1120bin another portion of the user interface ofFIG.11B and/or does not overlay one or more of the flags over a portion ofenlarged representation1104b. AtFIG.11B,computer system600 detectstap input1150bonNigerian flag1104b1.
• As illustrated inFIG.11C, in response to detectingtap input1150b,computer system600 displaysadditional description1120c, which include additional description concerningNigerian flag1104b1. As illustrated inFIG.11C, in response to detectingtap input1150b,computer system600 does not display any additional description that concerns and/or that is nearU.S. flag1104b2 becauseinput1150bwas not directed toU.S. flag1104b2. Thus, as illustrated inFIGS.11B-11C,computer system600 can display additional information concerning a symbol based on an input being directed towards the symbol. AtFIG.11C,computer system600 continues to display flag descriptions1120a-1120bonenlarged representation1104bin response to detectingtap input1150b. In some embodiments,computer system600 ceases to display one or more of flag descriptions1120a-1120bin response to detectingtap input1150b. In some embodiments, in response to detectingtap input1150b,computer system600 emphasizesNigerian flag1104b1 relative toU.S. flag1104b2 and/or emphasizesadditional description1120crelative to one or more of flag descriptions1120a-1120b. AtFIG.11C,computer system600 detectsrightward swipe input1150conenlarged representation1104b.
• As illustrated inFIG.11D, in response to detectingrightward swipe input1150c,computer system600 displays enlargedrepresentation1104cand ceases to displayenlarged representation1104c. As illustrated inFIG.11D,enlarged representation1104cincludesroad sign1104c1 but does not include road-sign description1120d(e.g., as evidenced by thumbnail representation1160cincludingroad sign1104c1 but not including road-sign description1120dfor similar reasons as discussed above in relation toenlarged representation1104band thumbnail representation1160binFIG.11B). AtFIG.11D, a determination is made thatroad sign1104c1 has a set of one or more properties that represent a particular type of road sign (a “Slippery When Wet” road sign). As illustrated inFIG.11D, because the determination was made thatroad sign1104c1 has the set of one or more properties that represent the particular type of road sign,computer system600 displays road-sign description1120d(“Slippery When Wet”) over a portion ofenlarged representation1104c. AtFIG.11D, computer system detectsrightward swipe input1150donenlarged representation1104c.
• As illustrated inFIG.11E, in response to detectingrightward swipe input1150d,computer system600 displays enlargedrepresentation1104dand ceases to displayenlarged representation1104c. As illustrated inFIG.11E,enlarged representation1104dincludeslaundry representations1104d1-1104d4 but does not include laundry-symbol description1120e(e.g., as evidenced by thumbnail representation1160dincludinglaundry representations1104d1-1104d4 but not including laundry-symbol description1120efor similar reasons as discussed above in relation toenlarged representation1104band thumbnail representation1160binFIG.11B). As illustrated inFIG.11E, a determination is made thatlaundry representations1104d1-1104d4 have set of one or more properties that represent different types of laundry symbols. As illustrated inFIG.11E, because the determination is made thatlaundry representations1104d1-1104d4 have set of one or more properties that represent different types of laundry symbol,computer system600 displays laundry-symbol description1120e(“Do not wash or beach this item. This item may be ironed at low temperature or be professionally dry cleaned). Notably, atFIG.11E,computer system600 provides a single description for multiple laundry symbols (e.g.,laundry representations1104d1-1104d4). Here,computer system600 provides a single description becausecomputer system600 has determined that the laundry symbols should be interpreted as a group (e.g., instead of independently and/or separately as the flag were interpreted inFIGS.11B-11C). In some embodiments,computer system600 provide a single description for multiple symbols, such as multiple laundry symbols, packaging symbol, and/or material hazard symbols. In some embodiments,computer system600 interprets the multiple symbols individually to provide the single description. In some embodiments,computer system600 interprets the multiple symbols as a group to provide the single description. In some embodiments,computer system600 displays a description for symbols that have been interpreted as a ground concurrently with a description for a symbol that has been interpreted individually. In some embodiments, in response to detecting an input directed tolaundry symbol1104d1,computer system600 displays a description that corresponds tolaundry symbol1104d1. In some embodiments, in response to detecting an input directed tolaundry symbol1104d2,computer system600 displays a description that corresponds tolaundry symbol1104d2 that is different from the description that corresponds tolaundry symbol1104d1. AtFIG.11E,computer system600 detectsrightward swipe input1150eonenlarged representation1104d.
• As illustrated inFIG.11F, in response to detectingrightward swipe input1150e,computer system600 displays enlargedrepresentation1104eand ceases to displayenlarged representation1104d.Enlarged representation1104eincludes a product that includesmaterial hazard symbol1104e1 andpackaging symbol1104e2 but does not include material-hazard-symbol1120fandpackaging symbol1120g(e.g., as evidenced by thumbnail representation1160eincludingmaterial hazard symbol1104e1 andpackaging symbol1104e2 but not including material-hazard-symbol description1120fandpackaging symbol description1120gfor similar reasons as discussed above in relation toenlarged representation1104band thumbnail representation1160binFIG.11B). AtFIG.11F, a determination is made thatmaterial hazard symbol1104e1 has a set of one or more properties that represent a particular type of material hazard symbol. In addition, a determination is made thatpackaging symbol1104e2 has a set of one or more properties that represent a particular type of packaging symbol. AtFIG.11F, because a determination is made thatmaterial hazard symbol1104e1 has a set of one or more properties that represent the particular type of material hazard symbol (e.g., a “Poison” symbol),computer system600 displays material-hazard-symbol description1120f(“Poison”) over a portion ofenlarged representation1104e. AtFIG.11F, because determination is made thatpackaging symbol1104e2 has a set of one or more properties that represent a particular type of packaging symbol (e.g., a “Do Not Recycle” symbol),computer system600 displayspackaging symbol description1120g(“Do not Recycle”) over a portion ofenlarged representation1104e.
• FIG.11G illustrates exemplary scenario wherecomputer system600 detects one or more objects (e.g., one or more types of objects) and an amount of the one or objects in a media representation and overlays a representation of the objects and the amount of objects over the media representation. As illustrated inFIG.11G,computer system600 displays enlargedrepresentation1104fthat includes jelly beans inbowl1104f1. AtFIG.11G, while displayingenlarged representation1104f, a determination is made that 128 jelly beans are depicted inenlarged representation1104f. As illustrated inFIG.11G, because the determination that 128 jelly beans are depicted inenlarged representation1104f,computer system600displays description1120h(“128 Jelly Beans”). As illustrated inFIG.11G,computer system600 displays enlargedrepresentation1104gthat includesmarbles1104g1. AtFIG.11G, while displayingenlarged representation1104g, a determination is made that 10 marbles are depicted inenlarged representation1104g. As illustrated inFIG.11G, because the determination is made that 10 marbles are depicted inenlarged representation1104g,computer system600displays description1120i(“10 Marbles”). As illustrated inFIG.11G,computer system600 displays enlargedrepresentation1104hthat includespencils1104h1. AtFIG.11G, while displayingenlarged representation1104h, a determination is made that 5 pencils are depicted inenlarged representation1104h. As illustrated inFIG.11G, because the determination is made that 5 pencils are depicted inenlarged representation1104h,computer system600displays description1120j(“5 Pencils”). As illustrated inFIG.11G,computer system600 displays enlargedrepresentation1104ithat includesbooks1104i1. AtFIG.11G, while displayingenlarged representation1104i, a determination is made that 3 books are depicted inenlarged representation1104i. As illustrated inFIG.11G, because the determination is made that 3 books are depicted inenlarged representation1104i,computer system600displays description1120k(“3 Books”).
• FIG.12 is a flow diagram illustrating methods of providing descriptions for one or more symbols in a media representation in accordance with some embodiments.Method1200 is performed at a computer system (e.g.,100,300,500, and/or600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface). Some operations inmethod1200 are, optionally, combined, the orders of some operations are, optionally, changed, and some operations are, optionally, omitted.
• As described below,method1200 provides an intuitive way for providing descriptions for one or more symbols in a media representation. The method reduces the cognitive burden on a user for providing descriptions for one or more symbols in a media representation, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to provide descriptions for one or more symbols in a media representation faster and more efficiently conserves power and increases the time between battery charges.
• Method1200 is performed at a computer system (e.g.,600) (e.g., a smartphone, a desktop computer, a laptop, a tablet) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system). In some embodiments, the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface).
• The computer system detects (1202) (e.g., receiving) a request (e.g.,1150a,1150c,1150d,1150e,11500 to display a representation of a media item.
• In response to detecting the request (e.g.,1150a,1150c,1150d,1150e,11500 to display the representation of the media item, the computer system displays (1204), via the display generation component, a respective user interface that includes a representation (e.g.,1104b-1104e) of a media item, where displaying the respective user interface includes: in accordance with a determination that the representation of the media item includes one or more symbols, displaying (1206), via the display generation component, a representation (e.g.,1120a-1120g) of an interpretation (e.g., text) (e.g., textual representation and/or textual information associated with the symbol and/or textual information that is an interpretation of the symbol) of at least a first symbol (e.g., a flag, laundry symbol, packaging symbol, material hazard symbol, road sign symbol, and/or another non-language and/or text symbol) (e.g., a graphical image that is not composed of only text) (e.g., a symbol that does not include words and/or phrases) of the one or more symbols concurrently with the representation (e.g.,1104b-1104e) of the media, where the representation of the interpretation of the one or more symbols in the media item is separate (e.g., not a part of the visual content of the media item) from the media item (e.g., the representation of the interpretation of the one or more symbols is automatically generated by the device and/or is not a part of the media item). In some embodiments, the representation of the interpretation of the one or more symbols in the media item is not a part of the representation of the media (e.g., before the request to display the representation of the media item was received). In some embodiments, in accordance with a determination that the representation of the media item does not include the one or more symbols, display the representation of the media item without displaying the representation of the interpenetration of at least the first symbol. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols when prescribed conditions are met allows the computer system to automatically display an interpretation of one or more symbols in a representation of media without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the interpretation of the one or more symbols is an interpretation of one symbol of the one or more symbols (e.g.,1120a,1120b,1120d,1120f, and/or1120g). In some embodiments, each of the one or more symbols are interpreted separately. In some embodiments, in accordance with a determination that the one symbol is a first type of symbol (e.g., a symbol that can and/or should be interpreted independently (e.g., a flag and/or a road sign)), the computer system displays an interpretation of the one symbol. In some embodiments, in accordance with a determination that the one symbol is a second type of symbol (e.g., a symbol that cannot and/or should not be interpreted independently (e.g., a laundry, a packaging, and/or a material hazard symbol), the computer system does not display an interpretation of the one symbol and/or displays a collective interpretation of the one symbol and another symbol. Automatically displaying a representation of an interpretation of one symbol when prescribed conditions are met allows the computer system to automatically display an interpretation of one of the one or more symbols in a representation of media, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the interpretation of the one or more symbols is a collective interpretation of a plurality of one or more symbols (e.g.,1120e). In some embodiments, the one or more symbols are interpreted collectively. Automatically displaying a representation of an interpretation of one symbol when prescribed conditions are met allows the computer system to automatically display a collective interpretation of multiple symbols in a representation of media, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, while displaying the representation (e.g.,1104b-1104e) of media that includes the one or more symbols, the computer system detects an input (e.g.,1150b) that is directed to a first symbol (e.g.,1104b1-1104b2) of the one or more symbols. In some embodiments, in response to detecting the input that is directed to the first symbol of the one or more symbols, the computer system displays, via the display generation component, information (e.g.,1120c) associated with (e.g., that corresponds to and/or about) the first symbol. In some embodiments, in response to detecting an input that is directed to a symbol of the one or more symbols that is different from the first symbol, the computer system displays information associated with the respective symbol. In some embodiments, the computer system displays information associated with the respective symbol without displaying the information associated with the first symbol. In some embodiments, the information associated with the respective symbol is different from the information associated with the first symbol. Displaying information associated with the first symbol in response to detecting the input that is directed to the first symbol of the one or more symbols provides the user with additional control to obtain information associated with one or more symbols, which provides additional control options without cluttering the user interface.
• In some embodiments, the one or more symbols include one or more flags (e.g.,1104b1-1104b2) (e.g., flag for a country, state, and/or region, and/or flag for a team (e.g., a sports team and/or another team). In some embodiments, the representation (e.g.,1120a-1120b) of the interpretation of at least the first symbol includes (and/or is) an interpretation of the one or more flags. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols that include one or more flags when prescribed conditions are met allows the computer system to automatically display an interpretation of one or more flags without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the one or more symbols include one or more laundry symbols (e.g.,1104d1-1104d4) (e.g., one or more washing, bleaching, ironing, dry cleaning, drying, machine wash normal, machine wash cold, machine wash warm, machine wash hot, hang to dry, dry in shade, do not iron, and/or do not bleach symbols). In some embodiments, the representation (e.g.,1120e) of the interpretation of at least the first symbol includes (and/or is) an interpretation of the one or more laundry symbols. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols that include one or more laundry symbols when prescribed conditions are met allows the computer system to automatically display an interpretation of one or more laundry symbols without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the one or more symbols include one or more packaging symbols (e.g.,1104e2) (e.g., one or more fragile, keep dry, compostable, recyclable, handle with care, this way up, do not open with knife, do not place near magnets, lift with two people, do not drop, stacking height/weight, do no stack, food safe, caution, and/or kitemark symbols). In some embodiments, the representation (e.g.,1120g) of the interpretation of at least the first symbol includes (and/or is) an interpretation of the one or more packaging symbols. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols that includes one or more packaging symbols when prescribed conditions are met allows the computer system to automatically display an interpretation of the one or more packaging symbols without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the one or more symbols include one or more material hazard symbols (e.g.,1104e1) (e.g., one or more explosive (e.g., symbol: exploding bomb), flammable (e.g., symbol: flame), oxidizing (e.g., symbol: flame over circle), corrosive (e.g., symbol: corrosion), acute toxicity (e.g., symbol: skull and crossbones), and/or hazardous to the environment (e.g., symbol: environment) symbols). In some embodiments, the representation (e.g.,11200 of the interpretation of at least the first symbol includes (and/or is) an interpretation of the one or more material hazard symbols. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols that include one or more material hazard symbols when prescribed conditions are met allows the computer system to automatically display an interpretation of the one or more material hazard symbols without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the one or more symbols include one or more road signs (e.g.,1104c1) (e.g., one or more traffic signs, red and white regulatory signs, warning signs, highway construction and maintenance signs, service signs, and/or guide signs). In some embodiments, the representation (e.g.,1120d) of the interpretation of at least the first symbol includes (and/or is) an interpretation of the one or more road signs. Automatically displaying a representation of an interpretation of at least a first symbol of one or more symbols that include one or more road signs when prescribed conditions are met allows the computer system to automatically display an interpretation of the one or more road signs without requiring additional user input, which performs an operation when a set of conditions has been met without requiring further user input and provides visual feedback.
• In some embodiments, the computer system identifies one or more objects in a representation of media. In some embodiments, the computer system displays an indication that includes the number of the particular type of object that is in the media representation based on detecting the number of the particular types of objects (e.g., as described above in relation toFIG.11G). In some embodiments, the computer system displays an indication and/or description (e.g., a description that includes the type of object (e.g., a piece of furniture and/or a type of shoe) that has been identified) of an identified object of the one or more objects. In some embodiments, the computer system displays one or more instructions (e.g., one or more instructions that corresponds to how to use and/or how to take care of (e.g., how to take care of plants (e.g., water frequently and/or needs partial sun), food (e.g., how to take care of a mango and eat it), and/or pets) the object and/or a product) for an identified object of the one or more objects. In some embodiments, the computer system displays an indication and/or a description of a subject (e.g., a celebrity) in the representation of media (e.g., where the representation of media is a frame of a video and/or movie). In some embodiments, computer system displays an indication and/or description that is an extended version of the identified object (e.g., a piece of art, book, and/or magazine that is related to an object). In some embodiments, the indication and/or description is interactive and selection of the indication and/or description displays an interactive user interface object that corresponds to an identified object (e.g., where selection of the user interface object, causes the computer system to play augmented-reality version of the identified object; an animation of the identified object and/or that corresponds to the identified object).
• Note that details of the processes described above with respect to method1200 (e.g.,FIG.12) are also applicable in an analogous manner to the methods described above/below. For example,method1200 optionally includes one or more of the characteristics of the various methods described above with reference tomethod1000. For example,method1000 can be used to convert one or more portions of a media representation while descriptions for one or more symbols in a media representation are provided based onmethod1200. For brevity, these details are not repeated below.
• FIGS.13A-13T illustrate exemplary user interfaces for providing one or more animations for detected objects in a media representation in accordance with some embodiments. In particular,FIGS.13A-13T illustrates exemplary user interfaces, wherecomputer system600 displays an animation for a detected object in response to detecting an input that is directed to (e.g., on, pointing to, attention on, and/or at a location corresponds to) the detected object. In some embodiments, the animation is displayed before one or more controls to copy an object and/or subject are displayed (e.g., without copying the background portion) (e.g., as described above in relation toFIGS.6A-6M). In some embodiments, the animation is displayed before one or more controls to remove a background portion of a media item are displayed (e.g., as described above in relation toFIGS.6A-6M). The user interfaces inFIGS.13A-13T are used to illustrate the processes described below, including the processes inFIG.14.
• FIG.13A illustratescomputer system600 displaying a media viewer user interface that includesapplication control region1192,media viewer region1194, andapplication control region1196.Media viewer region1194 includesenlarged representation1304a, which is representative of the same media item asthumbnail representation1306a.Application control region1196 includes some of thumbnail representations1106 (e.g.,1306a-1306e) that are displayed in a single row. Becauseenlarged representation1304ais displayed inmedia viewer region1194,thumbnail representation1306ais displayed as being selected (e.g., which is selected inFIG.13A for similar reasons as discussed above in relation tothumbnail representation1106abeing selected inFIG.11A).Application control region1192,media viewer region1194, andapplication control region1196 include similar controls and/or are displayed using similar techniques as discussed above in relation toFIGS.11A-11G.
• As illustrated inFIG.13A,enlarged representation1304ais a previously captured photo that includesbuoy1310 that is hanging on a wall andcup1320 that is positioned on a counter. AtFIG.13A,computer system600 detectstap input1350aoncup1320. AtFIG.13B, in response to detectingtap input1350a,computer system600 generates haptic (and/or audio) feedback and begins displaying an animation that is overlaid oncup1320 and/or that changes the appearance one or more portions ofcup1320. As illustrated inFIGS.13B-13I, the animation thatcomputer system600 begins displaying atFIG.13B includes interior-animation portion1340aand edge-animation portion1340b(e.g., where edge-animation portion1340bis described in further detail inFIGS.13F-13I).FIGS.13B-13E illustrate an exemplary embodiment concerning howcomputer system600 can display interior-animation portion1340ain relation tocup1320, andFIGS.13F-13I illustrate an exemplary embodiment concerning howcomputer system600 can display edge-animation portion1340bin relation tocup1320. Notably, atFIGS.13B-13I,computer system600 does not display an animation that changes the display ofbuoy1310 becausecomputer system600 did not detect a tap input onbuoy1310. In some embodiments, in response tocomputer system600 detecting an input on a background portion of a displayed media item,computer system600 does not display an animation (e.g., like the one described in relation toFIGS.13A-13Q) that changes an appearance of the background portion (e.g., such as the wall wherebuoy1310 is hanging inenlarged representation1304a). In some embodiments,computer system600 does not display an animation (e.g., like the one described in relation toFIGS.13A-13Q) that changes an appearance of a respective object (e.g., in response tocomputer system600 detecting an input on the respective object) thatcomputer system600 has not detected. In some embodiments,computer system600 does not display the animation when a determination is made that one or more controls (e.g., copy subjects/objects controls and/or remove background controls) will not be displayed (e.g., are not available) for performing an operation based on the respective object.
• AtFIG.13B, interior-animation portion1340atemporarily changes the appearance of the interior region of cup1320 (e.g., the interior region of the surface of cup1320) at the location at whichtap input1320 was detected inFIG.13A. Thus, as illustrated inFIG.13B,computer system600 initially displays interior-animation portion1340aat an interior surface location ofcup1320 that is to the right of and down from a center location ofcup1320 becausetap input1350awas detected at the location that is to the right of and down from the center location ofcup1320. In some embodiments, in response to detecting a tap input at another location of cup1320 (e.g., the center location of cup1320),computer system600 initially displays interior-animation portion1340aat the other location of cup1320 (e.g., a different location than the location of interior-animation portion1340ainFIG.13B).
• As described above,FIGS.13B-13E illustrate an exemplary embodiment concerning howcomputer system600 can display interior-animation portion1340ain relation tocup1320. WhileFIG.13B illustrates howcomputer system600 initially displays interior-animation portion1340a,FIGS.13C-13E illustrate how the display of interior-animation portion1340aprogressively changes with time. As illustrated inFIG.13C-13E, interior-animation portion1340aprogressively expands outward (e.g., towards the top-edge1320a,bottom edge1320b, and the sides of cup1320). As illustrated inFIG.13B-13E,computer system600 moves an upper portion of interior-animation portion1340atowards top-edge1320aofcup1320 while expanding (and/or enlarging) interior-animation portion1340atowards the sides ofcup1320, andcomputer system600 moves a bottom portion of interior-animation portion1340atowards bottom-edge1320bofcup1320 while expanding interior-animation portion1340atowards the sides ofcup1320. In some embodiments,computer system600 displays a subset of the upper portion that is closer to top-edge1320aas being brighter than a subset of the upper portion that is further from top-edge1320a.
• AtFIGS.13B-13E, the speed, duration, and/or shape of the interior-animation portion1340ais based on the size ofcup1320. Moreover, the speed, duration, and/or shape ofinterior animation portion1340ais also based on the location at which interior-animation portion1340a(and/or based on wheretap input1350awas detected on cup1320) was initially displayed. In some embodiments, the speed, duration, and/or shape ofinterior animation portion1340awould change ifcomputer system600 detectedtap input1350aofFIG.13A at a location that is closer to top-edge1320a(e.g., than the location at whichcomputer system600 detectedtap input1340a) because the top portion of interior-animation portion1340awould not have to move as far from the top portion of interior-animation portion1340ato reach top-edge1320a. In some embodiments,computer system600 displays interior-animation portion1340aas a translucent overlay (e.g., a portion ofcup1320 corresponding to a location of the translucent overlay is displayed concurrently with (e.g., visible) the translucent overlay; the translucent overlay is at a particular opacity) that moves and expands over the interior region ofcup1320. In some embodiments, interior-animation portion1340abecomes more transcalent (e.g., the opacity increases) asanimation portion1340amoves and expands over the interior region ofcup1320. Thus, in some embodiments, interior-animation portion1340aofFIG.13D is more translucent than interior-animation portion1340aofFIG.13C. In some embodiments,computer system600 changes the translucence of interior-animation portion1340awhen interior-animation portion1340ahas reached an edge of cup1320 (e.g., top-edge1320aor bottom-edge1320b) (e.g., which is illustrated inFIGS.13D-13E by interior-animation portion1340aincluding more lines inFIG.13D than inFIG.13E, where more lines denotes less translucence). In some embodiments, as a part of the changing the translucence of interior-animation portion1340awhen interior-animation portion1340ahas reach an edge ofcup1320,computer system600 only changes the translucence of one or more portions of interior-animation portion1340athat has reached the edge ofcup1320 without changing the translucence of other portions of interior-animation portion1340athat have not reached the edge ofcup1320. In some embodiments,computer system600 displays interior-animation portion1340ain such a manner, where a flash of light appears to be radiating through the interior region ofcup1320.
• After displaying interior-animation portion1340ainFIGS.13B-13E,computer system600 displays edge-animation portion1340bof the animation (e.g., animation displayed in response to detectingtap input1350a) inFIGS.13F-13I.FIG.13F illustrates the beginning of edge-animation portion1340b, where edge-animation portion1340bis displayed along the right side ofcup1320. As illustrated inFIG.13F,computer system600 displays controlsoptions1326 that includescopy control626aand copy-subjects control626b, which operate as described above in relation to copy control626aand copy-subjects control626b(and copy-subjects control628a) ofFIGS.6A-6M. In some embodiments,computer system600 displayscontrol options1326 while or beforecomputer system600 displays one or more portions of interior-animation portion1340aofFIGS.13B-13F. In some embodiments,computer system600 displayscontrol options1326 aftercomputer system600 has displayed one or more portions of edge-animation portion1340bofFIGS.13F-13I.
• As illustrated inFIGS.13F-13I, edge-animation portion1340btravels around the perimeter (and/or edge) ofcup1320 in a clockwise direction. In some embodiments, edge-animation portion1340btravels around the perimeter ofcup1320 in a counterclockwise direction. In some embodiments, the speed, shape, and/or duration of edge-animation portion1340bis based on the shape of cup1320 (e.g., for similar reasons as discussed above in relation to the display of interior-animation portion1340a). In some embodiments,computer system600 displays a translucent overlay over the perimeter ofcup1320 to display edge-animation portion1340b. In some embodiments, the translucent overlay has different levels of translucence to indicate that a light is moving around the perimeter ofcup1320. In some embodiments, a subset (e.g., left edge ofedge animation portion1340bofFIG.13G) of edge-animation portion1340bthat is closer to a location in which edge-animation1340bis moving than a different subset of—animation portion1340b(e.g., right edge ofedge animation portion1340bofFIG.13G) has a lower level of translucence than the different subset ofanimation portion1340b. In some embodiments, displaying the translucent overlay with different levels of translucence allowscomputer system600 to mimic an effect that is similar to light dissipating at the tail of a comet (e.g., a gas tail and/or a dust tail effect). AtFIG.13I,computer system600 detects tap input1350i1 oncopy control626a, tap input1350i2 on copy-subjects control626b, or tap input1350i3 onbuoy1310. In some embodiments, in response to detecting tap input1350i1 oncopy control626a,computer system600copies media representation1304a(e.g., the background and the objects/subjects in the media representation), using one or more techniques discussed above in relation toFIGS.6B and6D. In some embodiments, in response to detecting tap input1350i2 on tap input1350i2 on copy-subjects control626b,computer system600copies cup1320 without copying other portions ofmedia representation1304a(e.g., the wall), using one or more techniques as discussed above in relation to detecting tap input650e1. In some embodiments, in response to detecting tap inputs1350i1-1350i3,computer system600 ceases display of the animation that was displayed in response to detectingtap input1350ainFIG.13A (e.g., the animation described above in relation toFIGS.13B-13I). In some embodiments,computer system600 ceases display of the animation (e.g., interior-animation portion1340aand/or edge-animation portion1340b) in response to detecting tap inputs1350i1-1350i3 because an input that is subsequent to tapinput1350awas detected. In some embodiments,computer system600 continues to display the animation if no input was detected atFIG.131. In some embodiments, as a part of continuing to display the animation,computer system600 re-displays interior-animation portion1340aofFIGS.13B-13E after displaying edge-animation portion1340bofFIGS.13F-13I. In some embodiments, as a part of continuing to display the animation,computer system600 only re-displays edge-animation portion1340band/or re-displays edge-animation portion1340bone or more times before re-displaying interior-animation portion1340a, or vice-versa.
• AtFIG.13J, in response to detecting tap input1350i3 onbuoy1310,computer system600 generates haptic (and/or audio) feedback and begins displaying an animation that changes the appearance of buoy1310 (e.g., without displaying an animation that changes the appearance ofcup1320 because tap input1350i3 was not detected on cup1320). Notably, the animation that changes the appearance ofbuoy1310 includes an interior and edge animation portion like the animation that changed the appearance ofcup1320 described above in relationFIGS.13B-13I.FIGS.13J-13P illustrate the animation that changes the appearance ofbuoy1310, whereFIGS.13J-13N illustrate an exemplary embodiment concerning howcomputer system600 can display interior-animation portion1340ain relation to buoy1310, andFIGS.130-13P illustrate an exemplary embodiment concerning howcomputer system600 can display edge-animation portion1340bin relation to buoy1310.
• As illustrated inFIGS.13J-13N,computer system600 displays interior-animation portion1340ain relation to buoy1310 (“buoy-interior-animation portion”) using similar techniques as those discussed above in relation to displaying interior-animation portion1340ain relation to cup1320 (“cup-interior-animation portion”). However, the movement and expansion of buoy-interior-animation portion is different from cup-interior-animation portion because theshape buoy1310 is different from the shape ofcup1320. In addition, the speed of the movement and expansion of buoy-interior-animation is faster than the speed of the movement and expansion of cup-interior-animation portion becausebuoy1310 is larger thancup1320. In some embodiments, the increase in speed between buoy-interior-animation portion and cup-interior-animation portion is non-linear relative to the difference in the size ofbuoy1310 and the size ofcup1320. In some embodiments, the duration of buoy-interior-animation is longer than the duration of cup-interior-animation portion becausebuoy1310 is larger thancup1320. In some embodiments, the increase in the duration between buoy-interior-animation portion and duration of cup-interior-animation portion is non-linear relative to the difference in the size ofbuoy1310 and the size ofcup1320.
• Notably, atFIGS.13J-13N,computer system600 expands interior-animation portion1340asuch that interior-animation portion1340aonly changes the appearance ofbuoy1310 without changing the appearance of other portions ofenlarged media representation1104a(e.g., the wall). As illustrated inFIG.13J-13M,computer system600 displays interior-animation portion1340abetween outside edge (or boundary)1310aand inside edge (or boundary)1310bofbuoy1310. As illustrated inFIG.13J-13M,computer system600 does not display interior-animation portion1340ain the negative space withininside edge1310bofbuoy1310 because the negative space is not a part ofbuoy1310. AtFIG.13N,computer system600 displays interior-animation portion1340awith a different level of translucence because interior-animation portion1340ahas reachedoutside edge1310a(e.g., for similar reasons and using one or more similar techniques as discussed above in relation toFIG.13E).FIGS.13O-13P illustrate an exemplary embodiment concerning howcomputer system600 can display edge-animation portion1340bin relation to buoy1310. AtFIGS.13O-13P,computer system600 displays edge-animation portion1340btraveling around the perimeter and/oroutside edge1310aofbuoy1310 using one or more similar techniques as discussed above in relation toFIGS.13F-13I (e.g., including displayingcontrols options1326 that includescopy control626aand copy-subjects control626bto provide options to perform with respective operations based onbuoy1310 instead of cup1320). AtFIG.13P,computer system600 detectstap input1350pon a background portion ofmedia representation1104a. As illustrated inFIG.13O, in response to detectingtap input1350p,computer system600 ceases to display the animation with respect to buoy1310 and does not display any other animation (e.g., for similar reasons as discussed above in relation to not displaying an animation when a subsequent input is detected atFIG.13I).
• FIGS.13R-13T illustrate an exemplary embodiment concerning howcomputer system690 can display an edge-animation portion for a detected object without displaying an interior-animation portion for the detected object. As illustrated inFIG.13R,computer system690 displays enlargedmedia representation1304a, which includesbuoy1310 andcup1320. As illustrated inFIG.13R,computer system690 is displayingmenu656, wheremenu656 is being displayed because an input (e.g., a right click input) has been detected onbuoy1310. AtFIG.13R,computer system690 detects movement ofcursor680. As illustrated inFIG.13S, in response to detecting movement ofcursor680,computer system690 displays cursor680 as being hovered over copy-subjects control656a. AtFIG.13S,computer system690 detects that a hover input has been performed becausecursor680 has been hovered over copy-subjects control656afor longer than a predetermined period of time (e.g., 0.2-3 seconds). AtFIG.13T, in response to detecting that the hover input has been performed,computer system690 displays an animation that includes edge-animation portion1340b(e.g., that travels around the perimeter ofbuoy1310, using one or more similar techniques as described above in relation toFIGS.13O-13P) without including an interior animation portion (e.g., such as interior-animation portion1340aofFIGS.13J-13N). AtFIG.13T, in response to detecting the hover input has been performed,computer system690 also does not generate a haptic (and/or audio) output. Looking back attap input1350aofFIG.13A (and input1350i3 ofFIG.13I),computer system600 generated a haptic output in response to detectingtap input1350abecause a determination was made thattap input1350awas a directed input, whereascomputer system690 does not generate a haptic output atFIG.13T because a determination is made that the hover input was not a direct input (or was an indirect input). Likewise,computer system600 displays an animation that includes interior-animation portion1340aand edge-animation portion1340bbecauseinput1350aofFIG.13A (and input1350i3 ofFIG.13I) was determined to be a directed input, andcomputer system690 displays an animation that includes edge-animation portion1340band does not include interior-animation portion1340abecause a determination is made that the hover input was not a direct input. Thus, in some embodiments, a computer system can display animations differently and/or forgo displaying different portions of the animation for a detected object based on the type of input that was detected (e.g., direct input vs. indirect input). In some embodiments, a direct input is a touch input on a touch-sensitive display (e.g., on a detected object) and/or an input that is not detected with a separate input device such as a trackpad, mouse, keyboard, or a camera). In some embodiments, edge-animation portion1340bis displayed when cursor1380 is hovering over a menu control that is different from copysubject control656a(e.g., such as a remove background control, a copy control, and/or an emphasize subjects control). In some embodiments, edge-animation portion1340bis not displayed when cursor1380 is hovering over one or more other menu item controls (e.g., such as an open control and/or a move-to-trash control). In some embodiments, a computer system can display animations differently and/or forgo displaying different portions of the animation for a detected object based on the type of computer system that detected the input (e.g., smartwatch vs. personal computer, phone vs. laptop, laptop vs. tablet, and/or tablet vs. phone) WhileFIGS.13R-13S are described above as an exemplary embodiment concerning howcomputer system600 can display an edge-animation portion for a detected object without displaying an interior-animation portion for the detected object, it should be understood that an embodiment concerningcomputer system600 displaying an interior-animation portion for a detected object without displaying an edge-animation portion for a detected object can also be anticipated in view of the discussion above.
• FIG.14 is a flow diagram illustrating methods of providing one or more animations for detected objects in a media representation in accordance with some embodiments.Method1400 is performed at a computer system (e.g.,600) (e.g., a smartphone, a desktop computer, a laptop, a tablet, or a head mounted device (e.g., a head mounted augmented reality and/or extended reality device)) that is in communication with a display generation component (e.g., a display controller, a touch-sensitive display system, and/or a head mounted display system): In some embodiments, the computer system is in communication with one or more input devices and/or output devices (e.g., one or more touch-sensitive surfaces, cameras, gyroscopes, and/or accelerometers). Some operations inmethod1400 are, optionally, combined, the orders of some operations are, optionally, changed, and some operations are, optionally, omitted.
• As described below,method1400 provides an intuitive way for providing one or more animations for detected objects in a media representation. The method reduces the cognitive burden on a user for identifying detected objects in a media representation, thereby creating a more efficient human-machine interface. For battery-operated computing devices, enabling a user to identify a detected object faster and more efficiently conserves power and increases the time between battery charges.
• While displaying, via the display generation component, a representation (e.g.,1304a) (e.g., a visual representation) (e.g., a representation of previously captured and/or concurrently saved media item or a representation a current of the field-of-view of one or more cameras) of visual content (e.g., visual content of a media item (e.g., a photo, a video, and/or an animated series of images) that includes a first portion (e.g., a foreground portion and/or a portion with one or more subjects) and a second portion (e.g., a background portion, one or portions of the media that surround the subject and/or the body of the subject, one or more portions of the representation of the media that are not the subject, and/or one or more portions of the representation of the media different from and/or separate from the subject), the computer system detects (1402) (e.g., via one or more inputs devices) an input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) (e.g., a dragging input, a long-press input, and/or a press-and-hold input and/or in some embodiments, a tap input, a mouse click, a mouse click followed by a hover input, an air gesture, and/or a voice input) directed to (e.g., a location in) the first portion (e.g.,1310 and/or1320) of the representation (e.g.,1304a) of the visual content. In some embodiments, the second portion is the background of the first portion. In some embodiments, the location in the visual content is not in the first portion of the representation of the visual content. In some embodiments, the location in the visual content is in the first portion of the representation of the visual content. In some embodiments, the location in the visual content is in the first portion and the second portion of the representation of the visual content (e.g., where the first portion is overlaid on and/or is surrounded by the second portion of the representation of the visual content).
• In response to detecting the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed (e.g., a location in) to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a detected (e.g., an object that is automatically detected in and/or segmented from the visual content of a captured media item) foreground object (e.g.,1310 and/or1320) (e.g., a person, an animal (e.g., a dog, cat, and/or frog), a plant, a flower, and/or an object) (e.g., not a user interface element and/or a part of content and/or user interface elements that are overlaid on and/or submerged under the representation of the visual content) that is represented in (e.g., that is captured in a media item that corresponds to the visual content and/or that is a part of the visual content and/or the media item that corresponds to the visual content) the visual content, the computer system displays (1404), via the display generation component, an animation (e.g., concurrently with the representation of the visual content) (e.g., an animation that changes the appearance of the detected foreground object (e.g., while the input is being detected)), including: during a first period of time while displaying the animation, displaying (1406), via the display generation component, a first portion (e.g.,1340b) of the animation at a location that corresponds to the detected foreground object, wherein displaying the first portion of the animation includes emphasizing (e.g., highlighting, bolding, changing the color of, and/or increasing the size of) a detected (e.g., automatically detected and/or segmented) boundary (e.g.,1310a,1320a, and/or1320b) (e.g., an edge, a perimeter, and/or an outside edge and/or boundary) of the detected foreground object (e.g., where the computer system highlights one or more portions of the boundary while ceasing to highlight other portions of the boundary (e.g., highlighting travels around the boundary)) during the first period of time (e.g., without emphasizing an inner portion (e.g., a portion that is inside of the detected boundary) of the foreground object). In some embodiments, as a part of displaying the animation, the computer system, during a second period of time while displaying the animation, displays, via the display generation component, a second portion of the animation is displayed at a location that corresponds to (e.g., changes and/or obstructs) at least a portion of the foreground object. In some embodiments, the second portion of the animation does not include displaying the detected boundary of the foreground object being highlight during the first period of time. In some embodiments, displaying the second period of time occurs after the first period of time. In some embodiments, in response to detecting the input directed (e.g., a location in) to the first portion of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content does not include a detected foreground object that is represented in the visual content (e.g., a person, an animal (e.g., a dog, cat, and/or frog), a plant, a flower, and/or an object), the computer system does not display the animation and/or displays the representation of the visual content without displaying the animation. In some embodiments, the animation does not change and/or obstruct the second portion. In some embodiments, the detected boundary is an external boundary and not an internal boundary. In some embodiments, emphasizing the detected boundary of the foreground object during the first period of time includes emphasizing an external boundary (e.g., outside of a donut) of the foreground object without emphasizing an internal boundary (e.g., inside of a donut hole) of the foreground object. Displaying the animation that includes the first portion of the animation in response to detecting the input directed to the first portion of the representation of the visual content provides a user with control to display an animation for a particular foreground object and provides visual feedback that the foreground object has been selected, including visual feedback concerning the boundary of the foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, as a part of emphasizing the detected boundary (e.g.,1310a,1320a, and/or1320b) of the detected foreground object (e.g.,1310 and/or1320) the computer system changes an appearance of at least a first portion of the detected boundary from a first visual appearance to a second visual appearance. Displaying the animation that includes changing an appearance of at least a first portion of the detected boundary from a first appearance to a second appearance provides a user with control to display an animation for a particular foreground object and provides visual feedback that the foreground object has been selected, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, as a part of emphasizing the detected boundary (e.g.,1310a,1320a, and/or1320b) of the detected foreground object (e.g.,1310 and/or1320) the computer system displays, via the display generation component, an indication (e.g.,1340b) (e.g., a light, a highlighting, an object, and/or a visual representation) that travels around at least a fourth portion of the detected boundary (and/or the entirety of the detected boundary). Displaying the animation that includes displaying an indication that travels around at least a fourth portion of the detected boundary provides a user with control to display an animation for a particular foreground object and provides visual feedback that the foreground object has been selected, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, the detected boundary (e.g.,1310a,1320a, and/or1320b) includes a second portion and a third portion that are (e.g., are both) displayed with a third visual appearance (e.g., a color, a highlighting, a bolding, and/or a texture) before the computer system detects the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content. In some embodiments, as a part of emphasizing the detected boundary (e.g.,1310a,1320a, and/or1320b) of the detected foreground object, at a first time, during the first period of time while displaying the animation, the computer system displays, via the display generation component, the second portion of the boundary (e.g.,1310a,1320a, and/or1320b) with a fourth visual appearance while displaying the third portion of the boundary with the third visual appearance, wherein the fourth visual appearance is different from the third visual appearance. In some embodiments, as a part of emphasizing the detected boundary (e.g.,1310a,1320a, and/or1320b) of the detected foreground object, at a second time, during the first period of time while displaying the animation, the computer system displays, via the display generation component, the second portion of the boundary (e.g.,1310a,1320a, and/or1320b) with the fourth visual appearance while displaying the third portion of the boundary with the third visual appearance. In some embodiments, the second portion includes a subset of the third portion and includes a subset that is not in the third portion. In some embodiments, the second portion is next to and/or adjacent to the third portion.
• In some embodiments, the animation (e.g.,1340aand/or1340b) is displayed within (or less than) a period of time (e.g., 0.1-1 seconds) (e.g., immediately after (e.g., abruptly after)) after detecting the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content. Displaying the animation within (or less than) a period of time after detecting the input directed to the first portion of the representation of the visual content provides a user with control to display the animation that the foreground object has been selected, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, while displaying at least a portion of the animation, the computer system detects a subsequent input and in response to detecting the subsequent input (e.g.,1350i1,1350i2, and/or1350p), the computer system ceases to display the animation (e.g.,1340aand/or1340b). Continuing to display the animation in accordance with a determination that a respective input is detected while displaying the animation and ceasing to display the animation in accordance with a determination that the respective input is not detected while displaying the animation provides the user with control over how long the animation is displayed and provides visual feedback concerning whether the foreground object has or has not remained selected, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, displaying the animation (e.g.,1340aand/or1340b) includes: in accordance with a determination that the detected boundary (e.g.,1310) is a first shape, displaying, via the display generation component, a first animation (e.g.,1340aand/or1340bon1310) (e.g., an animation that expands over a second shape and/or moves along a second path) (e.g., without displaying the second animation) and in accordance with a determination that the detected boundary (e.g.,1320) is a second shape that is different from the first shape, displaying, via the display generation component, a second animation (e.g.,1340aand/or1340bon1320) (e.g., an animation that expands over a second shape and/or moves along a second path) that is different from the first animation (e.g., without displaying the first animation).
• In some embodiments, while displaying the animation (e.g.,1340aand/or1340b) (e.g., during the first period of time (or another period of time)), the computer system provides non-visual feedback that corresponds to the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content (e.g., haptic feedback and/or audio feedback). In some embodiments, the computer system provides first non-visual feedback while displaying the first portion of the animation and provides second non-visual feedback while displaying another portion of the animation, where the first non-visual feedback is different from (e.g., has a different vibration and/or tone) the second non-visual feedback. Providing non-visual feedback during the first period of time while displaying the animation provides feedback that the animation is being displayed and/or that the foreground object has been selected, which provides improved feedback.
• In some embodiments, in response to detecting the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content does not include the detected foreground object that is represented in the visual content, the computer system forgoes displaying, via the display generation component, the animation (e.g., as described above in relation toFIGS.13A-13Q) (e.g., irrespective of whether a different portion of the representation includes a different detected foreground object) (e.g., and/or any animation) (e.g., while continuing to display the representation). In some embodiments, in response to detecting the input directed to the first portion of the representation of the visual content and in accordance with a determination that a respective portion of the representation of the visual content includes a different detected foreground object that is represented in the visual content, the computer system does not display the animation. Choosing not to display, via the display generation component, the animation when prescribed conditions are met allows the computer system to choose not to display the animation and/or to not provide feedback that a respective foreground object is selected when the input was not directed to the respective foreground object, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, as a part of displaying the animation (e.g.,1340aand/or1340b) during a second period of time while displaying the animation, the computer system displays, via the display generation component, a second portion (e.g.,1340a) of the animation at a second location that corresponds to the detected foreground object, wherein displaying the second portion of the animation includes emphasizing an internal region (e.g., a region that is inside of the detected boundary and/or a middle region of the detected foreground object) of the detected foreground object during the second period of time, wherein the second period of time is different from the first period of time. In some embodiments, the second period of time is after the first period of time. In some embodiments, the second period of time is before the first period of time. In some embodiments, the second period of time is outside of the first period of time. Displaying a second portion of the animation at a second location that corresponds to the detected foreground object provides visual feedback that the foreground object has been selected, including feedback of the internal region of the detected foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, at least a portion (or all) of the second portion (e.g.,1340a) of the animation is displayed before the first portion (e.g.,1340b) of the animation starts. In some embodiments, the first portion of the animation is displayed before the second portion. In some embodiments, at least a subset of the portion of the animation is displayed before at least a subset the first portion of the animation. In some embodiments, the second portion of the animation ends before the portion of the animation, or vice-versa. In some embodiments, at least a subset of the portion of the animation is displayed concurrently with at least a subset the first portion of the animation.
• In some embodiments, as a part of displaying the second portion (e.g.,1340a) of the animation, the computer system changes an appearance of at least a portion of the internal region of the detected foreground object (e.g.,1310 and/or1320) without extending outside of the detected boundary (e.g.,1310a,1320a, and1320b). In some embodiments, the second portion of the animation is not applied (e.g., does not change the appearance of) to any portion of the representation that is outside of the detected boundary of the detected foreground object. Changing an appearance of the internal region of the detected foreground object without extending outside of the detected boundary as a part of displaying the second portion of the animation provides feedback that the detected foreground object is selected, including feedback about the internal region of the detected foreground object, which provides improved visual feedback.
• In some embodiments, a negative space (e.g., as discussed in relation toFIGS.13K-13N) (e.g., cut-out areas where the background of the representation is visible) (e.g., a hole in a donut) is between (e.g., positioned inside of and/or with) portions of the internal region of the detected foreground object, and wherein emphasizing the internal region of the detected foreground object includes forgoing emphasizing the negative space between the portions of the internal region of the detected foreground object. Forgoing emphasizing the negative space between the portions of the internal region of the detected foreground object as a part of emphasizing the internal region of the detected foreground object provides feedback to the user that the negative space is not a part of the selected foreground object and/or the internal region of the foreground object, which provides improved visual feedback.
• In some embodiments, as a part of emphasizing the internal region of the detected foreground object the computer system expands (e.g., increasing the size of) a translucent user interface object (e.g.,1340a) (and/or a translucent region and/or plane) (and/or one or more translucent user interface objects) over at least a portion of the internal region. Expanding a translucent user interface object over the internal region provides feedback that the detected foreground object is selected, including feedback about the internal region of the detected foreground object, which provides improved visual feedback.
• In some embodiments, the translucent user interface object (e.g.,1340a) includes a respective edge that is brighter than an internal portion of the translucent user interface object (and/or a second edge that is different from the first edge), and wherein expanding the translucent user interface object over the internal region includes moving the respective edge towards the boundary. Moving the respective edge that is brighter than an internal portion of the translucent user interface object as a part of expanding the translucent user interface object over the internal region provides feedback that the detected foreground object is selected, including feedback about the internal region of the detected foreground object, which provides improved visual feedback.
• In some embodiments, as a part of expanding the translucent user interface object over the internal region: in accordance with a determination that the translucent user interface object has been expanded to be within (e.g., and/or an edge of the translucent user interface object is within) a predetermined distance (e.g., 0-300 mm) from the detected boundary, the computer system displays, via the display generation component, the translucent user interface object (e.g.,1340a) with a first amount of translucence and in accordance with a determination that the translucent user interface object has not been expanded to be within (e.g., and/or an edge of the translucent user interface object is not within) the predetermined distance from the detected boundary, the computer system displays, via the display generation component, the translucent user interface object (e.g.,1340a) with a second amount of translucence that is greater than (e.g., more than) the first amount of translucence. In some embodiments, as the translucent user interface object approaches the detected boundary, the computer system increases the translucence of the translucent user interface object (and/or at least a portion of the translucent user interface object). Displaying, via the display generation component, the translucent user interface object with a second amount of translucence that is greater than the first amount of translucence in accordance with a determination that the translucent user interface object has not been expanded to be within the predetermined distance from the detected boundary provides the user with feedback concerning the end of the second portion of the animation.
• In some embodiments, as a part of displaying the second portion (e.g.,1340a) of the animation at the second location that corresponds to the detected foreground object (e.g.,1310 and/or1320): in accordance with a determination that the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content was detected at a third location, the computer system starts to display (e.g., starting expansion of a translucent object) of the second portion of the animation at a location that corresponds to the third location and in accordance with a determination that the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion of the representation of the visual content was detected at a fourth location that is different from the third location, the computer system starts to display (e.g., starting expansion of a translucent object) of the second portion of the animation at a location that corresponds to the fourth location, wherein the location that corresponds to the fourth location is different from the location that corresponds to the third location. Starting display of the second portion of the animation at a location that corresponds to the location of the input gives the user control over how the animation is displayed and provides feedback to the user concerning the location at which the input was detected, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, in accordance with a determination that the detected foreground object (e.g.,1310 and/or1320) is a first size (and/or the internal region is a first size), the second portion (e.g.,1340a) of the animation (e.g.,1340aand/or1340b) (and/or, in some embodiments, speed of first animation) is displayed (and/or the expansion of the translucent object occurs) at a first speed and in accordance with a determination that the detected foreground object is a second size (and/or the internal region is a second size) that is different from the first size, the second portion of the animation (and/or, in some embodiments, speed of first animation) is displayed (and/or the expansion of the translucent object occurs) at a second speed that is different from the first speed. In some embodiments, when the second size is greater than the first size, the second speed is faster than the first speed (e.g., faster animation for larger object and, in some embodiments, the difference in speed has a non-linear relationship with the change in size of the object). In some embodiments, when the second size is greater than the first size, the second speed is slower than the first speed (e.g., slower animation for larger object and, in some embodiments, the difference in speed has a non-linear relationship with the change in size of the object). In some embodiments, when the second size is less than the first size, the second speed is slower than (and/or not faster) the first speed. Displaying the second portion of the animation with a speed that is based on the size of the foreground object allows the computer system to automatically control the speed at which animation is displayed for different sized foreground objects, which performs an operation when a set of conditions has been met without requiring further user input.
• In some embodiments, the first portion includes the detected foreground object (e.g.,1310 and/or1320) and a second detected foreground object that is different from the detected foreground object. In some embodiments, after displaying the animation (e.g.,1340aand/or1340b), the computer system detects a second input (e.g.,1350aand/or1350i3) (e.g., a dragging input, a long-press input, and/or a press-and-hold input and/or in some embodiments, a tap input, a mouse click, a mouse click followed by a hover input, an air gesture, and/or a voice input) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content. In some embodiments, in response to detecting the second input (or the input) directed to the first portion of the representation of the visual content: in accordance with a determination that the second input is directed to the second detected foreground object (and not directed to the detected foreground object), the computer system displays, via the display generation component, a third animation that changes a displayed appearance of the detected second foreground object without changing a displayed appearance of the first foreground object and in accordance with a determination that the second input is directed to the detected foreground object (and not directed to the second detected foreground object), the computer system displays the animation without displaying the third animation. In some embodiments, displaying the third animation includes, during the first period of time while displaying the third animation, displaying, via the display generation component, a first portion of the third animation at a location that corresponds to the second detected foreground object, where displaying the first portion of the third animation includes emphasizing a detected boundary of the second detected foreground object during the first period of time while displaying the third animation. In some embodiments, displaying the third animation includes, during a second period of time while displaying the third animation, displaying, via the display generation component, a second portion of the third animation at a second location that corresponds to the second detected foreground object, where displaying the second portion of the third animation includes emphasizing an internal region (e.g., a region that is inside of the detected boundary and/or a middle region of the detected foreground object) of the second detected foreground object during the second period of time while displaying the third animation, where the second period of time while displaying the third animation is different from the first period of time while displaying the third animation. Choosing to display the animation or the third animation the foreground object to which the second input was directed provides the user with control to choose between selecting different foreground objects based on input and provides the user with visual feedback concerning which foreground object was selected via the second input, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, in accordance with a determination that the detected second foreground object (e.g.,1310 and/or1320) is bigger than the detected foreground object (e.g.,1310 and/or1320), the time to cycle through (e.g., loop through one time and/or display the animation before repeating the animation) the third animation is longer than the time to cycle through the animation and in accordance with a determination that the detected second foreground object is smaller than the detected foreground object, the time to cycle through the animation is longer than the time to cycle through the third animation. Having a time to cycle an animation for a larger object be longer than the time to cycle through a smaller object provides the user with feedback concerning the size of a foreground object.
• In some embodiments, in accordance with a determination that the detected second foreground object (e.g.,1310 and/or1320) is bigger than the detected foreground object, a speed of the third animation is greater than a speed of the animation and in accordance with a determination that the detected second foreground object (e.g.,1310 and/or1320) is smaller than the detected foreground object, the speed of the third animation is less than the speed of the animation. Having a speed of the animation be faster for a larger object be faster than the speed of the animation for a larger object provides the user with feedback concerning the size of a foreground object.
• In some embodiments, the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content is a direct input (e.g., a touch input on a touch-sensitive display at a location corresponding to the representation of the visual content or another input detected on the display generation component). Displaying the animation that includes the first portion of the animation in response to detecting a direct input that is directed to the first portion of the representation of the visual content provides a user with control to display an animation for a particular foreground object and provides visual feedback that the foreground object has been selected, including visual feedback concerning the boundary of the foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content is an indirect input (e.g., a selection input that is detected with a separate input device such as a trackpad, mouse, keyboard, or hand tracking device, while an indication of user intent such as a cursor or gaze is directed to the location corresponding to the representation of the visual content or another input that is not detected on the display generation component). Displaying the animation that includes the first portion of the animation in response to detecting an indirect input that is directed to the first portion of the representation of the visual content provides a user with control to display an animation for a particular foreground object and provides visual feedback that the foreground object has been selected, including visual feedback concerning the boundary of the foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, as a part of displaying the animation: in accordance with a determination that the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content is a direct input, the computer system displays, via the display generation component, the first portion (e.g.,1340b) of the animation and a respective portion (e.g., the second portion of the animation, as described above) of the animation that includes emphasizing an internal region of the detected foreground object and in accordance with a determination that the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion of the representation of the visual content is an indirect input, the computer system displays, via the display generation component, the first of the animation without displaying the respective portion of the animation. Choosing whether to display the first portion of the animation and a respective portion of the animation or display the first of the animation without displaying the respective portion of the animation based on the type of input that is detected (e.g., direct and/or indirect) provides the user with feedback concerning the type of input that was detected and provides the user with more control over the portions of the animation that are displayed, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, in accordance with a determination that the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content is a direct input, the computer system provides a type of output (e.g., a haptic output and/or an audio output) and in accordance with a determination that the input directed to the first portion of the representation of the visual content is an indirect input, the computer system forgoes providing the type of output. Choosing whether or not to provide a type of input based on the type of input that is detected (e.g., direct and/or indirect) provides the user with feedback concerning the type of input that was detected and provides the user with more control over the portions of the animation that are displayed, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, in response to detecting the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content, the computer system automatically segments the detected foreground object from the second portion (e.g., a background portion) of the representation of the visual content. In some embodiments, determining that the first portion of the representation of the visual content includes the detected foreground object that is represented in the visual content includes automatically segmenting the detected foreground object from the second portion (e.g., a background portion) of the representation of the visual content.
• In some embodiments, in response to detecting the input (e.g.,1350a,1350i3, and/or1380 as described in relation toFIGS.13S-13T) directed to the first portion (e.g.,1310 and/or1320) of the representation of the visual content, the computer system displays, via the display generation component, one or more controls for performing one or more operations that correspond to the detected foreground object, wherein the one or more controls includes a first control for performing a first operation (e.g., copying/pasting, dragging/dropping, and/or saving the detected foreground with a removed background and with the second portion removed). In some embodiments, while displaying the one or more controls for performing one or more operations the computer system detects an input (e.g.,1350i1 and/or1350i2) (e.g., a tap input, dragging input, a long-press input, and/or a press-and-hold input and/or in some embodiments, a mouse click, a mouse click followed by a hover input, an air gesture, and/or a voice input) directed to the first control (e.g.,626aand/or626b) for performing the first operation. In some embodiments, in response to detecting the input directed to the first control for performing the first operation, the computer system performs the first operation using the detected foreground object (e.g., without using another foreground object). Performing the first operation using the detected foreground object in response to detecting the input directed to the first control for performing the first operation provides the user with additional control options corresponding to the detected foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• In some embodiments, the one or more controls for performing the one or more operations includes a second control (e.g.,626aand/or626b) for performing a second operation (e.g., copying/pasting, dragging/dropping, and/or saving the detected foreground with a removed background and with the second portion removed) that is different from the first operation. In some embodiments, while displaying the one or more controls for performing one or more operations, the computer system detects an input (e.g.,1350i1 and/or1350i2) (e.g., a tap input, a dragging input, a long-press input, and/or a press-and-hold input and/or in some embodiments, a mouse click, a mouse click followed by a hover input, an air gesture, and/or a voice input) directed to the second control for performing the second operation (e.g., as described abovemethods700 and800 (e.g., copying a subject and/or copying a subject without a background)). In some embodiments, in response to detecting the input directed to the second control for performing the second operation, the computer system performs the second operation using the detected foreground object (e.g., without using another foreground object) operation (e.g., as described abovemethods700 and800 (e.g., copying a subject and/or copying a subject without a background)). Performing the second operation using the detected foreground object in response to detecting the input directed to the first control for performing the first operation provides the user with additional control options corresponding to the detected foreground object, which provides additional control options without cluttering the user interface with additional displayed controls and provides improved visual feedback.
• Note that details of the processes described above with respect to method1400 (e.g.,FIG.14) are also applicable in an analogous manner to the methods described above. For example,method1400 optionally includes one or more of the characteristics of the various methods described above with reference tomethods700 and800. For example,method1400 can be used display animations for detected objects that have been selected to perform one or more processes involving the detected object based onmethods700 and800. For brevity, these details are not repeated below.
• The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in view of the above teachings. The embodiments were chosen and described in order to best explain the principles of the techniques and their practical applications. Others skilled in the art are thereby enabled to best utilize the techniques and various embodiments with various modifications as are suited to the particular use contemplated.
• Although the disclosure and examples have been fully described with reference to the accompanying drawings, it is to be noted that various changes and modifications will become apparent to those skilled in the art. Such changes and modifications are to be understood as being included within the scope of the disclosure and examples as defined by the claims.
• As described above, one aspect of the present technology is the gathering and use of data available from various sources to improve the management of media representations, including identifying various subjects and/or objects in media representations. The present disclosure contemplates that in some instances, this gathered data may include personal information data that uniquely identifies or can be used to contact or locate a specific person. Such personal information data can include demographic data, location-based data, telephone numbers, email addresses, twitter IDs, home addresses, data or records relating to a user's health or level of fitness (e.g., vital signs measurements, medication 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, can be used to the benefit of users. For example, the personal information data can be used to manage media representations, including identifying subjects and/or objects in the media representations that are of greater interest to the user. Accordingly, use of such personal information data enables users to have calculated control of the management of media representations. Further, other uses for personal information data that benefit the user are also contemplated by the present disclosure. For instance, health and fitness data may be used to provide insights into a user's general wellness or may be used as positive feedback to individuals using technology to pursue wellness goals.
• The present disclosure contemplates that the entities responsible for the collection, analysis, disclosure, transfer, storage, or other use of such personal information data will comply with well-established privacy policies and/or privacy practices. In particular, such entities should implement and consistently use privacy policies and practices that are generally recognized as meeting or exceeding industry or governmental requirements for maintaining personal information data private and secure. Such policies should be easily accessible by users and should be updated as the collection and/or use of data changes. Personal information from users should be collected for legitimate and reasonable uses of the entity and not shared or sold outside of those legitimate uses. Further, such collection/sharing should occur after receiving the informed consent of the users. Additionally, such entities should consider taking any needed steps for safeguarding and securing access to such personal information data and ensuring that others with access to the personal information data adhere to their privacy policies and procedures. Further, such entities can subject themselves to evaluation by third parties to certify their adherence to widely accepted privacy policies and practices. In addition, policies and practices should be adapted for the particular types of personal information data being collected and/or accessed and adapted to applicable laws and standards, including jurisdiction-specific considerations. For instance, in the US, collection of or access to certain health data may be governed by federal and/or state laws, such as the Health Insurance Portability and Accountability Act (HIPAA); whereas health data in other countries may be subject to other regulations and policies and should be handled accordingly. Hence different privacy practices should be maintained for different personal data types in each country.
• Despite 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 can be provided to prevent or block access to such personal information data. For example, in the case of managing media representations, the present technology can be configured to allow users to select to “opt in” or “opt out” of participation in the collection of personal information data during registration for services or anytime thereafter. In another example, users can select not to provide certain data, such as data used to identify subjects in media representations that are identified and/or collected from the users' devices (e.g., information associated with one or more contacts of a particular user). In addition to providing “opt in” and “opt out” options, the present disclosure contemplates providing notifications relating to the access or use of personal information. For instance, a user may be notified upon downloading an app that their personal information data will be accessed and then reminded again just before personal information data is accessed by the app.
• Moreover, it is the intent of the present disclosure that personal information data should be managed and handled in a way to minimize risks of unintentional or unauthorized access or use. Risk can be minimized by limiting the collection of data and deleting data once it is no longer needed. In addition, and when applicable, including in certain health related applications, data de-identification can be used to protect a user's privacy. De-identification may be facilitated, when appropriate, by removing specific identifiers (e.g., date of birth, etc.), controlling the amount or specificity of data stored (e.g., collecting location data a city level rather than at an address level), controlling how data is stored (e.g., aggregating data across users), and/or other methods.
• Therefore, although the present disclosure broadly covers use of personal information data to implement one or more various disclosed embodiments, the present disclosure also contemplates that the various embodiments can also be implemented without the need for accessing such personal information data. That is, the various embodiments of the present technology are not rendered inoperable due to the lack of all or a portion of such personal information data. For example, subjects and/or objects can be identified in media representations for users by inferring preferences based on non-personal information data or a bare minimum amount of personal information, such as the content being requested by the device associated with a user, other non-personal information available to the media representation management services, or publicly available information.

Claims (17)

What is claimed is:

1. A computer system that is in communication with a display generation component, the computer system comprising, comprising:

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:

while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the representation of the visual content; and

in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.

2. The computer system ofclaim 1, wherein the input directed to the representation of the visual content is a press-and-hold input.

3. The computer system ofclaim 1, wherein displaying the representation of the visual content includes displaying the subject at a first location and displaying the second portion at a second location, the method further comprising:

while detecting the input directed to the representation of the visual content, detecting movement of the input directed to the representation of the visual content; and

in response to detecting movement of the input directed to the representation of the visual content, moving display of the subject from the first location to a third location without moving display of the second portion from the second location.

4. The computer system ofclaim 3, the one or more programs further including instructions for:

while detecting the input directed to the representation of the visual content and while displaying the subject at the third location, detecting an end of the input directed to the representation of the visual content; and

in response to detecting the end of the input directed to the representation of the visual content, displaying the subject at third location without displaying the second portion at the third location.

5. The computer system ofclaim 3, wherein the representation of the visual content is displayed in a first application, and wherein the third location is in a second application that is different from the first application.

6. The computer system ofclaim 3, wherein the representation of the visual content is displayed in a first area of a third application, and wherein the third location is in a second area of the third application that is different from the first area of the third application.

7. The computer system ofclaim 3, wherein:

displaying the representation of the visual content includes displaying the subject at a first size in the representation of the visual content;

moving display of the subject from the first location to the third location includes moving a first user interface object that includes a first representation of the subject and does not include a first representation of the second portion; and

the representation of the subject in the first user interface object is displayed at a second size that is smaller than the first size.

8. The computer system ofclaim 3, wherein:

displaying the representation of the visual content includes displaying the subject at a third size in the representation of the visual content; and

moving display of the subject from the first location to the third location includes moving a second user interface object that includes a second representation of the subject that is emphasized relative to a second representation of the second portion.

9. The computer system ofclaim 1, wherein detecting the input directed to the representation of the visual content includes detecting a pointer activation event and detecting that a pointer is hovering over a third user interface object that, when selected, cause the computer system to copy the subject without copying the second portion.

10. The computer system ofclaim 9, the one or more programs further including instructions for:

while detecting that the pointer is hovering over the third user interface object, detecting movement of the pointer away from the third user interface object; and

in response to detecting movement of the pointer away from the third user interface object, ceasing to display the indication that the operation can be performed to copy the subject without copying the second portion.

11. The computer system ofclaim 1, the one or more programs further including instructions for:

in response to detecting the input directed to the representation of the visual content, providing an indication that an operation can be performed to modify the representation of the visual content, such that the representation of the visual content includes the subject and does not include the second portion.

12. The computer system ofclaim 1, wherein:

the first portion of the representation of visual content includes a first subject and a second subject; and

in accordance with a determination that the input directed to the representation of the visual content is directed to the first subject in the first portion, the indication that the operation can be performed to copy the subject without copying the second portion is an indication that the operation can be performed to copy the first subject without copying the second subject; and

in accordance with a determination that the input directed to the representation of the visual content is directed to the second subject, different from the first subject, in the first portion, the indication that the operation can be performed to copy the subject without copying the second portion is an indication that the operation can be performed to copy the second subject without copying the first subject.

13. The computer system ofclaim 1, the one or more programs further including instructions for:

in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the first portion is not a subject that is available to be copied, forgoing providing the indication that the operation can be performed to copy the subject without copying the second portion of the visual content.

14. The computer system ofclaim 1, the one or more programs further including instructions for:

in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the first portion of the representation of the visual content includes a third subject and a fourth subject that are available to be copied, providing an indication that an operation can be performed to copy the third subject and the fourth subject without copying the second portion of the visual content.

15. The computer system ofclaim 1, wherein the representation of visual content is a representation of an image or a video.

16. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that is in communication with a display generation component, the one or more programs including instructions for:

while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the representation of the visual content; and

in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.

17. A method, comprising:

at a computer system that is in communication with a display generation component:

while displaying, via the display generation component, a representation of visual content that includes a first portion and a second portion, detecting an input directed to the representation of visual content; and

in response to detecting the input directed to the representation of the visual content and in accordance with a determination that the first portion includes a subject that is available to be copied, providing an indication that an operation can be performed to copy the subject without copying the second portion.

Images