TW201610823A - Reduced size user interface - Google Patents

Abstract

A method includes: at an electronic device with a touch-sensitive display and a rotatable input mechanism: receiving data representing a collection of photos stored on an external device; displaying a first view of an image, the image comprising a first representation including a visual representation of a first photo in the collection of photos and a second representation including a visual representation of a second photo in the collection of photos. The first representation and the second representation may be arranged in fixed positions with respect to each other, and, in the first view, may be displayed at a first size. A first movement of the rotatable input mechanism may be detected and, in response, a second view of the image may be displayed in which the first representation and the second representation are displayed at a second size different than the first size.

Description

Reduced size user interface Cross-reference to related applications

The present application claims priority to U.S. Provisional Application Serial No. 62/044,959, the entire disclosure of which is incorporated herein by reference.

This application is related to the following provisional application: U.S. Patent Application Serial No. 62/005,793, entitled "Companion Application for Activity Cooperation", filed on May 30, 2014; U.S. Patent Application Serial No. 62/005,751, the disclosure of which is incorporated herein. This application is related to the following application: International Patent Application No. PCT entitled "Device, Method, and Graphical User Interface for Moving a User Interface Object Based on an Intensity of a Press Input", filed on May 8, 2013. /US2013/040087; International Patent Application No. PCT/US2013/040072 entitled "Device, Method, and Graphical User Interface for Providing Feedback for Changing Activation of a User Interface Object", filed on May 8, 2013 International Patent Application No. PCT/US2013/040070 entitled "Device, Method, and Graphical User Interface for Providing Tactile Feedback for Operations Performed in a User Interface", filed on May 8, 2013; May 8, 2013 The international patent application title of "Device, Method, and Graphical User Interface for Facilitating User Interaction with Controls in a User Interface" PCT/US2013/040067; International Patent Application No. PCT/US2013/040061, entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application", filed on May 8, 2013; 2013 International Patent Application No. PCT/US2013/040058, entitled "Device, Method, and Graphical User Interface for Displaying Additional Information in Response to a User Contact", filed on May 8, 2013; International Patent Application No. PCT/US2013/040056 entitled "Device, Method, and Graphical User Interface for Scrolling Nested Regions"; titled "Device, Method, and Graphical User Interface for Manipulating", May 8, 2013 International Patent Application No. PCT/US2013/040054 to Framed Graphical Objects; International Patent Application No. PCT/ filed on November 11, 2013, entitled "Device, Method, and Graphical User Interface for Switching Between User Interfaces" US2013/069489; the title of the application on November 11, 2013 is "Device, Method, and Graphical User In International Patent Application No. PCT/US2013/069486 to terface for Determining or to Scroll or Select Content; and the title of the application for November 11, 2013 is "Device, Method, and Graphical User Interface for Moving a Cursor According to a Change" In an Appearance of a Control Icon with Simulated Three-Dimensional Characteristics, PCT/US2013/069484; the title of the application on November 11, 2013 is "Device, Method, and Graphical User Interface for Transitioning Between Touch" International Patent Application No. PCT/US2013/069483 to Input to Display Output Relationships; and the title of the application on November 11, 2013 is "Device, Method, and Graphical User Interface for Forgoing Generation of Tactile Output for a Multi-Contact Gesture" International Patent Application No. PCT/US2013/069479; the title of the application on November 11, 2013 is "Application, Method, and Graphical User Interface for Moving and" International Patent Application No. PCT/US2013/040108 to Dropping a User Interface Object; International Patent Application No. PCT/US2013/040108, filed on May 8, 2013, entitled "Device, Method, and Graphical User Interface for Selecting User Interface Objects" PCT/US2013/040101; International Patent Application No. PCT/US2013/040098, entitled "Device, Method, and Graphical User Interface for Displaying Content Associated with a Corresponding Affordance", filed on May 8, 2013; International Patent Application No. PCT/US2013/040093, entitled "Device, Method, and Graphical User Interface for Transitioning Between Display States in Response to a Gesture", filed on May 8th; "Device, Method, and Graphical User Interface for Selecting Object within a Group of O U.S. Patent Application Serial No. PCT/US2013/040053, filed on March 12, 2013, entitled,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, US Patent Application No. 61/778,191, entitled "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application", filed March 12, 2013; March 2013 US Patent Application No. 61/778,171, entitled "Device, Method, and Graphical User Interface for Displaying Additional Information in Response to a User Contact", filed on the 12th, and the title of the application is "Device," US Patent Application No. 61/778,179 to Method and Graphical User Interface for Scrolling Nested Regions; and the title of the application on March 12, 2013 is "Device, Method, and US Patent Application No. 61/778,156 to Graphical User Interface for Manipulating Framed Graphical Objects; US Patent Application entitled "Device, Method, And Graphical User Interface for Navigating User Interface Hierarchies", filed March 12, 2013 U.S. Patent Application Serial No. 61/778,092, entitled "Device, Method, and Graphical User Interface for Selecting Object Within a Group of Objects", filed on March 12, 2013; U.S. Patent Application Serial No. 61/778,418, entitled "Device, Method, and Graphical User Interface for Switching Between User Interfaces", filed on March 13, 2013, entitled "Device, Method, and Graphical User Interface" U.S. Patent Application Serial No. 61/778,416, filed on Dec. 29, 2012, entitled "Device, Method, and Graphical User Interface for Manipulating User Interface Objects with Visual and/or Haptic US Patent Application No. 61/747,278; US Patent Application No. 61/778,414, entitled "Device, Method, and Graphical User Interface for Moving and Dropping a User Interface Object", filed on the 13th of March, 2013, entitled "Device, Method" , and Graphical User Interface for Selecting User Interface Objects, US Patent Application No. 61/778,413; the title of the application filed on March 13, 2013 is "Device, Method, and Graphical User Interface for Displaying Content Associated with a Corresponding Affordance" U.S. Patent Application Serial No. 61/778, 412, filed on March 12, 2013, entitled <RTI ID=0.0>>No.; the US titled "Device, Method, and Graphical User Interface for Transitioning Between Display States in Response to a Gesture" on March 12, 2013 Patent Application No. 61/778,265; U.S. Patent Application Serial No. 61, filed on March 12, 2013, entitled,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, U.S. Patent Application Serial No. 61/778,363, filed on March 12, 2013, entitled,,,,,,,,,,,,,,,,,,,,,, U.S. Patent Application Serial No. 61/778,287, entitled "Device, Method, and Graphical User Interface for Providing Feedback for Changing Activation of a User Interface Object", filed on March 12, 2013, entitled "Device, Method, and Graphical User Interface for Providing Tactile Feedback for Operations Performed in a User Interface, US Patent Application No. 61/778,284; filed on March 12, 2013, entitled "Device, Method, and Graphical User Interface for Forgoing Generation of Tactile Output for a Multi-Contact Gesture Application No. 61/778,239; U.S. Patent Application Serial No. 61/688,227, entitled "Device, Method, and Graphical User Interface for Manipulating User Interface Objects with Visual and/or Haptic Feedback", filed on May 9, 2012. U.S. Patent Application Serial No. 62/005,958, filed on May 30, 2014. The entire contents of these applications are hereby incorporated by reference.

The present invention is generally directed to a computer user interface and, more particularly, to techniques for providing a photo application on a reduced size user interface.

Modern electronic devices may include the ability to execute various programs including applications that allow a user to navigate and view photos on a display of the device (eg, a touch-sensitive display). Recent advances in computer technology have enabled manufacturers to produce such electronic devices in relatively small form factors. One challenge resulting from a small form factor is that the display can be small, which can make it difficult for the user to navigate and view the photos on the device.

Another challenge is that the smaller form factor limits the storage capacity of the device. In addition, due to the increased size of modern imaging arrays, photo image archives typically require large amounts of memory for storage. The lack of memory on the small device permits the storage of only a limited number of photos.

Accordingly, there is a need for user-friendly techniques and reduced-size user interfaces for accessing, navigating, and displaying photos on devices having small form factors.

In some embodiments, a method includes: at an electronic device having a touch-sensitive display and a rotatable input mechanism: receiving, via wireless communication, data representative of a collection of photos stored on an external device; displaying on the touch-sensitive display includes a user interface of the user interface object, the user interface object representing the photo collection; detecting a first user interaction with the displayed user interface object; responding to the detection and display of the user interface object a user interaction, replacing the display of the user interface with a display of the first view of the image, the image including a first representation comprising a visual representation of the first photo in the collection of photos and a visual representation comprising a second photo in the collection of photos a second representation of the representation, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein in the first view, the first representation and the first Secondly, detecting a first movement of the rotatable input mechanism; and in response to detecting the first movement of the rotatable input mechanism, imaging the image A display transition view for displaying a second view of the image, wherein in the second view, different from the second size to the first size of the first displayed representation and the second representation.

In some embodiments, a method includes: at an electronic device having a touch-sensitive display and a rotatable input mechanism: receiving, via wireless communication, data representative of a collection of photos stored on an external device; displaying on the touch-sensitive display includes User interface object a user interface, the user interface object representing the photo collection; detecting user interaction with the displayed user interface object; in response to detecting user interaction with the displayed user interface object, using the image The display of the first view replaces the display of the user interface, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the The first representation and the second representation are disposed in the fixed position relative to each other in the image, and wherein, in the first view, the first representation and the second representation are displayed in a first size; detecting when the a first view of the touch on the touch sensitive display; determining whether the contact indicates a selection of the first representation; and in response to the determining that the contact indicates a selection of the first representation, converting the display of the first view of the image to Displaying a second view of the image, wherein in the second view, the first representation and the second representation are displayed in a second size greater than the first size, and wherein the first It represents displayed in the center of the second view image place.

In some embodiments, a method includes: at an electronic device having a touch-sensitive display and a rotatable input mechanism: receiving, via wireless communication, data representative of a collection of photos stored on an external device; displaying on the touch-sensitive display includes a user interface of the user interface object, the user interface object representing the photo collection; detecting user interaction with the displayed user interface object; and responding to the user detecting and displaying the user interface object Interactively replacing the display of the user interface with an image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein The first representation and the second representation are disposed in the fixed position relative to each other in the image; detecting a first contact point of the contact on the touch-sensitive display, wherein the first contact point corresponds to the first image on the image a location; determining whether the duration of the contact exceeds a predetermined threshold; and responding to the duration of the contact exceeding the predetermined Value determination, an enlarged view showing a portion of the periphery of the image or the position adjacent to the first.

In some embodiments, a method includes: having a touch sensitive display and being rotatable Transducing the electronic device of the input mechanism, wherein the touch-sensitive display includes one or more sensors to detect the intensity of contact with the touch-sensitive display: receiving the first photo collection and the second photo collection via wireless communication The first set and the second set are stored on the external device; the user interface including the user interface object representing the first set is displayed on the touch sensitive display; the user interface is detected and detected User interaction of the object; in response to detecting the user interaction with the user interface object, replacing the display of the user interface with a display indicating the first image of the first photo collection; detecting when the first display is displayed a contact on the touch-sensitive display when the image is; determining whether the contact has a characteristic intensity higher than a threshold intensity; and responding to the determination that the characteristic intensity is higher than the threshold intensity, using the second representative of the second photo collection The display of the image replaces the display of the first image.

In some embodiments, a method includes: at an electronic device having a touch-sensitive display and a rotatable input mechanism, wherein the touch-sensitive display includes one or more sensors to detect with the touch-sensitive display Intensity of contact: receiving, via wireless communication, data representing a collection of photos stored on an external device; displaying at least one of the photos in the collection on the touch-sensitive display; in the at least one of the displayed photos Detecting a contact on the touch-sensitive display at a position of the photo; determining whether the contact has a characteristic intensity higher than a threshold intensity; and in response to determining that the characteristic intensity is higher than the threshold intensity, the display includes at least one use The user interface function table of the interface object, wherein the user interface object represents an option to share the first photo or display the first photo on the display of the electronic device as the background of the user interface.

In some embodiments, an electronic device includes: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotational input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch-sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: via the wireless communication unit Wireless communication receives data representing a collection of photos stored on an external device; enabling enabling The user interface of the user interface object is displayed on the sensitive display, the user interface object represents a photo collection; detecting the first user interaction with the displayed user interface object; responding to the detection and the displayed use The first user interaction of the interface object enables replacement of the display of the user interface with a display of the first view of the image, the image including a first representation comprising a visual representation of the first photo in the collection of photos and including the a second representation of the visual representation of the second photo in the collection of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, the first The first display and the second representation are displayed in size; the first movement of the rotatable input mechanism unit is detected; and the first movement of the rotatable input mechanism unit is detected, such that the first view of the image is enabled Displaying a display transitioning to a second view of the image, wherein in the second view, displaying the first representation and the second dimension in a second size different from the first size Representation.

In some embodiments, an electronic device includes: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotational input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch-sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: via the wireless communication unit Wireless communication receives data representing a collection of photos stored on an external device; enabling display of a user interface including a user interface object on the touch-sensitive display unit, the user interface object representing a collection of photos; detection and display User interaction of the user interface object; in response to detecting the user interaction with the displayed user interface object, the display of the user interface can be replaced with the display of the first view of the image, the image including a first representation of the visual representation of the first photo in the collection of photos and a view of the second photo in the collection of photos a second representation of the representation, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein in the first view, the first representation and the first Second representation; detecting when the first view is displayed a contact on the touch-sensitive display unit; determining whether the contact indicates a selection of the first representation; and in response to the determining that the contact indicates a selection of the first representation, enabling transition from the display of the first view of the image to the image a second view display, wherein in the second view, the first representation and the second representation are displayed in a second size greater than the first size, and wherein the first representation is at a center of the second view of the image Displayed at the place.

In some embodiments, an electronic device includes: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotational input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch-sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: via the wireless communication unit Wireless communication receives data representing a collection of photos stored on an external device; enabling display of a user interface including a user interface object on the touch-sensitive display unit, the user interface object representing a collection of photos; detection and display User interaction of the user interface object; in response to detecting the user interaction with the displayed user interface object, the display of the user interface can be replaced with an image comprising the photo collection a first representation of a visual representation of the photo and a second representation comprising a visual representation of the second photo in the collection of photos The first representation and the second representation are disposed in a fixed position relative to each other in the image; detecting a first contact point of the contact on the touch-sensitive display unit, wherein the first contact point corresponds to the a first position on the image; determining whether the duration of the contact exceeds a predetermined threshold; and determining that the duration of the contact exceeds the predetermined threshold enables display of an image around or adjacent to the first location A magnified view of a part.

In some embodiments, an electronic device includes a touch sensitive display unit configured to display a graphical user interface and receive contacts, wherein the touch sensitive display unit includes one or more intensity sensor units to detect Measuring the contact strength with the touch sensitive display unit; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit Configuring to transmit and receive wireless communications; and a processing unit coupled to the touch sensitive display unit, the one or more intensity sensor units, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured Receiving, by the wireless communication unit, data representing the first photo collection and the second photo collection via wireless communication, wherein the first set and the second set are stored on the external device; enabling display on the touch sensitive display unit Representing a user interface of the first set of user interface objects; detecting user interaction with the user interface object; and responding to detecting user interaction with the user interface object to enable representation of the first photo collection The display of the first image replaces the display of the user interface; detecting the contact on the touch sensitive display unit when the first image is displayed; determining whether the contact has a characteristic intensity above a threshold intensity; and responding to The determination that the characteristic intensity is higher than the threshold intensity enables replacement of the display of the first image with the display of the second image representing the second photo collection.

In some embodiments, an electronic device includes: a touch sensitive display unit configured to display a graphical user interface and receive contacts; wherein the touch sensitive display unit includes one or more intensity sensor units to detect Contact strength with a touch sensitive display unit; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit configured to transmit and receive wireless communication; and a processing unit coupled to the touch sensitive a display unit, one or more intensity sensor units, a rotatable input mechanism unit, and a wireless communication unit, the processing unit configured to: receive, via the wireless communication unit, a photo stored on the external device via wireless communication Collecting data; enabling display of at least one of the photos in the set on the touch-sensitive display unit; detecting the touch-sensitive display unit at a position of the first photo of the at least one displayed photo Contacting; determining whether the contact has a characteristic intensity above a threshold strength; and in response to the determination that the characteristic intensity is higher than the threshold strength, enabling At least one user interface object comprising the user interface menu, where the user interface object represents the first to share photos or photos show a first option as the background user interface on a display of the electronic device.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data representing a collection of photos stored on an external device; in a touch-sensitive display Displaying a user interface including a user interface object, the user interface object representing a photo collection; detecting a first user interaction with the displayed user interface object; responding to the detection and displayed user interface object The first user interaction replaces the display of the user interface with the display of the first view of the image, the image including a first representation comprising a visual representation of the first photo in the collection of photos and a second of the collection of photos a second representation of the visual representation of the photo, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein In the first view, the first representation and the second representation are displayed in a first size; the first movement of the rotatable input mechanism is detected; and in response to detecting the first movement of the rotatable input mechanism, the image is The display of the first view transitions to a display of the second view of the image, wherein in the second view, the first representation and the second representation are displayed in a second size different from the first size.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data representing a collection of photos stored on an external device; in a touch-sensitive display Displaying a user interface including a user interface object, the user interface object representing a photo collection; detecting user interaction with the displayed user interface object; responding to the detection and display of the user interface object User interaction, replacing the display of the user interface with a display of the first view of the image, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a visual representation comprising a second photo in the collection of photos Second representation of which a representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, the first representation and the second representation are displayed in a first size; detecting when the first a contact on the touch-sensitive display in a view; determining whether the contact indicates a selection of the first representation; and in response to the determining that the contact indicates a selection of the first representation, converting the display of the first view of the image to the Displaying a second view of the image, wherein in the second view, the first representation and the second representation are displayed in a second size greater than the first size, and wherein the first representation is in a second view of the image Displayed at the center.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data representing a collection of photos stored on an external device; in a touch-sensitive display Displaying a user interface including a user interface object, the user interface object representing a photo collection; detecting user interaction with the displayed user interface object; responding to the detection and display of the user interface object User interaction, replacing the display of the user interface with an image, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein The first representation and the second representation are disposed in a fixed position relative to each other in the image; detecting the first contact on the touch sensitive display a contact, wherein the first contact point corresponds to a first position on the image; determining whether the duration of the contact exceeds a predetermined threshold; and in response to determining that the duration of the contact exceeds a predetermined threshold, displaying An enlarged view of a portion of an image around or adjacent to a location.

In some embodiments, an electronic device includes: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with a touch sensitive display; a rotatable input mechanism; one or more a processor; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors The one or more programs include instructions for: receiving data representing the first photo collection and the second photo collection via wireless communication, wherein the first and second sets are stored on an external device; Displaying, on the touch-sensitive display, a user interface including the user interface object of the first set; detecting user interaction with the user interface object; and responding to detecting the user interaction with the user interface object Replacing the display of the user interface with a display indicating the first image of the first photo collection; detecting contact on the touch sensitive display when the first image is displayed; determining whether the contact has a higher than the threshold strength The characteristic intensity; and in response to the determination that the characteristic intensity is greater than the threshold intensity, the display of the first image is replaced with a display representing the second image of the second photo collection.

In some embodiments, an electronic device includes: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with a touch sensitive display; a rotatable input mechanism; one or more And one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors, the one or more programs being included for execution An instruction to receive, via wireless communication, data representing a collection of photos stored on an external device; displaying at least one of the photos in the collection on the touch-sensitive display; at the at least one displayed photo Detecting a contact on the touch sensitive display at a position of the first photo; determining whether the contact has a characteristic intensity higher than a threshold intensity; and in response to the determining that the characteristic intensity is higher than the threshold intensity, the display includes at least one a user interface function table of the user interface object, wherein the user interface object indicates that the first photo is shared or the first photo is displayed on the display of the electronic device as a user Options backgrounds face of.

In some embodiments, a non-transitory computer readable storage medium stores one or more programs, including one or more of the electronic devices by having a touch sensitive display and a rotatable input mechanism The processor, when executed, causes the electronic device to: receive, via wireless communication, data indicative of a collection of photos stored on the external device; display a user interface including the user interface object on the touch-sensitive display, The user interface object represents a collection of photos; detecting a first user interaction with the displayed user interface object; in response to detecting the first user interaction with the displayed user interface object, using the first view of the image The display replaces the display of the user interface, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first And the second representation is disposed in the fixed position relative to each other in the image, and wherein, in the first view, the first representation and the second representation are displayed in a first size; detecting the rotatable input mechanism a first movement; and in response to detecting the first movement of the rotatable input mechanism, converting the display of the first view of the image to the display of the second view of the image, wherein, in the second view, different from the first A second dimension of a size displays the first representation and the second representation.

In some embodiments, a non-transitory computer readable storage medium stores one or more programs, including one or more of the electronic devices by having a touch sensitive display and a rotatable input mechanism The processor, when executed, causes the electronic device to: receive, via wireless communication, data indicative of a collection of photos stored on the external device; display a user interface including the user interface object on the touch-sensitive display, the use The interface object represents a collection of photos; detecting user interaction with the displayed user interface object; in response to detecting user interaction with the displayed user interface object, replacing the user with the display of the first view of the image The display of the interface, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation Arranged in a fixed position relative to each other in the image, and wherein, in the first view, the first table is displayed in a first size And the second representation; detecting a contact on the touch-sensitive display when the first view is displayed; determining whether the contact indicates a selection of the first representation; and in response to the determining that the contact indicates a selection of the first representation, Converting the display of the first view of the image to the display of the second view of the image, wherein in the second view, the first representation and the second representation are displayed in a second size greater than the first size, and wherein The first representation is in the image Displayed at the center of the second view.

In some embodiments, a non-transitory computer readable storage medium stores one or more programs, including one or more of the electronic devices by having a touch sensitive display and a rotatable input mechanism The processor, when executed, causes the electronic device to: receive, via wireless communication, data indicative of a collection of photos stored on the external device; display a user interface including the user interface object on the touch-sensitive display, the use The interface object represents a collection of photos; detecting user interaction with the displayed user interface object; in response to detecting user interaction with the displayed user interface object, replacing the display of the user interface with an image, The image includes a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation are relative to the second representation in the image Configuring each other in a fixed position; detecting a first contact point of contact on the touch-sensitive display, wherein the first contact point pair a first position on the image; determining whether the duration of the contact exceeds a predetermined threshold; and in response to the determination that the duration of the contact exceeds a predetermined threshold, displaying a portion of the image around or adjacent to the first location Zoom in on the view.

In some embodiments, a non-transitory computer readable storage medium stores one or more programs, the one or more programs being included in one or more processes of an electronic device having a touch sensitive display and a rotatable input mechanism The device causes the electronic device to execute an instruction to: the touch sensitive display includes one or more sensors to detect a contact strength with the touch sensitive display: receiving the first photo collection via the wireless communication The data of the two photo collections, wherein the first set and the second set are stored on the external device; displaying, on the touch-sensitive display, a user interface including the user interface object representing the first set; detecting and the user interface User interaction of the object; in response to detecting user interaction with the user interface object, replacing the display of the user interface with the display of the first image representing the first photo collection; detecting the touch when the first image is displayed Contact on the sensitive display; determining whether the contact has a characteristic intensity above a threshold strength; and responding to the characteristic being stronger than The determination of the threshold intensity replaces the display of the first image with a display representing the second image of the second collection of photos.

In some embodiments, a non-transitory computer readable storage medium stores one or more programs, the one or more programs being included in one or more processes of an electronic device having a touch sensitive display and a rotatable input mechanism The device, when executed, causes the electronic device to execute an instruction, wherein the touch-sensitive display includes one or more sensors to detect contact strength with the touch-sensitive display: receiving via wireless communication means storing on an external device Photographing data; displaying at least one of the photos in the collection on the touch-sensitive display; detecting contact on the touch-sensitive display at a position of the first photo of the at least one displayed photo; determining whether the contact is Having a characteristic intensity above the threshold strength; and in response to the determination that the characteristic intensity is greater than the threshold intensity, displaying a user interface function table including at least one user interface object, wherein the user interface object representation is used The option to share the first photo or display the first photo on the display of the electronic device as the background of the user interface.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; and means for receiving data representing a collection of photos stored on the external device via wireless communication; for use in the touch sensitive display Displaying a component including a user interface of the user interface object, the user interface object representing a photo collection; means for detecting interaction with the first user of the displayed user interface object; for responding to the detection and a first user interaction of the displayed user interface object, a component that replaces the display of the user interface with a display of the first view of the image, the image including a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, a first display and the second representation; a component for detecting a first movement of the rotatable input mechanism; and for responding to the detection A first rotary movement of the input means, the display transition of the first view image is displayed for a second view of the image member, wherein in the second view, not to The first representation and the second representation are displayed in a second size that is the same as the first size.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; and means for receiving data representing a collection of photos stored on the external device via wireless communication; for use in the touch sensitive display Displaying a component including a user interface of the user interface object, the user interface object representing a collection of photos; means for detecting user interaction with the displayed user interface object; for responding to the detection and location User interaction of the displayed user interface object, replacing the display of the user interface with the display of the first view of the image, the image including the first representation including the visual representation of the first photo in the collection of photos and including the photo a second representation of the visual representation of the second photo in the collection, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, the first size is displayed The first representation and the second representation; means for detecting contact on the touch-sensitive display when the first view is displayed; a means for indicating whether the first representation is selected; and means for responding to the determination that the contact indicates the selection of the first representation, and converting the display of the first view of the image to the display of the second view of the image, Wherein, in the second view, the first representation and the second representation are displayed in a second size greater than the first size, and wherein the first representation is displayed at a center of the second view of the image.

In some embodiments, an electronic device includes: a touch sensitive display; a rotatable input mechanism; means for receiving data representative of a collection of photos stored on the external device via wireless communication; for use on the touch sensitive display Displaying a user interface including a user interface of the user interface object, the user interface object representing a collection of photos; means for detecting user interaction with the displayed user interface object; for responding to detection and display User interaction of the user interface object, replacing the display of the user interface with an image, the image comprising a first representation comprising a visual representation of the first photo in the collection of photos and a visual representation comprising the second photo in the collection of photos a second representation of the representation, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image; for detecting the a member of the touch sensitive display that contacts the first contact point, wherein the first contact point corresponds to a first position on the image; a member for determining whether the duration of the contact exceeds a predetermined threshold; and A means for displaying an enlarged view of a portion of the image around or adjacent to the first location in response to a determination that the duration of the contact exceeds a predetermined threshold.

In some embodiments, an electronic device includes: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with a touch sensitive display; a rotatable input mechanism; and Receiving, by wireless communication, means for representing data of the first photo collection and the second photo collection, wherein the first set and the second set are stored on an external device; and displaying on the touch-sensitive display includes indicating use of the first set a user interface component of the interface object; a component for detecting interaction with a user of the user interface object; for responding to detecting user interaction with the user interface object, using the first photo collection a display for replacing the display of the user interface; a member for detecting contact on the touch-sensitive display when displaying the first image; and a feature for determining whether the contact has a characteristic strength higher than the threshold strength And a means for replacing the display of the first image with the display of the second image representing the second photo collection in response to the determination that the characteristic intensity is greater than the threshold intensity Member.

In some embodiments, an electronic device includes: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with a touch sensitive display; a rotatable input mechanism; and Means for receiving data representing a collection of photos stored on the external device via wireless communication; means for displaying at least one of the photos of the collection on the touch-sensitive display; for displaying at least one a member for detecting contact on the touch-sensitive display at a position of the first photo of the photo; a member for determining whether the contact has a characteristic strength higher than a threshold strength; and for responding to a characteristic strength higher than a threshold strength Determining, displaying, by the user interface function table comprising at least one user interface object, wherein the user interface object represents a background for sharing the first photo or displaying the first photo on the display of the electronic device as a user interface Option.

100‧‧‧Portable Multifunction Devices

102‧‧‧ memory

103‧‧‧Communication bus or signal line

104‧‧‧ wafer

106‧‧‧Input/Output (I/O) Subsystem

108‧‧‧RF circuit

110‧‧‧Optical circuit

111‧‧‧Speakers

112‧‧‧Touch-sensitive display system

113‧‧‧ microphone

116‧‧‧Input control device

118‧‧‧ peripheral device interface

120‧‧‧Processing unit

122‧‧‧ memory controller

124‧‧‧External information

126‧‧‧ operating system

128‧‧‧Communication Module

130‧‧‧Contact/Motion Module

132‧‧‧Graphics module

133‧‧‧Tactile feedback module

134‧‧‧Text Input Module

135‧‧‧Global Positioning System (GPS) module

136‧‧‧Application

136-1‧‧‧Application

137‧‧‧Contacts

138‧‧‧Phone module

139‧‧‧Video Conferencing Module

140‧‧‧Email

141‧‧‧ Instant Messaging (IM) Module

142‧‧‧Fitness Support Module

143‧‧‧ camera module

144‧‧‧Image Management Module

145‧‧‧Video Player Module

146‧‧‧Music player module

147‧‧‧ browser module

148‧‧‧ calendar module

149‧‧‧Interface Tool Set Module

149-1‧‧‧Weather Interface Tool Set

149-2‧‧‧ Stock Interface Tool Set

149-3‧‧‧Calculator Interface Tool Set

149-4‧‧‧Alarm interface tool set

149-5‧‧‧ dictionary interface tool set

149-6‧‧‧User-created interface toolset

150‧‧‧Interface Tool Set Builder Module

151‧‧‧Search Module

152‧‧‧Video and music player module

153‧‧‧Memorandum module

154‧‧‧Map module

155‧‧‧Connected video module

156‧‧‧ display controller

157‧‧‧Device/Global Internal Status

158‧‧‧ Optical Sensor Controller

159‧‧‧Intensity sensor controller

160‧‧‧Input controller

161‧‧‧Tactile feedback controller

162‧‧‧Power system

164‧‧‧Optical sensor

165‧‧‧Contact intensity sensor

166‧‧‧ proximity sensor

167‧‧‧Tactile output generator

168‧‧‧Accelerometer

170‧‧‧ Event Classifier

171‧‧‧ event monitor

172‧‧‧Click view determination module

173‧‧‧Active event recognizer decision module

174‧‧‧ Event Dispatching Module

176‧‧‧data update program

177‧‧‧Object update program

178‧‧‧GUI update program

179‧‧‧Event data

180‧‧‧Event recognizer

182‧‧‧ Event Receiver Module

183‧‧‧Subsequent information

184‧‧‧ event comparator

186‧‧‧ Event definition

187-1‧‧‧Event 1

187-2‧‧‧Event 2

188‧‧‧ Event Delivery Instructions

190‧‧‧Event Disposal Program

191‧‧‧Application View

192‧‧‧Application internal state

200‧‧‧User interface

202‧‧‧ fingers

203‧‧‧ stylus

204‧‧‧Menu button

206‧‧‧Push button

208‧‧‧Volume adjustment button

210‧‧‧User Identification Module (SIM) card slot

212‧‧‧ headphone jack

300‧‧‧Devices

310‧‧‧Processing unit

320‧‧‧Communication bus

330‧‧‧Input/Output (I/O) interface

340‧‧‧ display

350‧‧‧Keyboard/mouse

355‧‧‧ Trackpad

357‧‧‧Tactile output generator

359‧‧‧ sensor

360‧‧‧Communication interface

370‧‧‧ memory

380‧‧‧Drawing module

382‧‧‧ Presentation module

384‧‧‧Document Processing Module

386‧‧‧Website building module

388‧‧‧ disc production module

390‧‧‧Trial Balance Module

400‧‧‧User interface

402‧‧‧Signal strength indicator

404‧‧‧Time

405‧‧‧Blue indicator

406‧‧‧Battery status indicator

408‧‧‧System匣

410‧‧‧ indicator

414‧‧‧ indicator

416‧‧‧ icon

418‧‧‧ icon

420‧‧‧ icon

422‧‧‧ icon

424‧‧‧ icon

426‧‧‧ icon

428‧‧‧ icon

430‧‧‧ icon

432‧‧‧ icon

434‧‧‧ icon

436‧‧‧ icon

438‧‧‧ icon

440‧‧‧ icon

442‧‧‧ icon

444‧‧‧ icon

446‧‧‧ icon

450‧‧‧ display

451‧‧‧Touch-sensitive surface

452‧‧‧ main axis

453‧‧‧Main axis

460‧‧‧Contact

462‧‧‧Contact

468‧‧‧Contact

470‧‧‧Contact

500‧‧‧personal electronic devices

502‧‧‧ Subject

504‧‧‧Touch-sensitive display screen/touch screen

506‧‧‧ input mechanism

508‧‧‧ Input institution

512‧‧‧ busbar

514‧‧‧I/O section

516‧‧‧Computer Processor

518‧‧‧ memory

522‧‧‧Touch sensitive components

524‧‧‧Touch intensity sensitive components

530‧‧‧Communication unit

532‧‧‧GPS sensor

534‧‧‧Accelerometer

536‧‧‧Gyro

538‧‧‧motion sensor

540‧‧‧ Directional Sensor

600‧‧‧Electronics

602‧‧‧ Rotatable input mechanism

610‧‧‧User interface

620‧‧‧User interface object/illustration

624‧‧‧User interface objects

650‧‧‧External devices

660‧‧‧User interface

670‧‧‧Illustration/folder

700‧‧‧User interaction/touch

701‧‧‧User interaction

702‧‧‧Mobile

710‧‧‧User interface

711‧‧‧User interface

712‧‧‧User interface

800‧‧‧User interaction/slip

801‧‧‧Based on the gesture of touch

810‧‧‧User interface

811‧‧‧User interface

812‧‧‧User interface

901‧‧‧User interface

902‧‧‧User interface

903‧‧‧User interface

910‧‧‧User interface

911‧‧‧user interface

912‧‧‧User interface

1000‧‧‧User interface

1001‧‧‧User interface objects

1002‧‧‧User interface objects

1003‧‧‧User interface objects

1004‧‧‧User interface objects

1005‧‧‧User interaction

1010‧‧‧User interface

1011‧‧‧User interface objects

1012‧‧‧User interface objects

1013‧‧‧User interface object/folder

1014‧‧‧User interface objects

1020‧‧‧User interface

1021‧‧‧User interface objects

1022‧‧‧User interface objects

1023‧‧‧User interface objects

1024‧‧‧User interface object

1100‧‧‧User interaction

1110‧‧‧User interface

1120‧‧‧User interface

1130‧‧‧User interface

1140‧‧ view

1150‧‧‧Composite imagery

1151‧‧‧ indicates

1200‧‧‧User interface

1205‧‧‧User interaction

1210‧‧ view

1220‧‧‧Composite imagery

1221‧‧‧ indicates

1230‧‧‧User interface

1300‧‧‧User interface

1305‧‧‧User interaction/moving

1310‧‧‧ view

1315‧‧‧User interaction

1320‧‧‧Composite imagery

1325‧‧‧Mobile

1330‧‧‧User interface

1340‧‧‧Enlarged view

1350‧‧‧User interface

1355‧‧‧User interface objects

1400‧‧ User interface

1401‧‧ view

1405‧‧‧Touch the gesture

1410‧‧ view

1420‧‧‧Composite image

1421‧‧‧ indicates

1430‧‧‧User interface

1440‧‧‧Enlarged view

1500‧‧‧User interface

1505‧‧‧ touch

1510‧‧ view

1520‧‧‧Composite image

1530‧‧‧User interface objects

1600‧‧‧User interface

1605‧‧‧Touch

1610‧‧ view

1620‧‧‧Composite imagery

1630‧‧‧User interface objects

1640‧‧‧User interface objects

1700‧‧‧User interface

1705‧‧‧Touch

1710‧‧ view

1720‧‧‧Composite imagery

1721‧‧‧ indicates

1730‧‧‧User interface

1740‧‧‧Menu items

1742‧‧‧ text

1744‧‧‧visible clues

1746‧‧‧visible clues

1750‧‧‧User Interface Objects / Visual Clues

1760‧‧‧User Interface Objects / Visual Clues

1770‧‧‧User interface objects

1800‧‧‧User interface

1805‧‧‧Touch

1810‧‧‧User interface objects

1820‧‧‧User interface objects

1830‧‧‧User interface objects

1840‧‧‧User Interface Function Table

1900‧‧‧Overlay image

1905‧‧‧Touch

1920‧‧‧Overlay image

2000‧‧‧User interface

2005‧‧‧Touch

2010‧‧ view

2020‧‧‧Composite imagery

2060‧‧‧Composite imagery

2100‧‧‧User interface

2102‧‧‧visible clues

2104‧‧‧visible clues

2105‧‧‧Slip

2120‧‧‧User interface

2130‧‧‧User interface

2135‧‧‧Touch

2140‧‧‧User interface

2200‧‧‧ method

2202‧‧‧ Block

2204‧‧‧ Block

2206‧‧‧ Block

2208‧‧‧ Block

2210‧‧‧ Block

Block 2212‧‧‧

2300‧‧‧ method

2302‧‧‧ Block

2304‧‧‧ Block

2306‧‧‧ Block

2308‧‧‧ Block

2310‧‧‧ Block

2312‧‧‧ Block

2314‧‧‧ Block

2400‧‧‧ method

2402‧‧‧ Block

2404‧‧‧ Block

2406‧‧‧ Block

2408‧‧‧ Block

2410‧‧‧ Block

2412‧‧‧ Block

2414‧‧‧ Block

2500‧‧‧ method

2502‧‧‧ Block

2504‧‧‧ Block

2506‧‧‧ Block

2508‧‧‧ Block

2510‧‧‧ Block

2512‧‧‧ Block

2514‧‧‧ Block

2600‧‧‧ method

2602‧‧‧ Block

2604‧‧‧ Block

2606‧‧‧ Block

2608‧‧‧ Block

2610‧‧‧ Block

2700‧‧‧Electronics

2702‧‧‧Touch sensitive display unit

2704‧‧‧Rotatable input mechanism unit

2706‧‧‧Wireless communication unit

2708‧‧‧Processing unit

2710‧‧‧ Receiving unit

2712‧‧‧Display enable unit

2714‧‧‧Detection unit

2716‧‧‧Replacement enable unit

2718‧‧‧Transition enable unit

2720‧‧‧ translation enable unit

2722‧‧‧Decision unit

2724‧‧‧Animation Enablement Unit

2726‧‧‧ Keep enabled unit

2800‧‧‧Electronics

2802‧‧‧Touch sensitive display unit

2804‧‧‧ Rotatable input mechanism unit

2806‧‧‧Wireless communication unit

2808‧‧‧Processing unit

2810‧‧‧ Receiving unit

2812‧‧‧Display enable unit

2814‧‧‧Detection unit

2816‧‧‧Replacement enable unit

2818‧‧‧Transition enable unit

2820‧‧‧Determining unit

2822‧‧‧ Keep enabled unit

2900‧‧‧Electronics

2902‧‧‧Touch sensitive display unit

2904‧‧‧Rotatable input mechanism unit

2906‧‧‧Wireless communication unit

2908‧‧‧Processing unit

2910‧‧‧ Receiving unit

2912‧‧‧Display enable unit

2914‧‧‧Detection unit

2916‧‧‧Replacement enable unit

2918‧‧‧Transition enable unit

2920‧‧‧Determining unit

2922‧‧‧ Keep enabled unit

3000‧‧‧Electronics

3002‧‧‧Touch sensitive display unit

3004‧‧‧Rotatable input mechanism unit

3006‧‧‧Wireless communication unit

3008‧‧‧Processing unit

3010‧‧‧ Receiving unit

3012‧‧‧ display enable unit

3014‧‧‧Detection unit

3016‧‧‧Replacement enable unit

3018‧‧‧Transition enable unit

3020‧‧‧Determining unit

3022‧‧‧Strength sensor unit

3100‧‧‧Electronics

3102‧‧‧Touch sensitive display unit

3104‧‧‧ Rotatable input mechanism unit

3106‧‧‧Wireless communication unit

3108‧‧‧Processing unit

3110‧‧‧ Receiving unit

3112‧‧‧ display enable unit

3114‧‧‧Detection unit

3116‧‧‧Replacement enable unit

3118‧‧‧Determining unit

3120‧‧‧ Keep enabled unit

3122‧‧‧Strength sensor unit

For a better understanding of the various embodiments of the invention, reference should be made to

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 an illustrative component for event handling in accordance with some embodiments.

2 illustrates a portable multifunction device with a touch screen in accordance with some embodiments.

3 is a block diagram of an illustrative multi-function device having a display and a touch-sensitive surface, in accordance with some embodiments.

4A illustrates an exemplary user interface for an application function table on a portable multifunction device, in accordance with some embodiments.

4B illustrates an exemplary user interface of a multi-function device having a touch-sensitive surface 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.

Figure 6A illustrates an exemplary user interface for launching a photo application.

Figure 6B illustrates an exemplary user interface with a representation of a collection of photos.

7A-7D illustrate an exemplary photo application user interface in accordance with some embodiments.

8A-8C illustrate an exemplary photo application user interface in accordance with some embodiments.

9A-9F illustrate an exemplary photo application user interface in accordance with some embodiments.

10A-10D illustrate an exemplary photo application use in accordance with some embodiments Interface.

11A-11D illustrate an exemplary photo application user interface in accordance with some embodiments.

12A-12B illustrate an exemplary photo application user interface in accordance with some embodiments.

13A-13D illustrate an exemplary photo application user interface in accordance with some embodiments.

14A-14B illustrate an exemplary photo application user interface in accordance with some embodiments.

15A-15C illustrate an exemplary photo application user interface in accordance with some embodiments.

16A-16C illustrate an exemplary photo application user interface in accordance with some embodiments.

17A-17C illustrate an exemplary photo application user interface in accordance with some embodiments.

18A-18C illustrate an exemplary photo application user interface in accordance with some embodiments.

FIG. 19 illustrates an exemplary photo application user interface in accordance with some embodiments.

20 illustrates an exemplary photo application user interface in accordance with some embodiments.

21A-21D illustrate an exemplary photo application user interface in accordance with some embodiments.

Figure 22 is a flow chart illustrating a processing procedure for displaying a photo on an electronic device.

Figure 23 is a flow chart illustrating a processing procedure for displaying a photo on an electronic device.

Figure 24 is a flow chart illustrating a processing procedure for displaying a photo on an electronic device.

Figure 25 is a flow chart illustrating a processing procedure for displaying a photo on an electronic device.

Figure 26 is a flow chart illustrating a processing procedure for displaying a photo on an electronic device.

27 is a functional block diagram of an electronic device in accordance with some embodiments.

28 is a functional block diagram of an electronic device in accordance with some embodiments.

29 is a functional block diagram of an electronic device in accordance with some embodiments.

30 is a functional block diagram of an electronic device in accordance with some embodiments.

31 is a functional block diagram of an electronic device in accordance with some embodiments.

The following description sets forth exemplary methods, parameters, and the like. However, it should be understood that the description is not intended to limit the scope of the invention, but is instead provided as a description of exemplary embodiments.

There is a need to provide an efficient method and interface for accessing, navigating, and displaying photos on devices having small form factors. These techniques can reduce the cognitive burden on users who access, navigate, and display photos on devices with small form factors, thereby promoting productivity. In addition, these techniques can reduce processor and battery power (otherwise would be wasted on redundant user input).

Hereinafter, FIGS. 1A-1B, 2, 3, 4A-4B, 5A-5D, and 27-31 provide for execution and photo applications (eg, access, browsing, navigation) And/or display a photo) a description of an exemplary device of the associated technology. 6A-21D illustrate an exemplary user interface for performing techniques associated with a photo application (eg, accessing, browsing, navigating, and/or displaying a photo). 22-26 are flow diagrams illustrating methods of performing techniques associated with a photo application (eg, accessing, browsing, navigating, and/or displaying a photo), in accordance with some embodiments. The user interface in Figures 6A through 21D is used to illustrate the processing procedures described below, including the processing procedures of Figures 22 through 26.

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

The terminology used herein to describe the various embodiments are for the purpose of describing particular embodiments and are not intended to be limiting. As used to describe the various described embodiments and the scope of the appended claims, unless the context clearly indicates otherwise The terms "a" and "the" are also intended to include the plural. It is also understood that the term "and/or" used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It is to be understood that the terms "comprises" or "comprising", when used in this specification, are used to refer to the <RTI ID=0.0> </RTI> </ RTI> <RTIgt; The existence or addition of integers, steps, operations, components, components, and/or groups thereof.

The term "if" may be interpreted to mean "at time" or "after" or "in response to judgment" or "in response to detection" depending on the context. Similarly, the phrase "if judged" or "if a condition or event is stated" may be interpreted as meaning "after judgment" or "in response to judgment" or "in detection" depending on the context. After the stated condition or event] or "in response to the detection of [condition or event stated]".

Embodiments of electronic devices, user interfaces of such devices, and associated processing programs for using such devices are described. In some embodiments, the device is a portable communication device such as a mobile phone that also contains other functions such as PDA and/or music player functionality. Illustrative embodiments of portable multifunction devices include, but are not limited to, Apple®, iPod Touch®, and iPad® devices from Cupertino, California. Other portable electronic devices, such as laptops or tablets with touch-sensitive surfaces (eg, touch screen displays and/or trackpads), are used as appropriate. It should also be understood that in some embodiments, the device is not a portable communication device but a desktop computer having a touch-sensitive surface (eg, a touch screen display and/or a touch pad).

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

The device supports a variety of applications, such as one or more of the following: drawing applications, rendering applications, word processing applications, website building applications, disc creation applications, spreadsheet applications, gaming applications, Phone application, video conferencing application, email application, instant messaging application, fitness support application, photo management application, digital camera application, digital video camera application, web browsing application, digital music player Application, and / or digital video player application.

The various applications executing on the device optionally use at least one shared physical user interface device, such as a touch-sensitive surface. The one or more functions of the touch-sensitive surface and the corresponding information displayed on the device are adjusted as appropriate and/or varied from one application to the next and/or within the respective application. In this manner, a common physical architecture of the device, such as a touch-sensitive surface, optionally supports a variety of applications with a user interface that is intuitive and transparent to the user.

Attention is now directed to embodiments of a portable device having a touch sensitive display. FIG. 1A is a block diagram illustrating a portable multifunction device 100 having a touch-sensitive display system 112 in accordance with some embodiments. For convenience, touch sensitive display 112 is sometimes referred to as a "touch screen" and is sometimes referred to as or as a "touch sensitive display system." The device 100 includes a memory 102 (which optionally includes one or more computer readable storage media), a memory controller 122, one or more processing units (CPUs) 120, a peripheral device interface 118, an RF circuit 108, and an audio circuit. 110, speaker 111, microphone 113, input/output (I/O) subsystem 106, other input control devices 116, and external ports 124. Device 100 includes one or more optical sensors 164 as appropriate. Device 100 optionally includes one or more contact intensity sensors 165 for detecting the intensity of contact on device 100 (eg, a touch-sensitive surface such as touch-sensitive display system 112 of device 100). Device 100 optionally includes a haptic output for generating device 100 (eg, generating a touch-sensitive display system 112 or device such as device 100) One or more haptic output generators 167 of the tactile output on the touch sensitive surface of the touchpad 355 of 300. These components communicate via one or more communication busses or signal lines 103 as appropriate.

As used in this specification and the scope of the claims, the term "strength" of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of contact (eg, finger contact) on a touch-sensitive surface, Or a substitute (agent) for the force or pressure of contact on a touch-sensitive surface. The intensity of the contact has a range of values including at least four different values, and more typically includes hundreds of different values (eg, at least 256). The strength of the contact is determined (or measured) using various methods and combinations of various sensors or sensors as appropriate. For example, one or more force sensors beneath or adjacent to the surface of the touch-sensitive surface are used as appropriate to measure the force at various points on the touch-sensitive surface. In some implementations, a combined (eg, weighted average) force measurement from a plurality of force sensors is used to determine the estimated force of the contact. Similarly, the pressure sensitive tip of the stylus is used as appropriate to determine the pressure of the stylus on the touch sensitive surface. Alternatively, depending on the situation, the size and/or variation of the contact area detected on the touch-sensitive surface, the capacitance of the touch-sensitive surface that is in close proximity and/or its variation, and/or the touch-sensitive proximity of the contact The resistance of the surface and/or its variations are used as a substitute for the force or pressure of contact on the touch-sensitive surface. In some implementations, the contact force or pressure substitute measurement is used directly to determine if the intensity threshold has been exceeded (eg, the intensity threshold is described in units corresponding to the surrogate measurement). In some implementations, the contact force or pressure substitute measurement is converted to an estimated force or pressure, and the estimated force or pressure is used to determine whether the intensity threshold has been exceeded (eg, the intensity threshold is in pressure units) Measured pressure threshold). The use of the strength of the contact as a user input attribute allows the user to access additional device functionality on the reduced size device that may not be user accessible, and the reduced size device has a display for display Visual cues (eg, on a touch-sensitive display) and/or receiving a user's input (eg, via a touch-sensitive display, a touch-sensitive surface, or a physical/mechanical control such as a knob or button).

As used in this specification and the claims, the term "tactile output" refers to a physical displacement of a device relative to a previous location of the device, a component of the device (eg, a touch-sensitive surface) relative to another component of the device (eg, The physical displacement of the outer casing, or the displacement of the component detected by the user by its touch sensing relative to the center of mass of the device. For example, where a component of a device or device contacts a surface of a touch-sensitive user (eg, a finger, a palm, or other portion of the user's hand), the tactile output produced by the physical displacement will be used by the user. Interpreted as a tactile sensation that corresponds to a perceived change in a physical feature of a component of a device or device. For example, the user interprets the movement of the touch-sensitive surface (eg, a touch-sensitive display or a track pad) as a "click" or "up click" of the physical actuator button. . In some cases, even when the physical actuator button associated with the touch-sensitive surface that is physically pressed (eg, displaced) by the user's movement does not move, the user will still feel such as "downward" Touch the touch or "click up" to feel the touch. As another example, even when the smoothness of the touch-sensitive surface does not change, the user interprets or senses the movement of the touch-sensitive surface as "roughness" of the touch-sensitive surface as appropriate. Although the user's such touch interpretation will be affected by the user's individualized sensory perception, there are many touch perceptions that are common to a larger portion of the user. Thus, unless otherwise stated, when the haptic output is described as corresponding to a particular sensory perception of the user (eg, "up click", "down", "roughness"), the resulting haptic output corresponds to The physical displacement of the device or its components that will produce the sensory perception described by a typical (or general) user.

It should be appreciated that device 100 is only one example of a portable multifunction device, and device 100 optionally has more or fewer components than is shown, combining two or more components as appropriate, or as different groups as appropriate. State or configuration component. The various components shown in FIG. 1A are implemented in hardware, software, or a combination of both hardware and software (including one or more signal processing and/or special application integrated circuits).

Memory 102 can include one or more computer readable storage media. Computer readable storage medium The body can be tangible and non-transitory. The memory 102 can include high speed random access memory and can also include non-volatile memory, such as one or more disk storage devices, flash memory devices, or other non-volatile solid state memory devices. The memory controller 122 can control access to the memory 102 by other components of the device 100.

The peripheral device interface 118 can be used to couple the input and output peripheral devices of the device to the CPU 120 and the memory 102. The one or more processors 120 execute or execute various software programs and/or sets of instructions stored in the memory 102 to perform various functions and processing of the device 100. In some embodiments, peripheral device interface 118, CPU 120, and memory controller 122 can be implemented on a single wafer, such as wafer 104. In some other embodiments, it can be implemented on a separate wafer.

An RF (Radio Frequency) circuit 108 receives and transmits an RF signal (also referred to as an electromagnetic signal). The RF circuit 108 converts the electrical signal into an electromagnetic signal/self-electromagnetic signal to convert the electrical signal and communicates with the communication network and other communication devices via the electromagnetic signal. RF circuitry 108 optionally includes well-known circuitry for performing such functions, including but not limited to antenna systems, RF transceivers, one or more amplifiers, tuners, one or more oscillators, digital signal processors, codecs (CODEC) chipset, user identification module (SIM) card, memory, and the like. The RF circuit 108 is optionally connected by wireless communication to, for example, the Internet (also known as the World Wide Web (WWW)), the corporate intranet, and/or the wireless network (such as a cellular telephone network, a wireless local area network (LAN). And/or the network of the Metropolitan Area Network (MAN) and other devices communicate. The RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by short range communication. Wireless communication uses any of a number of communication standards, protocols, and technologies as appropriate, 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), Evolved Pure Data (EV-DO), HSPA, HSPA+, Dual Cell HSPA (DC-HSPDA), Long Term Evolution (LTE), Near Field Communication (NFC), Broadband Code Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (eg, IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and/or IEEE 802.11ac), Internet Protocol Voice (VoIP) ), Wi-MAX, protocols for e-mail (eg, Internet Protocol Access Protocol (IMAP) and/or Post Office Protocol (POP)), instant messaging (eg, extensible messaging and current information protocols) XMPP), Workflow Initiation Agreement (IMPLE) for Instant Messaging and Status Information Extension, Instant Messaging and Status Information Service (IMPS), and/or Short Message Service (SMS), or any other suitable Communications Agreement (including communications agreements that have not been developed since the filing date of this document).

The audio circuit 110, the speaker 111, and the microphone 113 provide an audio interface between the user and the device 100. The audio circuit 110 receives audio data from the peripheral device interface 118, converts the audio data into electrical signals, and transmits the electrical signals to the speaker 111. The speaker 111 converts the electrical signal into a human audible sound wave. The audio circuit 110 also receives an electrical signal that is self-sound converted by the microphone 113. The audio circuit 110 converts the electrical signals into audio data and transmits the audio data to the peripheral device interface 118 for processing. The audio data is retrieved from the memory 102 and/or the RF circuit 108 by the peripheral device interface 118 and/or the audio data is transmitted to the memory 102 and/or the RF circuit 108. In some embodiments, the audio circuit 110 also includes a headphone jack (eg, the headphone jack 212 of FIG. 2). The headphone jack provides an interface between the audio circuit 110 and the removable audio input/output peripheral device, such as an output only headset or with an output (eg, for one or both ears) Headphones) and input (for example, a microphone) for both headphones.

I/O subsystem 106 couples input/output peripheral devices (such as touch screen 112 and other input control devices 116) on device 100 to peripheral device interface 118. I/O subsystem 106 optionally includes display controller 156, optical sensor controller 158, intensity sensor controller 159, tactile feedback controller 161, and one or more inputs for other input or control devices. Controller 160. The one or more input controllers 160 receive electrical/transmit electrical signals from other input control devices 116 to other input control devices 116. Other input controls Device 116 optionally includes physical buttons (eg, push buttons, rocker buttons, etc.), dials, slider switches, joysticks, pointing wheels, and the like. In some alternative embodiments, the input controller 160 is coupled to any one of the following (or none): a keyboard, an infrared ray, a USB port, and an indicator device such as a mouse. One or more buttons (e.g., button 208 of FIG. 2) optionally include up/down buttons for volume control of speaker 111 and/or microphone 113. One or more buttons optionally include a push button (eg, push button 206 of Figure 2).

Pressing a quick press of a button unlocks the touch screen 112 or initiates a processing procedure that uses a gesture on the touch screen to unlock the device, such as the United States filed on December 23, 2005. The patent application 11/322,549, "Unlocking a Device by Performing Gestures on an Unlock Image" (U.S. Patent No. 7,657,849), which is incorporated herein by reference in its entirety. A longer press of a push button (eg, push button 206) can turn the power of device 100 on or off. The user may be able to customize the functionality of one or more of the buttons. The touch screen 112 is used to implement a virtual or screen button and one or more screen keypads.

The touch sensitive display 112 provides an input interface and an output interface between the device and the user. The display controller 156 receives electrical signals from the touch screen 112 and/or transmits electrical signals to the touch screen 112. The touch screen 112 displays a visual output to the user. Visual output can include graphics, text, graphics, video, and any combination thereof (collectively referred to as "graphics"). In some embodiments, some or all of the visual output may correspond to a user interface item.

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

Touch screen 112 may use LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, although other display techniques may be used in other embodiments. Touch screen 112 and display controller 156 can detect any contact or any movement or interruption thereof using any of a variety of touch sensing techniques now known or later developed, including but not limited to capacitive, Resistive, infrared, and surface acoustic wave techniques, as well as other proximity sensor arrays or other components for determining one or more points of contact with touch screen 112. In an exemplary embodiment, a projected mutual capacitance sensing technique is used, such as the one found in Apple®'s iPhone® and iPod Touch® from Cupertino, California.

The touch sensitive display in some embodiments of the touch screen 112 can be similar to the multi-touch sensitive touchpad described in the following U.S. Patent and/or U.S. Patent Publication No. 2002/0015024 A1: 6, 323, 846 (Westerman et al. And each of the patents and patent publications are hereby incorporated by reference in its entirety herein in its entirety. However, touch screen 112 displays visual output from device 100, while touch sensitive touch pads do not provide visual output.

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

The touch screen 112 can have a video resolution of more than 100 dpi. In some embodiments, the touch screen has a video resolution of approximately 160 dpi. The user can contact the touch screen 112 using any suitable item or accessory, such as a stylus, finger, or the like. In some embodiments, the user interface is designed to function primarily with finger-based contact and gestures, and finger-based contact and gestures can be attributed to the larger contact area of the finger on the touch screen. The input based on the stylus is less precise. In some embodiments, the device converts the rough input based on the finger into a precision indicator/cursor position or command for performing the desired action by the user.

In some embodiments, in addition to the touch screen, device 100 can include a touchpad (not shown) for activating or deactivating a particular function. In some embodiments, the touchpad is a touch-sensitive area of the device that, unlike a touchscreen, does not display a visual output. The touchpad can be a touch-sensitive surface that is separate from the touch screen 112, or an extension of the touch-sensitive surface formed by the touch screen.

Device 100 also includes a power system 162 for powering various components. The power system 162 can include a power management system, one or more power sources (eg, batteries, alternating current (AC)), a recharging system, power fault detection circuitry, power converters or converters, power status indicators (eg, lighting) Diode (LED) and any other component associated with the generation, management, and distribution of power in a portable device.

Device 100 can also include one or more optical sensors 164. FIG. 1A shows an optical sensor coupled to optical sensor controller 158 in I/O subsystem 106. Optical sensor 164 A charge coupled device (CCD) or a complementary metal oxide semiconductor (CMOS) photo crystal may be included. Optical sensor 164 receives ambient light projected through one or more lenses and converts the light into information representative of the image. In conjunction with the imaging module 143 (also referred to as a camera module), the optical sensor 164 can capture still images or video. In some embodiments, the optical sensor is located on the back of the device 100 opposite the touch screen display 112 on the front side of the device such that the touch screen display can be used as a seeker for static and/or video image acquisition. . In some embodiments, the optical sensor is located on the front side of the device such that when the user views other video conferencing participants on the touch screen display, the user's image is available for the video conference. In some embodiments, the position of the optical sensor 164 can be changed by a user (eg, by rotating a lens and sensor in the device housing) such that the single optical sensor 164 can be used in conjunction with a touch screen display Both video conferencing and static and/or video image acquisition.

Device 100 also includes one or more contact intensity sensors 165 as appropriate. FIG. 1A shows a contact intensity sensor coupled to intensity sensor controller 159 in I/O subsystem 106. The contact intensity sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electrodynamic sensors, piezoelectric force sensors, optical force sensors, capacitive touch sensitive Surface or other intensity sensor (eg, a sensor for measuring the force (or pressure) of a contact on a touch-sensitive surface). The contact intensity sensor 165 receives contact intensity information (eg, pressure information or pressure information agents) from the environment. In some embodiments, at least one contact intensity sensor is co-located or in proximity to a touch-sensitive surface (eg, touch-sensitive display system 112). In some embodiments, at least one contact intensity sensor is located on the back side of device 100 opposite touch screen display 112 on the front side of device 100.

Device 100 can also include one or more proximity sensors 166. FIG. 1A shows a proximity sensor 166 coupled to a peripheral device interface 118. Alternatively, proximity sensor 166 can be coupled to input controller 160 in I/O subsystem 106. The proximity sensor 166 can be implemented as described in the following U.S. Patent Application: Procimity Detector In, No. 11/241,839 Handheld Device"; No. 11/240,788 "Proximity Detector In Handheld Device"; No. 11/620,702 "Using Ambient Light Sensor To Augment Proximity Sensor Output"; No. 11/586,862 "Automated Response To And Sensing Of User Activity In Portable And "Methods And Systems For Automatic Configuration Of Peripherals", incorporated herein by reference in its entirety. In some embodiments, when the multifunction device is placed near the user's ear (eg, when the user is making a phone call), the proximity sensor is turned off and the touch screen 112 is disabled.

Device 100 also includes one or more haptic output generators 167 as appropriate. FIG. 1A shows a haptic output generator coupled to a tactile feedback controller 161 in I/O subsystem 106. The haptic output generator 167 optionally includes one or more electro-acoustic devices (such as speakers or other audio components), and/or electromechanical devices that convert energy into linear motion (such as motors, solenoids, electroactive polymers, Piezoelectric actuators, electrostatic actuators, or other tactile output generating components (eg, components that convert electrical signals into tactile outputs on the device). Contact intensity sensor 165 receives a haptic feedback generation command from haptic feedback module 133 and produces a haptic output on device 100 that can be sensed by a user of device 100. In some embodiments, at least one haptic output generator is co-located or proximate to a touch-sensitive surface (eg, touch-sensitive display system 112) and, as appropriate, by vertical (eg, entering/leaving the surface of device 100) or The tactile output is generated by moving the touch-sensitive surface laterally (e.g., back and forth in the same plane as the surface of device 100). In some embodiments, at least one haptic output generator sensor is located on the back side of device 100 opposite touch screen display 112 on the front side of device 100.

Device 100 can also include one or more accelerometers 168. FIG. 1A shows an accelerometer 168 coupled to a peripheral device interface 118. Alternatively, accelerometer 168 can be coupled to input controller 160 in I/O subsystem 106. The accelerometer 168 can be implemented as described in the following: US Patent Publication No. 20050190059 "Acceleration-based Theft Detection" "Systems and Apparatuses For Operating A Portable Device Based On An Accelerometer", both of which are incorporated herein by reference in its entirety. In some embodiments, the information is displayed on the touchscreen display in a portrait or landscape view based on data analysis received from one or more accelerometers. In addition to accelerometer 168, device 100 includes, as appropriate, a magnetometer (not shown) and a GPS (or GLONASS or other global navigation system) receiver (not shown) for obtaining position and orientation with device 100 (eg, longitudinal or Horizontal) related information.

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

Operating system 126 (eg, Darwin, RTXC, LINUX, UNIX, OS X, WINDOWS, or embedded operating systems such as VxWorks) includes controls and management of general system tasks (eg, memory management, storage device control, power management) And other software components and/or drivers, and facilitate communication between the various hardware components and software components.

Communication module 128 facilitates communication with other devices via one or more external ports 124, and also includes various softities for handling data received by RF circuitry 108 and/or external port 124 Body component. The external port 124 (eg, a universal serial bus (USB), FIREWIRE, etc.) is adapted to be directly coupled to other devices or indirectly coupled to other devices via a network (eg, an internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (eg, 30-pin) connector that is the same or similar and/or compatible with a 30-pin connector used on an iPod (trademark of Apple Inc.) device.

The contact/motion module 130 optionally detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch sensitive devices (eg, a trackpad or physical pointing wheel). The contact/motion module 130 includes various software components for performing various operations related to contact detection, such as determining whether contact has occurred (eg, detecting a finger down event), determining the strength of the contact (eg, the force of contact) Or a substitute for pressure or contact force or pressure), determining if there is movement of the contact and tracking the movement across the touch-sensitive surface (eg, detecting one or more finger drag events), and determining if the contact has stopped (eg, , detecting finger up events or contact interruptions). Contact/motion module 130 receives contact data from a touch-sensitive surface. Determining the movement of the contact point (which is represented by a series of contact data) includes determining the rate (magnitude), velocity (magnitude and direction), and/or acceleration (variation in magnitude and/or direction) of the contact point, as appropriate. These operations are applied to a single contact (eg, one finger contact) or to multiple simultaneous contacts (eg, "multi-touch" / multiple finger contacts) as appropriate. In some embodiments, the contact/motion module 130 and the display controller 156 detect contact on the touchpad.

In some embodiments, the contact/motion module 130 uses a set of one or more intensity thresholds to determine if the user has performed an operation (eg, to determine if the user has "clicked" the icon). In some embodiments, at least a subset of the intensity thresholds are determined based on the software parameters (eg, the intensity threshold is not determined by the activation threshold of the particular physical actuator, and it may not change the device 100) Adjusted in the case of physical hardware). For example, the mouse "click" threshold of the track pad or the touch screen display can be set to a larger range of predefined fields without changing the track pad or the touch screen display hardware. Any of the limits. In addition, in some implementations, the user of the device is provided for tuning Software setting of one or more of the set of integer strength thresholds (eg, by adjusting individual intensity thresholds, and/or by adjusting the intensity thresholds once by clicking on the "strength" parameter at the system level value).

The contact/motion module 130 detects the gestures input by the user as appropriate. Different gestures on the touch-sensitive surface have different contact patterns (eg, different motions, timings, and/or intensities of the detected contacts). Therefore, the gesture is detected by detecting a specific contact pattern as appropriate. For example, detecting a finger tap gesture includes detecting a finger down event followed by the same (or substantially the same) position as the finger down event (eg, at the location shown) ) detects the finger up (off) event. As another example, detecting a finger swipe gesture on a touch-sensitive surface includes detecting a finger down event, followed by detecting one or more finger drag events, and then subsequently detecting the finger Up (off) event.

The graphics module 132 includes various known software components for rendering and displaying graphics on the touch screen 112 or other display, including visual impact for changing the displayed graphics (eg, brightness, transparency, saturation, contrast) Or other visual properties) components. As used herein, the term "graphic" includes any object that can be displayed to a user, including but not limited to text, web pages, graphics (such as user interface objects including screen buttons), digital video, video, animation. And similar.

In some embodiments, graphics module 132 stores data representing graphics to be used. Each graphic is assigned a corresponding code as appropriate. The graphic module 132 receives one or more code codes of the graphic to be displayed, and the coordinate data and other graphic property data (if necessary) from the application program or the like, and then generates the image data of the screen to output to the display controller 156.

The tactile feedback module 133 includes various software components for generating instructions for use by the tactile output generator 167 to generate a tactile output at one or more locations on the device 100 in response to user interaction with the device 100.

Text input module 134 (which may be a component of graphics module 132) is provided for use in various applications Use the program (for example, contact 137, email 140, IM 141, browser 147, and any other application that requires text input) to type a text on the screen.

The GPS module 135 determines the location of the device and provides this information for use by various applications (e.g., to the phone 138 for use in location-based dialing; to the camera 143 for image/video post-data; and for Provides location-based services such as the weather interface toolset, the local yellow page interface toolset, and the map/navigation interface toolset.

The application 136 can include the following modules (or sets of instructions), or a subset or superset thereof: • a contact module 137 (sometimes referred to as an address book or contact list); • a phone module 138; • a video conference Module 139; ● email client module 140; instant messaging (IM) module 141; fitness support module 142; camera module 143 for static and/or video images; Group 144; • video player module; • music player module; • browser module 147; • calendar module 148; • interface tool set module 149, which may include one or more of the following: Weather Interface Tool Set 149-1, Stock Interface Tool Set 149-2, Calculator Interface Tool Set 149-3, Alarm Interface Tool Set 149-4, Dictionary Interface Tool Set 149-5, and other interface toolsets available to users And a user-created interface tool set 149-6; an interface tool set builder module 150 for generating a user-created interface tool set 149-6; a search module 151; a video and music player module 152 that combines a video player module and a music player module; a memo module 153; a map module 154; and/or a connected video module Group 155.

Examples of other applications 136 that can be stored in the memory 102 include other word processing applications, other image editing applications, drawing applications, rendering applications, JAVA-enabled applications, encryption, digital rights management, speech recognition. And voice overwriting.

In conjunction with the touch screen 112, the display controller 156, the contact/motion module 130, the graphics module 132, and the text input module 134, the contact module 137 can be used to manage the address book or contact list (eg, stored in memory). The application internal state 192 of the contact module 137 in the body 102 or the memory 370 includes: adding a name in the address book; deleting the name from the address book; making the phone number, email address, physical address Or other information associated with the name; associate the image with the name; classify and categorize the name; provide a phone number or email address for use by phone 138, video conferencing module 139, email 140, or IM 141 Start and / or promote communication; and so on.

In combination with the RF circuit system 108, the audio circuit 110, the speaker 111, the microphone 113, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the telephone module 138 is available. To type a sequence of characters corresponding to a phone number, access one or more phone numbers in the contact module 137, modify a typed phone number, dial a separate phone number, make a conversation, and disconnect when the conversation is complete Or hang up. As noted above, wireless communication can use any of a variety of communication standards, protocols, and techniques.

Combined with RF circuit 108, audio circuit 110, speaker 111, microphone 113, touch Screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact/motion module 130, graphics module 132, text input module 134, contact module 137, and telephone module 138. The video conferencing module 139 includes executable instructions for initiating, conducting, and terminating a video conference between the user and one or more other participants in accordance with user instructions.

In combination with the RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the email client module 140 is configured to respond to user commands. Executable instructions for creating, sending, receiving, and managing email. In conjunction with the image management module 144, the email client module 140 makes it very easy to create and send emails with still or video images captured with the camera module 143.

In combination with the RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the instant messaging module 141 includes a keyword for inputting an instant message. Meta-sequence, modify previously typed characters, transmit individual instant messages (for example, use short message service (SMS) or multimedia messaging service (MMS) protocol for instant messaging based on the phone, or use instant messaging based on the Internet) XMPP, SIMPLE or IMPS), receiving instant messages, and viewing executable instructions for received instant messages. In some embodiments, the transmitted and/or received instant messages may include graphics, photos, audio files, video files, and/or other additional files supported in MMS and/or Enhanced Messaging Service (EMS). As used herein, "instant messaging" refers to both phone-based messages (eg, messages sent using SMS or MMS) and Internet-based messages (eg, messages sent using XMPP, SIMPLE, or IMPS). .

The RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, the text input module 134, the GPS module 135, the map module 154, and the music player module are combined. The fitness support module 142 includes a fitness program (eg, with time, distance, and/or calorie burning targets), and a fitness sensor (exercise) Communication, receiving fitness sensor data, calibrating sensors for monitoring fitness, selecting and playing music for fitness, and executing instructions for displaying, storing, and transmitting fitness data.

In combination with the touch screen 112, the display controller 156, the optical sensor 164, the optical sensor controller 158, the contact/motion module 130, the graphic module 132, and the image management module 144, the camera module 143 includes An executable instruction for capturing still images or video (including video streams) and storing them in the memory 102, modifying the characteristics of the still images or video, or deleting still images or video from the memory 102.

In combination with the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, the text input module 134, and the camera module 143, the image management module 144 includes configuration (eg, editing). Or otherwise manipulate, mark, delete, render (eg, use a digital slide to show or thin) and store executable instructions for still images and/or video images.

In combination with the RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the browser module 147 includes a browser for browsing the Internet according to user instructions. (Executive instructions for searching, linking to, receiving and displaying portions of web pages or web pages, and additional files and other files linked to web pages).

The RF circuit 108, the touch screen 112, the display system controller 156, the contact/motion module 130, the graphic module 132, the text input module 134, the email client module 140, and the browser module 147 are acted upon. Calendar module 148 includes executable instructions for creating, displaying, modifying, and storing calendars and calendar-related data (eg, calendar entries, to-do event listings, etc.) in accordance with user instructions.

In conjunction with the RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphics module 132, the text input module 134, and the browser module 147, the interface tool set module 149 is user-accessible. Download and use micro-apps (for example, weather interface tool set 149-1, stock interface tool set 149-2, calculator interface tool set 149-3, alarm clock Interface tool set 149-4 and dictionary interface tool set 149-5), or a micro-application created by the user (eg, user-created interface tool set 149-6). In some embodiments, the interface toolset includes HTML (Hypertext Markup Language) files, CSS (hierarchical style sheet) files, and JavaScript files. In some embodiments, the interface toolset includes XML (Extensible Markup Language) files and JavaScript files (eg, the Yahoo! Interface Toolkit).

In conjunction with the RF circuit 108, the touch screen 112, the display controller 156, the contact/motion module 130, the graphics module 132, the text input module 134, and the browser module 147, the interface tool set builder module 150 can be used. It is used to create an interface tool set (eg, to turn a user-specified portion of a web page into an interface toolset).

The search module 151 includes a touch screen 112, a display controller 156, a contact/motion module 130, a graphics module 132, and a text input module 134. The search module 151 includes one or more memory modules 102 for searching according to user commands. Search criteria (eg, one or more user-specified search terms) that match the executable instructions for text, music, sound, video, video, and/or other files.

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

The memo module 153 includes a touch screen 112, a display controller 156, a contact/motion module 130, a graphic module 132, and a text input module 134. The memo module 153 includes a notebook to be set up and managed according to user instructions. Executable instructions such as lists.

In combination with RF circuit 108, touch screen 112, display controller 156, contact/motion mode The group 130, the graphic module 132, the text input module 134, the GPS module 135 and the browser module 147 can be used for receiving, displaying, modifying and storing maps and associated with the map according to user instructions. Information (eg, direction of travel; information relating to stores located at or near a particular location and other locations of interest; and other location-based information).

In combination with the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, the audio circuit 110, the speaker 111, the RF circuit 108, the text input module 134, the email client module 140, and browsing The module 147 includes a video module 155 that allows the user to access, browse, receive (eg, by streaming and/or downloading), play (eg, on a touch screen, or via an external device)埠124 is connected to an external display), sends an email with a link to a particular connected video, and otherwise manages the instructions for connecting video in one or more file formats, such as H.264. In some embodiments, the instant messaging module 141, rather than the email client module 140, is configured to send a link to a particular connected video. U.S. Patent Application Serial No. 60/936,562, "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos" (filed on June 20, 2007) and U.S. Patent Application Serial No. 11/968,067, An additional description of the connected video application can be found in the Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos (filed on December 31, 2007), the contents of which are hereby incorporated by reference in its entirety. The way to incorporate.

Each of the modules and applications identified above corresponds to performing one or more of the above-described functions and methods described in the present application (eg, computer implemented methods and other information processing methods described herein) A set of executable instructions. Such modules (ie, instruction sets) do not necessarily need to be implemented as separate software programs, programs, or modules, and thus various subsets of such modules may be combined or otherwise reconfigured in various embodiments. For example, the video player module can be combined with the music player module into a single module (eg, video and music player module 152, FIG. 1A). In some embodiments, the memory 102 can be stored A subset of the modules and data structures identified above are stored. In addition, the memory 102 can store additional modules and data structures not described above.

In some embodiments, device 100 is a device that performs only one set of predefined functions on the device by means of a touch screen and/or a touchpad. By using a touch screen and/or trackpad as the primary input control device for operation of device 100, the number of physical input control devices (such as push buttons, dials, etc.) on device 100 can be reduced.

The predefined set of functions that are exclusively performed via the touchscreen and/or trackpad optionally include navigation between user interfaces. In some embodiments, the touchpad navigates device 100 from any user interface displayed on device 100 to a primary function menu, a home menu, or a root menu when touched by a user. In these embodiments, the "function table button" is implemented using a touchpad. In some other embodiments, the menu button is a physical push button or other physical input control device, rather than a touchpad.

FIG. 1B is a block diagram illustrating an illustrative component for event handling in accordance with some embodiments. In some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3) includes event classifier 170 (eg, in operating system 126) and respective application programs 136-1 (eg, the aforementioned applications 137-151) , 155, 380 to 390).

The event classifier 170 receives the event information and determines the application view 191 to which the event information is delivered to the application 136-1 and the application 136-1. The event classifier 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, the application 136-1 includes an application internal state 192 that indicates a current application view that is displayed on the touch-sensitive display 112 while the application is active or in execution. In some embodiments, event classifier 170 uses device/global internal state 157 to determine which application or applications are currently active, and event classifier 170 uses application internal state 192 to determine the application to which event information is to be delivered. Program view 191.

In some embodiments, the application internal state 192 includes additional information, such as one or more of the following: recovery information that will be used when the application 136-1 resumes execution, Indicating user interface status information that is being displayed or prepared by the application 136-1 for information displayed by the application 136-1, enabling the user to return to the status of the previous state or view of the application 136-1, and The redo/restore queue of the previous actions performed by the user.

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

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

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

The click view determination module 172 provides a software program for determining where a sub-event occurred within one or more views when the touch-sensitive display 112 displays more than one view. The view consists of controls and other components that the user can see on the display.

Another aspect of the user interface associated with the application is a collection of views, sometimes referred to as an application view or a user interface window, in which information is displayed and touch-based gestures occur. The application view in which the touch is detected (for each application) may correspond to the program hierarchy within the application program hierarchy or view hierarchy. For example, the lowest level view in which the touch is detected may be referred to as a point of view view, and the set of events identified as being properly input may be determined based, at least in part, on a click through view of the initial touch that begins the touch based gesture.

The click view determination module 172 receives information related to sub-events based on the gesture-based gesture. When the application has multiple views organized by hierarchy, the click view decision module 172 identifies the clicked view as the lowest view in the hierarchy in which the sub-event should be handled. In most cases, the click view is the lowest level view in which the starting sub-event occurs (ie, the first sub-event in the sequence of sub-events that form the event or potential event). Once the click view decision module 172 recognizes the click view, the click view typically receives all of the sub-events associated with the same touch or input source identified as the click-selected view.

The active event recognizer decision module 173 determines which view or views within the view hierarchy should receive a particular sequence of sub-events. In some embodiments, the active event recognizer decision module 173 determines that only the click view should receive a particular sequence of sub-events. In other embodiments, the active event recognizer decision module 173 determines that all views including the physical location of the sub-event are views of the active participation, and thus determines that all actively participating views should receive a particular sequence of sub-events. In other embodiments, even if the touch sub-event is completely limited to the area associated with a particular view, the higher view in the hierarchy remains as a view of active participation.

The event dispatcher module 174 dispatches event information to an event recognizer (e.g., event recognizer 180). In an embodiment including the active event recognizer decision module 173, the event dispatcher module 174 delivers event information to the event recognizer determined by the active event recognizer decision module 173. In some embodiments, the event dispatcher module 174 stores event information retrieved by the respective event receiver modules 182 in an event queue.

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

In some embodiments, the application 136-1 includes a plurality of event handlers 190 and one or more application views 191, each of which includes a separate view for handling the user interface of the application. The instruction of the touch event that occurred. Application 136- Each of the application views 191 includes one or more event recognizers 180. Typically, the respective application views 191 include a plurality of event recognizers 180. In other embodiments, one or more of the event recognizers 180 are separate modules (such as a user interface set (not shown) or higher level objects, and the application 136-1 inherits from the higher level object. Part of the method and other properties). In some embodiments, the individual event handler 190 includes one or more of the following: a data update program 176, an object update program 177, a GUI update program 178, and/or event data 179 received from the event classifier 170. . The event handler 190 can utilize the data update program 176, the object update program 177, or the GUI update program 178 to update the application internal state 192. Alternatively, one or more of the application views 191 include one or more individual event handlers 190. Also, in some embodiments, one or more of the data update program 176, the object update program 177, and the GUI update program 178 are included in the respective application views 191.

The individual event recognizer 180 receives event information (e.g., event material 179) from the event classifier 170 and identifies the event based on the event information. Event recognizer 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 also includes at least a subset of post-data 183 and event delivery instructions 188 (which may include sub-event delivery instructions).

Event receiver 182 receives event information from event classifier 170. Event information includes information about sub-events (eg, touch or touch movement). Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When a sub-event is related to a touch action, the event information may also include the rate and direction of the sub-event. In some embodiments, the event includes rotation of the device from a certain orientation to another orientation (eg, from portrait orientation to landscape orientation, or from lateral orientation to longitudinal orientation), and event information includes information about the current orientation of the device (also known as Correspondence information of device attitude).

The event comparator 184 compares the event information with a predefined event or sub-event definition and determines an event or sub-event based on the comparison, or determines or updates the status of the event or sub-event. In some embodiments, event comparator 184 includes an event definition 186. Event definition 186 contains The definition of an event (for example, a predefined sequence of sub-events), for example, event 1 (187-1), event 2 (187-2), and other events. In some embodiments, sub-events in event 187 include, for example, touch start, touch end, touch movement, touch cancellation, and multi-touch. In one example, event 1 (187-1) is defined as a double touch to the displayed object. Double tapping, for example, includes a first touch (touch start) on the displayed object over a predetermined period of time, a first departure (a touch end) of a predetermined period of time, and a second touch on the displayed object over a predetermined period of time (touch Start) and the second departure from the scheduled phase (end of touch). In another example, event 2 (187-2) is defined as a drag on the displayed object. Dragging, for example, includes touching (or touching) on the displayed object over a predetermined period of time, movement of the touch across the touch sensitive display 112, and movement of the touch (end of touch). In some embodiments, the event also includes information of one or more associated event handlers 190.

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

In some embodiments, the definition of the respective event (187) also includes the delivery of the delayed event information until the delayed action has been determined that the sequence of sub-events does correspond to or does not correspond to the event type of the event recognizer.

When the individual event recognizer 180 determines that the series of sub-events does not match any of the events in the event definition 186, the individual event recognizer 180 types the state of the event impossible, event failure, or event end, where After that, it ignores the gesture-based action Subsequent sub-events. In this case, other event recognizers (if any) still active in the click view continue to track and process the ongoing sub-events based on the touch-based gesture.

In some embodiments, the individual event recognizer 180 includes configurable properties, flags, and/or manifest post-data 183 having instructions indicating how the event delivery system should perform sub-event delivery to the actively participating event recognizer. In some embodiments, the post-data 183 includes configurable properties, flags, and/or manifests that indicate how the event recognizers can interact, or can interact with each other. In some embodiments, the post material 183 includes configurable properties, flags, and/or manifests indicating whether sub-events are delivered to different levels in the view or program hierarchy.

In some embodiments, when one or more particular sub-events are identified, the respective event recognizer 180 initiates an event handler 190 associated with the event. In some embodiments, the individual event recognizer 180 delivers event information associated with the event to the event handler 190. The launch event handler 190 is different from sending (and deferring) a sub-event to a separate point view. In some embodiments, event recognizer 180 rolls back a flag associated with the identified event, and event handler 190 associated with the flag captures the flag and executes a predefined handler.

In some embodiments, the event delivery instructions 188 include sub-event delivery instructions that deliver event information about sub-events without launching an event handler. The fact is that the sub-event delivery instruction delivers event information to the event handler associated with the sub-event series or to the actively participating view. The event handler associated with the sub-event series or the actively participating view receives event information and executes a predetermined handler.

In some embodiments, the data update program 176 creates and updates the data for use in the application 136-1. For example, the data update program 176 updates the phone number used in the contact module 137 or stores the video file for use in the video player module. In some embodiments, the item update program 177 creates and updates objects for use in the application 136-1. For example, the object update program 177 creates a new user interface object or updates the use. The location of the interface object. The GUI update program 178 updates the GUI. For example, the GUI update program 178 is ready to display information and send the display information to the graphics module 132 for display on the touch-sensitive display.

In some embodiments, the event handler 190 includes or has access to a data update program 176, an object update program 177, and a GUI update program 178. In some embodiments, the data update program 176, the object update program 177, and the GUI update program 178 are included in a single module of the respective application 136-1 or the application view 191. In other embodiments, the update programs are included in two or more software modules.

It should be understood that the above discussion regarding the handling of user touch events on a touch sensitive display also applies to other forms of user input that operate the multifunction device 100 by the input device, not all user input being on the touch screen. Starting from the beginning. For example, the mouse movement and the mouse button pressing as appropriate (which may be pressed or held by a single or multiple keyboards, contact movement (such as light touch, drag, scroll, etc. on the touch panel), touch Pen input, device movement, verbal command, detected eye movement, biometric input; and/or any combination thereof are used as input to a sub-event corresponding to the event defining the event to be identified.

FIG. 2 illustrates a portable multifunction device 100 having a touch screen 112 in accordance with some embodiments. The touch screen displays one or more graphics within the user interface (UI) 200 as appropriate. In this embodiment and other embodiments described below, the user can use, for example, one or more fingers 202 (not drawn to scale in the drawings) or one or more styluses 203 (pattern) It is not drawn to scale) to make a gesture on the graph and select one or more of the graphs. In some embodiments, the selection of one or more graphics occurs when the user interrupts contact with one or more graphics. In some embodiments, the schematic action optionally includes one or more taps, one or more slips (from left to right, from right to left, up and/or down) of the finger that has touched the device 100, as appropriate. And/or scrolling (from right to left, left to right, up and/or down). In some implementations or situations, unintentional contact with a graphic does not select the graphic. For example, when the gesture corresponding to the selection is a tap, the application graph is swept. The slipping action shown does not select the corresponding application as appropriate.

Device 100 may also include one or more physical buttons, such as a "home page" or menu button 204. As previously described, menu button 204 can be used to navigate to any of the application programs 136 that can be executed on device 100. Alternatively, in some embodiments, the menu button is implemented as a screen button displayed in a GUI on the touch screen 112.

In one embodiment, the device 100 includes a touch screen 112, a menu button 204, a push button 206 for powering on/off the device and locking the device, a volume adjustment button 208, and a subscriber identity module (SIM). The card slot 210, the earphone jack 212, and the plug/charge external port 124. Push button 206 is optionally used to turn the power of the device on/off by pressing the button and holding the button in a pressed state for a predetermined time interval; for pressing the button and before passing the predefined time interval Release the button to lock the device; and/or to unlock the device or initiate an unlock handler. In an alternative embodiment, device 100 also accepts a verbal input for activating or deactivating some functions via microphone 113. The device 100 also includes one or more contact intensity sensors 165 for detecting the intensity of the contact on the touch screen 112, and/or one or more for generating a tactile output for the user of the device 100, as appropriate. Tactile output generators 167.

3 is a block diagram of an illustrative multi-function device having a display and a touch-sensitive surface, in accordance with some embodiments. Device 300 need not be a portable device. In some embodiments, device 300 is a laptop, desktop, tablet, multimedia player device, navigation device, educational device (such as a children's learning toy), gaming system, or control device (eg, Home or industrial controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, memory 370, and one or more communication busses 320 for interconnecting such components. Communication bus 320 includes, as appropriate, circuitry for interconnecting and controlling communications between system components (sometimes referred to as a chipset). Device 300 includes an input/output (I/O) interface 330 that typically includes a touch screen display Display 340. The I/O interface 330 also includes a keyboard and/or mouse (or other indicator device) 350 and a trackpad 355, as well as a haptic output generator 357 for generating a tactile output on the device 300 (eg, similar to the above). The haptic output generator 167) described with reference to FIG. 1A, the sensor 359 (eg, optical, acceleration, proximity, touch sensitive, and/or contact similar to the contact intensity sensor 165 described above with respect to FIG. 1A) Strength sensor). Memory 370 includes high speed random access memory such as DRAM, SRAM, DDR RAM or other random access solid state memory devices; and optionally non-volatile memory, such as one or more disk storage devices, optical disk storage Devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 370 optionally includes one or more storage devices located remotely from CPU 310. In some embodiments, the memory 370 stores programs, modules, and data structures, or subsets thereof, of programs, modules, and data structures stored in the memory 102 of the portable multifunction device 100 (FIG. 1A). . In addition, the memory 370 stores additional programs, modules, and data structures that are not present in the memory 102 of the portable multifunction device 100 as appropriate. For example, the memory 370 of the device 300 stores the graphics module 380, the presentation module 382, the document processing module 384, the website creation module 386, the disc production module 388, and/or the spreadsheet module 390 as appropriate. The memory 102 of the portable multifunction device 100 (FIG. 1A) does not store such modules as appropriate.

Each of the above identified components in Figure 3 can be 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 the functions described above. The modules or programs (eg, sets of instructions) identified above need not be implemented as separate software programs, programs, or modules, and thus, in various embodiments, various components of such modules are combined or otherwise reconfigured. set. In some embodiments, memory 370 can store a subset of the modules and data structures identified above. In addition, the memory 370 can store additional modules and data structures not described above.

Attention will now be directed to embodiments that can be implemented, for example, on a user interface on a portable multifunction device 100.

4A illustrates an exemplary user interface of a function table of an application on portable multifunction device 100, in accordance with some embodiments. A similar user interface can be implemented on device 300. In some embodiments, user interface 400 includes the following elements or subsets or supersets thereof: • Signal strength indicator 402 for wireless communication, such as cellular and Wi-Fi signals; • Time 404; • Bluetooth indication 405; • battery status indicator 406; • system 340 with an illustration of an application for frequent use, such as: ○: icon 416 for telephone module 138, labeled " "Phone", which optionally includes an indicator 414 of the number of missed calls or voicemail messages; ○ an icon 418 for the email client module 140, labeled "Mail", which optionally includes unread emails An indicator 410 of the number; ○ icon 420 for the browser module 147, labeled "Browser"; and ○ for the video and music player module 152 (also known as the iPod (Apple) Graphic 422 of the logo) module 152, labeled "iPod"; and ● icon for other applications, such as: ○ icon 424 for the IM module 141, labeled "message"; The icon 426 of the calendar module 148 is labeled "Calendar"; ○ The icon 428 of the image management module 144 is labeled as "photograph"; the icon 430 for the camera module 143 is labeled "camera"; ○ is used for the graphic 432 of the connected video module 155, labeled "Connected Video"; ○ Graphic 434 for Stock Interface Tool Set 149-2, labeled "Stock"; ○ Graphic 436 for Map Module 154, labeled "Map"; ○ icon 438 for weather interface tool set 149-1, labeled "weather"; ○ icon 440 for alarm clock interface tool set 149-4, labeled "alarm clock"; ○ for fitness support module 142 Figure 442, labeled "Fitness Support"; ○ icon 444 for memo module 153, labeled "Memorandum"; and ○ icon 446 for setting an application or module, labeled "Settings" It provides access to settings for device 100 and its various applications 136.

It should be noted that the pictorial representations illustrated in Figure 4A are merely illustrative. For example, the icon 422 for the video and music player module 152 can be labeled as "Music" or "Music Player" as appropriate. Other tags are used as appropriate for various application icons. In some embodiments, the indicia for the respective application icons includes the names of the applications corresponding to the respective application icons. In some embodiments, the indicia for a particular application icon is different from the name of the application corresponding to that particular application icon.

4B illustrates a device (eg, device 300 of FIG. 3) having a touch-sensitive surface 451 (eg, the tablet or trackpad 355 of FIG. 3) that is separate from display 450 (eg, touch screen display 112). An exemplary user interface. Device 300 also includes one or more contact intensity sensors (eg, one or more of sensors 357) for detecting contact intensity on touch-sensitive surface 451, and/or for One or more haptic output generators 359 that generate a tactile output by a user of device 300.

Although the following examples (in which the touch-sensitive surface and display are combined) will be given with reference to the inputs on the touch screen display 112, in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, As shown in Figure 4B. In some embodiments, the touch-sensitive surface (eg, touch-sensitive surface 451 in FIG. 4B) has a major axis (eg, main axis 452 in FIG. 4B) that corresponds to a display (eg, display 450) The upper main axis (for example, the main axis 453 in Figure 4B). In accordance with such embodiments, the device detects contact with the touch-sensitive surface 451 at locations corresponding to respective locations on the display (eg, contact 460 and contact 462 in FIG. 4B) (eg, in FIG. 4B, Contact 460 corresponds to Contact 468 and contact 462 correspond to contact 470). In this manner, when the touch-sensitive surface (eg, touch-sensitive surface 451 in FIG. 4B) is separated from the display (eg, display 450 in FIG. 4B), the touch-sensitive surface is detected by the device. User inputs (eg, contacts 460 and 462, and their movement) are used by the device to manipulate the user interface on the display of the multifunction device. It should be understood that similar methods are used as appropriate for other user interfaces described herein.

Additionally, while the following examples are given primarily with reference to finger input (eg, finger contact, finger tap gesture, finger slip gesture), it should be understood that in some embodiments, input from another input device is used (eg, Replace one or more of the finger inputs based on mouse input or stylus input. For example, the mouse is selected (eg, instead of contact) as appropriate, followed by the movement of the cursor along the path of the slip (eg, instead of the movement of the contact) to replace the slip gesture. As another example, when the cursor is positioned above the tap gesture, the mouse is selected as appropriate (eg, instead of detecting the contact, followed by stopping detecting the contact) to replace the tap gesture. Similarly, when multiple user inputs are detected at the same time, it should be understood that multiple computer mice are used at the same time, or both mouse and finger contacts are used as appropriate.

FIG. 5A illustrates an exemplary personal electronic device 500. Device 500 includes a body 502. In some embodiments, device 500 can include some or all of the features described with respect to devices 100 and 300 (eg, FIGS. 1A-4B). In some embodiments, device 500 has a touch-sensitive display screen 504 (hereinafter referred to as touch screen 504). Alternatively, or in addition to the touch screen 504, the device 500 has a display and a touch-sensitive surface. As with devices 100 and 300, in some embodiments, touch screen 504 (or touch sensitive surface) can have one or more intensity sensors for detecting the strength of an applied contact (eg, touch) . One or more intensity sensors of the touch screen 504 (or touch sensitive surface) can provide output data indicative of touch intensity. The user interface of device 500 can respond to the touch based on the intensity of the touch, meaning that different strength touches can invoke different user interface operations on device 500.

A technique for detecting and processing touch intensity can be found, for example, in the following related application: "Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application", which was filed on May 8, 2013. International Patent Application No. PCT/US2013/040061, and International Patent Application No. PCT/ entitled "Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships", filed on November 11, 2013 US 2013/069483, each of which is incorporated herein by reference in its entirety.

In some embodiments, device 500 has one or more input mechanisms 506 and 508. Input mechanisms 506 and 508 (if included) may be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms. In some embodiments, device 500 has one or more attachment mechanisms. Such attachment mechanisms, if included, may permit device 500 to be attached to, for example, a hat, eyeglasses, earrings, necklace, shirt, jacket, bracelet, strap, chain, pants, belt, shoe, wallet, backpack, and the like. Such attachment mechanisms may permit device 500 to be worn by a user.

FIG. 5B depicts an exemplary personal electronic device 500. In some embodiments, device 500 can include some or all of the components described with respect to FIGS. 1A, 1B, and 3. Device 500 has a busbar 512 that operatively couples I/O section 514 to one or more computer processors 516 and memory 518. I/O section 514 can be coupled to display 504, which can have touch sensitive component 522 and optionally touch intensity sensitive component 524. Additionally, I/O section 514 can be coupled to communication unit 530 for receiving application and operating system data using Wi-Fi, Bluetooth, Near Field Communication (NFC), cellular and/or other wireless communication technologies. Device 500 can include input mechanisms 506 and/or 508. For example, input mechanism 506 can be a rotatable input device or a recessed and rotatable input device. In some examples, input mechanism 508 can be a button.

In some examples, input mechanism 508 can be a microphone. Personal electronic device 500 can include various sensors, such as GPS sensor 532, accelerometer 534, directional sensor 540 (eg, a compass), a gyroscope 536, a motion sensor 538, and/or combinations thereof, all of which are operatively coupled to the I/O section 514.

The memory 518 of the personal electronic device 500 can be a non-transitory computer readable storage medium for storing computer executable instructions that, when executed by one or more computer processors 516, for example, can cause the computer The processor performs the techniques described above, including processing programs 2200 through 2600 (Figs. 22-26). The computer executable instructions can also be stored and/or transferred to any non-transitory, readable storage medium for use with or in connection with an instruction execution system, apparatus, or device (such as a computer-based system, a processor-containing system, or a self-executable The system, device, or device is used by other systems that extract instructions and execute instructions. For the purposes of this document, a "non-transitory computer readable storage medium" can be any medium that can tangibly contain or store computer-executable instructions for use with or in connection with an instruction execution system, apparatus, or device. Non-transitory computer readable storage media may include, but are not limited to, magnetic, optical, and/or semiconductor storage. Examples of such storage include magnetic disks, CD-ROM based on CD, DVD or Blu-ray technology, and persistent solid state memories such as flash memory, solid state disk drives and the like. Personal electronic device 500 is not limited to the components and configurations of Figure 5B, but may include other or additional components of multiple configurations.

As used herein, the term "visual cues" refers to a graphical user interface object that can be displayed by a user on a display screen of devices 100, 300, and/or 500 (Figs. 1, 3, and 5). For example, images (eg, icons), buttons, and text (eg, hyperlinks) may each constitute a visual cue.

As used herein, the term "focus selector" refers to an input element that indicates the current portion of the user interface that the user is interacting with. In some implementations including cursors or other position markers, the cursor acts as a "focus selector" such that when on a touch-sensitive surface (eg, touchpad 355 in Figure 3 or touch-sensitive surface 451 in Figure 4B) When an input is detected (eg, a press input) and the cursor is over a particular user interface component (eg, button, window, slider, or other user interface component), the particular is adjusted based on the detected input User interface component. Some of the touch screen displays (eg, touch sensitive display system 112 of FIG. 1A or touch screen 112 of FIG. 4A) that enable direct interaction with user interface components on a touch screen display In practice, the touch detected on the touch screen acts as a "focus selector" to enable specific user interface components (eg, buttons, windows, sliders, or other users) on the touch screen display. When an input is detected at the location of the interface component (eg, by a press input of a contact), a particular user interface component is adjusted based on the detected input. In some implementations, where there is no corresponding cursor movement or contact movement on the touch screen display (eg, by using a tab or arrow keys to move the focus from one button to another), The focus moves from one area of the user interface to another area of the user interface; in such implementations, the focus selector moves according to the movement of the focus between different areas of the user interface. Regardless of the particular form in which the focus selector is employed, the focus selector is generally a user interface component (or contact on a touch screen display) that is controlled by the user to convey what the user desires. User interface interaction (eg, by indicating to the device the components of the user interface that the user is intended to interact with). For example, when a press input is detected on a touch-sensitive surface (eg, a touchpad or a touchscreen), the focus selector (eg, cursor, contact, or selection box) is positioned above the respective button. It will be indicated that the user is intending to activate the respective button (as opposed to other user interface elements shown on the display of the device).

As used in the specification and claims, the term "characteristic strength" of a contact refers to a feature based on contact of one or more intensities of contact. In some embodiments, the intensity of the characteristic is based on a plurality of intensity samples. The characteristic strength is optionally based on a predefined number of intensity samples, or relative to a predefined event (eg, after detecting contact, before detecting the start of contact, before detecting the start of contact movement or Thereafter, a predetermined period of time (eg, 0.05 seconds, 0.1 seconds, before or after the end of the contact is detected, before or after the intensity of the contact is detected to increase, and/or before or after the intensity of the contact is detected to decrease) 0.2 A collection of intensity samples collected during seconds, 0.5 seconds, 1 second, 2 seconds, 5 seconds, 10 seconds). The characteristic strength of the contact is based on one or more of the following: the maximum value of the strength of the contact, the mean value of the strength of the contact, the average of the strength of the contact, the first 10th percentile of the strength of the contact, The value at one-half of the maximum value of the strength of the contact, the value at 90% of the maximum value of the strength of the contact, or the like. In some embodiments, the duration of the contact is used to determine the intensity of the characteristic (eg, when the intensity of the characteristic is the average of the intensity of the contact over time). In some embodiments, the characteristic strength is compared to a set of one or more intensity thresholds to determine if the user has performed an operation. For example, the set of one or more intensity thresholds can include a first intensity threshold and a second intensity threshold. In this example, a contact having a characteristic strength that does not exceed the first threshold results in a first operation, and a contact having a characteristic strength that exceeds the first intensity threshold and does not exceed the second intensity threshold results in a second operation, And having a characteristic strength exceeding the second threshold value results in a third operation. In some embodiments, the comparison between the characteristic strength and one or more thresholds is used to determine whether to perform one or more operations (eg, whether to perform a separate operation or to abandon the individual operation) instead of using It is determined whether the first operation or the second operation is performed.

In some embodiments, a portion of the gesture is identified for purposes of determining the strength of the characteristic. For example, the touch-sensitive surface can receive a continuous slip contact that transitions from the starting position and reaches the end position, at which point the contact strength increases. In this example, the characteristic strength of the contact at the end position may be based only on one portion of the continuous slip contact rather than the entire slip contact (eg, only the portion of the slip contact at the end position). In some embodiments, a smoothing algorithm can be applied to the intensity of the slip contact prior to determining the characteristic strength of the contact. For example, the smoothing algorithm may include one or more of the following: an unweighted moving average smoothing algorithm, a triangle smoothing algorithm, a median filter smoothing algorithm, and/or an exponential smoothing algorithm. In some cases, such smoothing algorithms eliminate narrow spikes or sudden drops in the intensity of the slip contact for the purpose of determining the intensity of the characteristic.

The strength of the contact on the touch-sensitive surface can be made relative to one or more intensity thresholds Characterizing such intensity thresholds such as contact detection intensity threshold, shallow compression intensity threshold, deep compression intensity threshold, and/or one or more other intensity thresholds. In some embodiments, the shallow press intensity threshold corresponds to the strength of the device that will perform the operations typically associated with clicking a physical mouse or track pad button. In some embodiments, the deep press intensity threshold corresponds to the strength at which the device will perform an operation that is different from the operations typically associated with clicking a button on a physical mouse or track pad. In some embodiments, when the detected contact has a threshold below the shallow press intensity (eg, and above the nominal contact detection intensity threshold, below the nominal contact detection intensity threshold, When the characteristic intensity of the contact is detected again, the device will move the focus selector according to the movement of the contact on the touch-sensitive surface without performing the operation associated with the shallow press intensity threshold or the deep press intensity threshold. . In general, unless otherwise stated, the intensity thresholds are consistent between different sets of user interface patterns.

The strength of the contact characteristic strength from the intensity below the shallow press strength threshold to the intensity between the shallow press intensity threshold and the deep press strength threshold is sometimes referred to as the "shallow press" input. The strength of the contact characteristic increases from an intensity below the deep press strength threshold to a strength above the deep press strength threshold, sometimes referred to as a "deep press" input. The intensity of the characteristic of the contact from the intensity below the threshold of the detection intensity to the intensity between the threshold of the contact detection intensity and the threshold of the shallow compression intensity is sometimes referred to as detecting the touch surface. contact. The strength of the contact characteristic decreases from the intensity above the threshold of the detection intensity to the intensity below the threshold of the detection intensity. This is sometimes referred to as the detection of contact from the touch surface. In some embodiments, the contact detection intensity threshold is zero. In some embodiments, the contact detection intensity threshold is greater than zero.

In some embodiments described herein, one or more are performed in response to detecting a gesture comprising a respective press input or in response to detecting a respective press input performed using a respective contact (or a plurality of contacts) An operation, wherein the respective presses are detected based at least in part on the detected intensity of the contact (the plurality of contacts) being increased above the press input intensity threshold In. In some embodiments, the respective operations are performed in response to detecting that the intensity of the respective contacts increases above the press input intensity threshold (eg, "stroke" of the respective press inputs). In some embodiments, the pressing input includes increasing the intensity of the respective contact to be higher than the pressing input intensity threshold and the intensity of the contact subsequently decreasing below the pressing input intensity threshold, and in response to detecting the respective contact The intensity is then lowered below the press input threshold to perform separate operations (eg, "swipe up" for each press input).

In some embodiments, the device employs intensity hysteresis to avoid accidental inputs, sometimes referred to as "jitter," where the device defines or selects a hysteresis strength threshold (eg, hysteresis strength) that has a predefined relationship to the press input intensity threshold. The threshold is lower than the press input threshold by X intensity units, or the hysteresis strength threshold is 75%, 90% of the press input intensity threshold or a reasonable ratio). Thus, in some embodiments, the press input includes increasing the intensity of the respective contact to be above the press input intensity threshold and the intensity of the contact subsequently decreasing below a hysteresis strength threshold corresponding to the press input intensity threshold, And performing separate operations in response to detecting that the intensity of the respective contacts is subsequently lowered below the hysteresis strength threshold (eg, "swipe up" for each press input). Similarly, in some embodiments, only the intensity at which the device detects contact increases from an intensity at or below the hysteresis strength threshold to an intensity at or above the compression input intensity threshold and the intensity of the contact. A press input is then detected when the intensity is lowered to or below the hysteresis strength, and a separate operation is performed in response to detecting the press input (eg, an increase in the strength of the contact or a decrease in the strength of the contact, as the case may be) .

For ease of explanation, the description in response to a press input associated with pressing an input intensity threshold or an operation performed in response to a gesture action including a press input is triggered in response to detecting any of the following: contact The strength is increased above the compression input intensity threshold; the intensity of the contact increases from the intensity below the hysteresis strength threshold to the intensity above the compression input intensity threshold; the strength of the contact decreases below the compression input intensity Limit; and/or the strength of the contact is reduced below the hysteresis corresponding to the threshold of the press input intensity Strength threshold. Additionally, in an example where the operation is described as being performed in response to detecting that the intensity of the contact is reduced below the press input intensity threshold, the intensity of the detected contact is reduced to correspond to and below the pressed input intensity. The hysteresis strength threshold of the threshold value is performed as appropriate.

Attention is now directed to a user interface ("UI") and associated processing programs that can be implemented in a multifunction device (such as device 100, 300) having a display and a touch-sensitive surface And/or 500) (Fig. 1A, Fig. 3A and/or Fig. 5A) to provide functionality of the photo application.

FIG. 6A illustrates an illustrative electronic device 600. Device 600 may be device 500 (Fig. 5A) in some embodiments. In the illustrated example, device 600 is a wearable electronic device. As shown, device 600 can display a user interface 610 having user interface objects 620-624. On user interface 610, user interface objects 620 through 624 are shown as illustrations. The illustrations 620 through 624 may correspond to an application executable on the device 600, meaning that the device 600 can launch the corresponding application in response to the user's selection of the icon. In the illustrated example, the illustration 620 corresponds to a photo application.

The photo application can provide the ability to display a collection of photos and/or photos (or representations thereof) on the display of device 600. A collection of photos may include a group of one or more photos associated in some manner. For example, a collection of photos may share a common memory location (eg, a drive, directory, folder, album, etc.) or associate a photo with a common event, time period, time, location, etc. In some embodiments, the collection of photos includes a set of photos that have been designated by the user.

The photo can be stored on the electronic device in the form of a digital image. In some embodiments, the photo application accesses photos stored in the memory on device 600. In some embodiments, the photo application receives and/or accesses photos stored in memory on an external device. External devices may include smart phones, desktops, laptops, web servers, web servers, or the like.

The photo application can also provide a selection of photo collections (eg, photo albums) to display, change selected photo collections, display photo or photo collections, view photo collections, display photo previews, share photos or photo collections, post photos or The ability to view photos and/or like them (for example, on social media sites), to set photos as a user interface wallpaper or background, to add post-data to photos and/or photo collections, etc. . Exemplary techniques and user interfaces for performing various capabilities including, but not limited to, those listed above are described in greater detail below.

Notably, the availability of the rotatable input mechanism 602 on the device 600 can improve the rate of human-computer interaction. For example, as described in more detail below, the user can rotate the input mechanism 602 to quickly "turn over" the photos in the collection or zoom in/out on the displayed image. In this manner, device 600 can reduce (and, in some instances, eliminate the need for touch-based gestures when navigating a collection of photos. Importantly, this combination of software user interface and hardware input mechanism allows for efficient browsing of photos.

Turning to Figure 6B, an exemplary external device 650 is depicted. Device 650 can be device 100 or 300 (FIG. 1A or 3A) in some embodiments. In the illustrated example, external device 650 is a telephone. The external device 650 can have a photo stored in the local memory. External device 650 can also access photos stored on another external device (eg, a cloud server). Photos can be organized into folders, catalogs, photo albums, or the like that contain a collection of photos. In some embodiments, external device 650 stores and/or accesses a collection of specified photos. FIG. 6B shows an exemplary user interface 660 that can be displayed by external device 650. User interface 660 includes an illustration 670 representing a folder containing a specified collection of photos stored in memory that has been accessed by external device 650 of the local memory and/or another external device.

In some embodiments, device 650 transmits material representing a photo stored on an external device. Device 600 can receive the transmitted data to display an image of the photo on the display of device 600. In some embodiments, devices 600 and 650 are in pairs. As used herein, pairing two electronic devices includes establishing a communication member between the two devices. Communication components can include The components of U.S. Patent Application Serial No. 62/005,751, the disclosure of which is incorporated herein by reference. Once the devices are paired, they can exchange data, including photo images and information associated with the photos (eg, post-data). When device 600 is paired with external device 650, device 600 may be capable of receiving data representing a specified photo included in folder 670 via wireless communication.

Attention is now directed to techniques and user interfaces for displaying photos on device 600. 7A-7D illustrate an exemplary user interface for displaying a photo on device 600. FIG. 7A shows an illustrative user interaction 700 with a photo application icon 620 displayed on an exemplary user interface 610 previously described with reference to FIG. 6A. As shown in Figure 7A, user interaction 700 is a light touch. In some embodiments, user interaction includes another type of touch-based gesture (eg, tap and hold, slip, flick, etc.). In some embodiments, user interaction includes movement of a mechanical input mechanism (eg, pressing or rotating of rotatable input mechanism 602).

Device 600 can detect tap 700 and in response initiates a photo application associated with diagram 620. After launching, the photo application can cause device 600 to receive data representing a collection of photos. The data can represent a collection of photos (eg, specified photos) stored on an external device. Device 600 can receive data via wireless communication.

After launching, the photo application can also cause device 600 to replace the display of user interface 610 with a display of photos from the received collection of photos. The display of the photo may include a digital representation of the photo or a digital representation of the photo (eg, a thumbnail image). FIG. 7B shows an exemplary user interface 710 that includes a display of images from photos of a collection of photos. For the sake of simplicity, text (such as "Photo A") is used to represent the actual digital image of the indicated photo.

The collection of photos received by device 600 can include one or more photos. In some embodiments, another photo in the collection is displayed in response to detecting user interaction. FIG. 7B indicates user interaction 701 by an arrow above the rotary input mechanism 602. In the illustrated example The user interaction 701 is the movement (eg, rotation) of the rotary input mechanism 602. Movement of the rotary input mechanism 602 may cause the device 600 to replace the display of the photo A with the display of another photo. For example, device 600 can detect user interaction 701 and replace the display of photo A as a display of another photo in the collection of photos received by the application.

In some embodiments, the photos in the collection are associated with a sequence (eg, photo A, photo B, photo C, etc.). After launching the photo application, device 600 can display the first photo in the sequence (eg, photo A). Moreover, in FIG. 7A, a single arrow above the rotary input mechanism 602 indicates that user interaction 701 represents movement of a single unit of rotary input mechanism 602. In response to movement of a single unit, device 600 can display a photo of the sequence adjacent to the currently displayed photo. For example, in response to clockwise rotation of rotary input mechanism 602, device 600 can display the next photo in the sequence. 7C shows an exemplary user interface 711 on device 600 in which the next photo (photo B) in the sequence is displayed due to user interaction 701 of rotating input mechanism 602. In some embodiments, the counterclockwise rotation of the rotary input mechanism 602 causes the device 600 to display the previous photo in the sequence. For example, counterclockwise rotation of a single unit of rotary input mechanism 602 while displaying photo B may cause device 600 to redisplay photo A. Alternatively, in response to clockwise rotation of the rotary input mechanism 602, the device 600 can display the previous photo in the sequence. And in response to counterclockwise rotation of the rotary input mechanism 602, the device 600 can display the next photo in the sequence.

Turning again to Figure 7C, another movement 702 of the rotary input mechanism 602 is illustrated by three arrows above the rotary input mechanism 602. Movement 702 represents the rotation of the three units of rotary input mechanism 602, which may cause device 600 to replace the currently displayed photo (photo B) with a photo from the three positions in the sequence. 7D shows an exemplary user interface 712 on device 600 in which a photo (ie, photo E) that is away from three locations of photo B is displayed instead of photo B due to movement 702 of rotating input mechanism 602.

In some embodiments, the user causes device 600 to change the displayed photo using a touch-based gesture on the touch-sensitive display. Figure 8A shows the display shown on device 600. An exemplary user interface 810 for the display of photo A. In FIG. 8A, the horizontal arrow next to the depicted finger indicates user interaction 800. In the illustrated example, user interaction 800 is a single slip gesture on a touch-sensitive display. Slip 800 may cause device 600 to replace the display of photo A with the display of different photos. That is, device 600 can detect slip 800 and, in response, replace the display of photo A with the display of another photo in the specified photo collection.

In some embodiments, a single slip causes device 600 to display a photo of a photo adjacent to the currently displayed photo based on the sequence of photos. For example, in response to a right-to-left slip, device 600 can display the next photo in the sequence. FIG. 8B shows an exemplary user interface 811 on device 600 in which the next photo in the sequence (photo B) is displayed due to slip 800. In some embodiments, the left to right slip causes device 600 to display the previous photo in the sequence. For example, a single slip from left to right when displaying photo B may cause device 600 to redisplay photo A. In some embodiments, the slip from bottom to top causes device 600 to display the next photo in the sequence. And the slip from top to bottom allows device 600 to display the previous photo in the sequence.

Turning again to Figure 8B, another touch-based gesture 801 is illustrated by three horizontal arrows. The touch-based gesture 801 represents three right-to-left slips on the touch-sensitive display of device 600. The detection of the three slips 801 can cause the device 600 to replace the currently displayed photo (photo B) with a photo in the sequence that is away from three locations. 8C shows an exemplary user interface 812 on device 600 in which a photo (ie, photo E) that is away from the three locations of photo B is displayed instead of photo B due to user interaction 801.

Attention is now directed to techniques for displaying transitions between photos (e.g., replacing the display of a photo with the display of another photo). In some embodiments, the transition includes an animation. 9A-9C depict exemplary user interfaces 901 through 903 that animate the transition from full size display of photo A (FIG. 9A) to full size display of photo B (FIG. 9C). FIG. 9B shows an intermediate user interface 902 illustrating an exemplary animation. In the user interface 902, the phase Sheet A is translated upwards away from the display to reveal the display of photo B. In some embodiments, photo A is translated to the right, left, down, or diagonally. The initial display of photo B can be centered on the display and displayed as a reduced size image that is smaller than the larger full size image displayed on user interfaces 901 and 903. The display of photo B can then be animated to expand photo B from a reduced size to a larger full size. This animation can establish an enlarged appearance of the photo B along an axis (eg, the z-axis) of the display perpendicular to the device 600.

9D-9F depict user interfaces 910 through 912 illustrating alternative animations for transitioning from display of one photo to display of another photo. As shown in the intermediate user interface 911, the display of the photo A is translated upwardly away from the display to reveal the full size display of the photo B. In this case, the animation can provide the appearance of a solid stack of cards or photos.

Attention is now directed to techniques and user interfaces for selecting a collection of photos and displaying photos from the selected collection.

FIG. 10A shows an exemplary user interface 1000 that can be displayed on external device 650. User interface 1000 includes user interface objects 1001 through 1004 corresponding to a collection of photos stored on an external device, such as albums 1 through 4, respectively. In some embodiments, the photo is stored in a memory that is accessed by the local memory of external device 650 and/or external device 650 of another external device. The external device 650 can transmit data representing the albums 1 to 4 and their respective photos via wireless communication.

In some embodiments, device 600 receives (eg, via wireless communication) data transmitted by external device 650 and can display albums and photos represented by the material. FIG. 10B shows an exemplary user interaction 1005 that may cause device 600 to launch a photo application associated with diagram 620 previously described with reference to FIGS. 6A and 7A. As shown in Figure 10B, user interaction 1005 is a light touch.

After startup, the photo application can cause device 600 to receive the data transmitted by external device 650. The photo application can also cause the device 600 to include the recipient The display of the user interface of the user interface object of the photo collection of the material replaces the display of the user interface 610.

FIG. 10C shows an exemplary user interface 1010 including user interface objects 1011 through 1014 (photobooks 1 through 4) representing a collection of photos on external device 650. In the user interface 1010, the interface objects 1011 through 1014 are shown as folders. FIG. 10D shows an alternative exemplary user interface 1020 having user interface objects representing albums 1 through 4.

In some embodiments, the user can select one of the photo collections by selecting a user interface object corresponding to the desired collection. FIG. 11A depicts an exemplary user interaction 1100 having the user interface 1010 described above with respect to FIG. 10C. In FIG. 11A, user interaction 1100 is depicted as a tap on folder 1013 corresponding to album 3.

In some embodiments, device 600 detects user interaction 1100 with user interface object 1013 and, in response, replaces user interface 1010 with a display of the photo in album 3. FIG. 11B shows an illustrative user interface 1110 that includes a display of photos (photo 3A) from album 3.

In some embodiments, device 600 detects user interaction 1100 with user interface object 1013 and, in response, includes a user interface object that includes a selected photo collection (eg, a photo in album 3) (eg, The display of the user interface of the image is replaced with the user interface 1010.

In some embodiments, the user interface object representing the selected collection of photos includes an overlay image. That is, in response to detecting user interaction with the user interface object 1013, the device 600 can replace the display of the user interface 1010 with a user interface that includes an overlay image indicating the album 3. FIG. 11C depicts an exemplary user interface 1120 that includes an overlay image indicating the album 3.

In some embodiments, the user interface object representing the selected collection of photos includes a composite image. That is, in response to detecting user interaction with the user interface object 1013, the device 600 can replace the user interface with a display of the composite image indicating the photo in the album 3. The display of the face 1010.

FIG. 11D depicts an exemplary user interface 1130 including a display of a view 1140 of an exemplary composite image 1150. The composite image 1150 depicted in Figure 11D represents a collection of photos in the album 3 and includes representations associated with individual photos in the album. For example, composite image 1150 includes representation 1151 associated with photo E in album 3, as specified by reference 3E'. The representation may include an indication (eg, a marker) and/or a visual representation (eg, a thumbnail image) of the corresponding photo. The representations can be arranged in a linear grid, as depicted in the exemplary composite image 1150, and can resemble a mosaic image containing individual photos in the collection.

In some embodiments, the representations are disposed in a fixed position relative to each other. That is, the representations can maintain their position relative to each other regardless of the operations that otherwise affect the view of the composite image, such as translation and scaling (eg, zooming in and out). In FIG. 11D, for example, it is indicated that 3L' may be fixed adjacent to the left side of the representation 3M', indicating that 3M' is fixed to the upper left of the representation 3S'.

The user interface 1130 includes a view 1140 of the composite image 1150, meaning that the user interface 1130 can display the entire image 1150 or only a portion thereof (ie, less than the entire image). For example, view 1140 shows a representation of 25 photos (photos 3A-3Y). However, if album 3 includes more than 25 photos, composite image 1150 may include additional representations that are not shown in view 1140. In some embodiments, portions of the composite image extend beyond the top, bottom, and/or sides of the display and are hidden from view.

In some embodiments, the drag or slip gesture on the display of the composite image causes device 600 to pan the image and display the hidden portion. For example, if the image extends beyond the bottom of the displayed view, movement of the contact from the bottom of the display toward the top of the display may cause the device 600 to translate the composite image upward, thereby revealing the previously hidden lower portion of the image (eg, previous Hidden representation).

In some embodiments, device 600 incorporates a "rubber band" feature when panning an image while reaching the edge of the image. That is, in response to panning the image in the initial direction and arriving at the same time At the edge of the image, while still detecting contact on the touch screen display, device 600 can display an area beyond the edge of the image and display a reduced portion of the image. Device 600 can also detect that the contact is no longer on the touch screen display. In response to detecting that the contact is no longer on the touch screen display, device 600 can pan the image in the opposite direction to the initial direction akj until the area beyond the edge of the image is no longer displayed and the display is different from the originally displayed view. Part of the image.

Alternatively, device 600 can detect movement of a physical object on or near the touch screen display (eg, a sliding gesture action performed with one or more contacts). When motion is detected, device 600 can pan the image displayed on the touch screen display in an initial direction to display the previously hidden edge of the image. In response to the display of the previously hidden edge of the image and the continuous detection of the motion, the device 600 can display an area beyond the edge of the image. After the motion is no longer detected (eg, in response to detecting one or more touches from the touch screen display), the device 600 can pan the image in the other direction until the edge of the image is no longer displayed. region.

It should also be appreciated that while the display view 1140 of the image 1150 in FIG. 11D includes only the entire photo representation, the view may be severed at one or more edges such that only portions of the representation along the severed edge are displayed. Further, the view can include any number of columns and/or representations of rows (eg, 7x7, 10x10, or 7x10).

Turning now to Figures 12A-12B, an illustrative technique for selecting a photo by interacting with a composite image is described. Figures 12A-12B illustrate photographs from a composite image selection device 600 that includes a plurality of representations associated with a photo. FIG. 12A shows a user interface 1200 that includes a view 1210 of a composite image 1220. Image 1220 includes a representation 1221 associated with photo S.

Representation 1221 can include a visual cue that allows a user to interact with image 1220 via the representation. In some embodiments, device 600 detects user interaction (eg, user touch detected as a contact on a touch-sensitive display) and determines whether it represents a composite The choice of visual cues for representations in the image. In response to the determination that the user interaction represents a selection of visual cues associated with the representation of the photo, device 600 may replace the display of the composite image with the display of the corresponding photo.

Figure 12A depicts a user interaction 1205 representing a form of a light touch gesture at 1221. The device 600 can detect the user interaction 1205, determine the selection of the visual cues that represent the representation 1221, and in response, replace the display of the composite image 1220 (or the view 1210 of the composite image 1220) with the display of the photo S, as in Figure 12B. This is depicted by the user interface 1230.

In some embodiments, device 600 has a small form factor. Due to its size, device 600 may not be suitable for displaying a large number of very detailed (eg, high resolution) graphical user interface elements (eg, representations of photos). If a larger number of representations are displayed in the view of the composite image, the indicated size may be relatively small, which may make viewing difficult. The small size may also make it difficult to reliably select (eg, via a touch-based gesture) the representation of the desired photo. It may therefore be desirable to provide techniques that allow the user to zoom in on the view of the image to increase the display size and/or resolution of the representation.

In some embodiments, the view of the composite image displayed on device 600 can be scaled by moving rotatable input mechanism 602. FIG. 13A shows an illustrative user interface 1300 that includes a view 1310 of a composite image 1320. Composite image 1320 includes representations of photos arranged in a linear grid pattern. Movement 1305 (eg, rotation) of the rotatable input mechanism 602 is indicated by an arrow above the rotatable input mechanism 602. The device 600 can detect the movement 1305 and in response, convert the display of the view 1310 of the image 1320 into an enlarged view in which the representation of the image 1320 is displayed in a larger size. FIG. 13B shows an illustrative user interface 1330 that includes an enlarged view 1340 of an image 1320. View 1340 is scaled such that the portion of composite image 1320 at the center of reduced view 1310 is also at the center of enlarged view 1340.

In FIGS. 13A-13B, user interaction 1305 causes device 600 to display a view from five columns and five rows (ie, a 5x5 view) to have less display in larger size and more detail (resolution). Indicates the 3x3 view. It should be appreciated that device 600 can be the same The column-to-row ratio (eg, 9x9 to 4x4 or 8x4 to 4x2) transitions from the view of any size grid to the view of any smaller size grid to zoom in. In some embodiments, the scaling may be less than the entire column and/or row increments or executions, which may result in a view having a partial representation displayed along the edge of the view.

In some embodiments, movement of the rotatable input mechanism 602 in a first direction (eg, clockwise) causes the view of the image to be magnified and rotated in a second direction (eg, counterclockwise) opposite the first direction Make the view smaller. For example, movement of the rotatable input mechanism 602 in a direction opposite the direction of the movement 1305 can cause the device 600 to switch the display from the user interface 1330 back to the user interface 1300.

In some embodiments, movement of the rotary input mechanism while displaying the magnified view 1340 causes the device 600 to replace the display of the composite image 1320 with the display of the photo in the set represented by the composite image 1320. The user interaction 1315, indicated by the arrow above the rotatable input mechanism 602, in FIG. 13B indicates the movement of the rotary input mechanism when the view 1340 of the image 1320 is displayed. In some embodiments, device 600 replaces the user interface including the view of the composite image with the display of the photo in the set of composite image representations. For example, as shown in FIG. 13C, in response to user interaction 1315, device 600 can display a photo (ie, photo M) at the center of the view that is displayed while interacting with the user. In some embodiments, the display of the composite image is replaced with a photo corresponding to the representation at a location other than the center in the view (eg, the photo corresponding to the representation in the upper left corner of the view).

In some embodiments, movement of the rotary input mechanism while displaying the enlarged view 1340 causes the device 600 to further magnify the view. The decision as to whether to display the photo or to zoom the view of the composite image may depend on various factors, such as the display size of the representation in the current view and the number of columns and/or rows displayed in the current view. For example, if the representation is displayed in a size larger than a predetermined size (for example, 1/3 of the height of the display), or if the number of representations appearing in the view of the composite image is less than a predetermined value (for example, 4 columns), then The device 600 can display a photo in response to detecting the movement of the rotary input mechanism instead of zooming the composite image. Figure. Optionally, if the representation is displayed in a size smaller than a predetermined size, or if the number of representations appearing in the view of the composite image is greater than a predetermined value, the movement of the rotary input mechanism may further magnify the view.

Figure 13C also indicates the movement 1325 of the rotary input mechanism (indicated by the arrow above the rotatable input mechanism 602) when displaying the user interface 1350 including the photo M. In some embodiments, the movement of the rotary input mechanism when displaying the photo causes the device 600 to display the data associated with the displayed photo. FIG. 13D illustrates an exemplary user interface object 1355 that can be displayed in response to the movement 1325. The user interface object 1355 includes a material associated with the photo M. The post-set information may include the person, location, event, date and/or time and weather conditions associated with the photo M.

In some embodiments, the displayed view of the composite image can be magnified by a touch-based gesture on the touch-sensitive display. FIG. 14A shows an illustrative user interface 1400 that includes a view 1410 of composite image 1420. The user performs a tap gesture 1405 on the representation 1421 corresponding to the photo S. Device 600 can detect a tap gesture 1405 and in response converts the display of view 1401 into an enlarged view in which the representation of image 1420 is displayed in a larger size. In some embodiments, device 600 centers the magnified view on a representation or portion of the image that is positioned at the location of the tap. 14B shows an illustrative user interface 1430 including an enlarged view 1440 of an image 1420 having a representation of a photo S at the center of the view. In other embodiments, in response to a tap on the user interface 1400, the device 600 can magnify the center of the view (eg, represent M) regardless of the location of the tap.

In some embodiments, the squeezing gestures on the touch-sensitive display (eg, two points that are closer to each other) cause the device 600 to zoom out of the composite image and de-squeeze the gesture (eg, two contacts) Point separation) magnifies the view and vice versa.

In some embodiments, different types of inputs can be combined to navigate between various user interfaces and photo displays. For example, in response to the tap gesture shown at M in FIG. 13A, device 600 may replace composite image 1320 with magnified view 1340 (FIG. 13B). View 1310. Next, in response to movement (eg, rotation) of the rotatable input mechanism 602, the device 600 can replace the view 1340 with the display of the photo M 1350 (FIG. 13C). In addition, in response to the de-squeezing gesture on the display of the photo M, the device 600 can display a user interface object 1355 (FIG. 13D) that displays the material after the photo is displayed.

15A-15C illustrate another technique for assisting a user to view a composite image while displaying a representation in a relatively small size. FIG. 15A depicts a user interface 1500 that includes a view 1510 of a composite image 1520. The user provides a touch 1505 on the touch sensitive display of device 600 and maintains the touch for a duration. Device 600 detects the contact associated with touch 1505 and determines if the duration of the contact exceeds a predetermined threshold. In response to determining that the duration of the contact exceeds a predetermined threshold, device 600 can display an enlarged view (eg, a preview) of a portion of image 1520 around or adjacent to the location of the contact point.

FIG. 15B illustrates a user interface 1500 of an exemplary user interface object 1530 having an enlarged view including a portion of image 1520. The user interface object 1530 displays an enlarged view of the annular portion of the image 1520 around the location where the user touches the display. In FIG. 15B, the user touches the screen at a position corresponding to the center of the representation of the photo Q. Based on the location of the detected contact associated with touch 1505, user interface object 1530 displays an enlarged view of image 1520 around the center of the representation of photo Q.

In some embodiments, the user may scan along the image to view an enlarged view of different portions of the image. Without releasing the touch 1505, the user can drag (eg, slide) the touch to a different point on the display. In Figure 15C, the location of touch 1505 has been slid (e.g., translated) from the center of the representation of photo Q to the location between the representations of photo N and photo S. While continuing to detect contact associated with touch 1505, device 600 can detect the translation of the touch along the touch sensitive display. In response to detecting a translation to contact with the new contact point, device 600 may replace the display of the magnified view of the portion of the composite image around photo Q with an enlarged view of a portion of the image around or adjacent to the updated contact point. Figure 15C shows a user interface object 1530 in which the representation of the photo N is centered in response to the positive translation of the contact. An enlarged view of the image 1520 between the representations of the photo S replaces the view in FIG. 15B.

In the embodiment illustrated in Figures 15B and 15C, an enlarged view is shown above the contact point. In some embodiments, the magnified view is displayed in an absolute position (eg, the top center of the display) or in a position relative to the contact point. In some embodiments, the position of the magnified view is based on a change in contact point. For example, if the contact is close to the right edge of the display, the magnified view can be displayed to the left of the contact point such that it is not severed by the side of the display. In some embodiments, the magnified view is removed at the end of the contact.

In some embodiments, in response to user input detected on the touch-sensitive display, device 600 displays an enlarged view (eg, preview) of the representation of the photo. FIG. 16A depicts a user interface 1600 that includes a view 1610 of a composite image 1620. Composite image 1620 includes representations of photos arranged in a rectangular grid. The user provides a touch 1605 on the touch sensitive display of device 600 and maintains the touch for a duration. Device 600 detects the contact associated with touch 1605 and determines if the duration of the contact exceeds a predetermined threshold. Device 600 can also determine a representation in image 1620 that corresponds to a contact point.

In response to determining that the duration of the contact exceeds a predetermined threshold, device 600 can display a user interface object that displays an enlarged view (eg, a preview) of image 1620 that is determined to correspond to the representation of the contact point. FIG. 16B illustrates an exemplary user interface showing a user interface item 1630 including an enlarged view of the representation positioned at the point of contact. In some embodiments, the user interface object 1630 includes a preview or image of a photo corresponding to the representation associated with the point of contact determined by the device 600. In the depicted example, the contact point is at a location corresponding to the representation of the photo Q, and the user interface object 1630 displays a magnified view of the representation of the photo Q.

In some embodiments, the user may scan along the image to view an enlarged view of the different representations. Without releasing touch 1605, the user can drag and drop to touch different points on the display. In Figure 16C, the location of touch 1605 has been moved (e.g., translated) from the representation of photo Q to a location on the representation of photo N. Continue to detect associated with touch 1605 Upon contact, device 600 detects the translation of the contact along the touch sensitive display. In response to detecting a translation to contact with the new contact point, device 600 may replace the display of the magnified view of the representation of photo Q with an enlarged view of the representation at the updated contact point. Figure 16C shows a user interface item 1640 having an enlarged view of the representation of a photo N.

Please note that the photo application of device 600 can invoke different response techniques based on the strength of the detected contact. FIG. 17A depicts a user interface 1700 that includes a view 1710 of a composite image 1720. Composite image 1720 includes representations of photos arranged in a rectangular grid. The user provides a touch 1705 on the touch sensitive display of device 600 at a representation 1721 corresponding to photo S. Device 600 detects the contact associated with touch 1705 and determines the magnitude of the intensity of the contact (eg, characteristic intensity). In some embodiments, device 600 provides different responses based on the strength of the contact.

As illustrated in Figure 17A, if the characteristic intensity of the contact is below the threshold, device 600 replaces the display of user interface 1700 with the display of user interface 1730 including the display of photo S. In some embodiments, if the characteristic intensity of the contact is below a threshold, the device 600 replaces the view with an enlarged view (eg, view 1421 shown in FIG. 14B) of the composite image 1720 centered on the representation 1721 at the contact point. 1710. In some embodiments, if the characteristic intensity of the contact is below a threshold, device 600 replaces view 1710 with a view of composite image 1720 having the same scale but centered at representation 1721 at the point of contact.

In some embodiments, if the characteristic strength of the contact is above a threshold, the device 600 maintains the display of the user interface 1700 and adds a display of the user interface object representing the menu of one or more selectable options. As shown, for example, in FIG. 17A, device 600 can display a menu item 1740 that includes text 1742 that prompts the user to decide whether to share a collection of photos represented by image 1720. That is, in response to the determination that the characteristic intensity of the contact is greater than the threshold intensity, the device 600 displays a user interface function table including at least one user interface object, wherein the user interface object represents an option to share the photo collection. Depending on the situation, the menu object 1740 can prompt the user to decide whether to share the corresponding representation. Photo (for example, photo S). Sharing operations may include sending one or more photos via email, text message, or the like. Sharing may also include posting one or more photos and/or links to one or more photos on a social media website (eg, Facebook, Twitter, etc.).

The menu object 1740 also includes a visual cue 1744 indicating the option "Yes" and a visual cue 1746 indicating the option "No". The selection of visual cue 1744 indicates that the user wishes to share the photo and may cause device 600 and/or a pair of external devices (eg, external device 650) to share the photo. The selection of visual cue 1746 indicates that the user does not wish to share the photo and may cause device 600 to remove the display of menu object 1740 from user interface 1700.

In some embodiments, if the characteristic intensity of the contact is above a threshold, the device 600 displays one or more user interface objects representing an option to comment and/or express an opinion regarding the photo or collection of photos. FIG. 17B illustrates an alternative exemplary response of device 600 to input on a touch-sensitive display while displaying user interface 1700. As illustrated in Figure 17B, if the characteristic intensity of the contact is below the threshold, device 600 replaces the display of user interface 1700 with the display of photo S as described with reference to Figure 17A.

If the characteristic strength of the contact is above the threshold, the device 600 maintains the display of the user interface 1700 and adds display of the user interface objects 1750 and 1760. User interface object 1750 represents an option to express an opinion regarding a collection of photos represented in image 1720. For example, the selection of visual cue 1750 can represent a user's "like" photo collection of device 600 and/or paired external devices on a social media website (eg, Facebook). User interface object 1760 represents an option to comment on a collection of photos represented in image 1100. For example, the selection of visual cue 1760 may cause device 600 to display a text entry box for entering a comment.

In some embodiments, if the characteristic intensity of the contact is above a threshold, the device 600 displays a user interface function table including a user interface object that indicates that the selected photo is displayed on the display of the device 600 as The option of the background of the user interface. As illustrated in Figure 17C, if the characteristic intensity of the contact is below the threshold, device 600 replaces the display of user interface 1700 with the display of photo S as described with reference to Figure 17A. If the characteristic strength of the contact is above the threshold, the device 600 maintains the display of the user interface 1700 and adds a display of the user interface object 1770. User interface object 1700 represents an option to display a photo corresponding to the selected visual cue (i.e., photo S in Figure 17C) as a background for the user interface on the display of device 600.

In some embodiments, device 600 is a wearable electronic device configured to display a user interface representing a clock face. The clock face may include a selected photo as a background, a user interface object indicating the time of day, and another user interface object indicating the date. In some embodiments, the appearance of the user interface object indicating the date is merged with the background photo to create a more subtle or aesthetically appealing display of the date.

In some embodiments, the response of device 600 to touch 1705 is dependent on the measured characteristic strength of the detected contact associated with the touch relative to more than one threshold. In some embodiments, if the characteristic strength is below the first threshold, the device 600 responds in a first manner; if the characteristic strength is above the first threshold and below the second threshold, the device 600 The second mode responds; and if the characteristic strength is above the second threshold, the device 600 responds in a third manner. For example, if the characteristic intensity is lower than the first threshold, the device 600 replaces the display of the user interface 1700 with a display of the user interface 1730 (eg, the user interface 1730 in FIG. 17A) including the display of the photo S. If the characteristic strength is above the first threshold and below the second threshold, the device 600 displays a user interface object indicating an option to share the photo collection (eg, the user interface object 1740 in FIG. 17A). And if the characteristic strength is above the second threshold, device 600 displays a user interface object (eg, user interface object 1770 in FIG. 17C) indicating that the display is corresponding to the selected visual cue on the display of device 600. The photo (ie, photo S) serves as an option for the background of the user interface.

In some embodiments, device 600 determines a measure of the intensity of the contact when displaying a photo (eg, user interface 710, 1110, or 1730) and provides a different back based on the intensity. should.

FIG. 18A illustrates an exemplary response of device 600 to touch 1805 on a touch-sensitive display when user interface 1800 is displayed. User interface 1800 includes a display of photo S. Device 600 detects the contact associated with touch 1805. As indicated in FIG. 18A, if device 600 determines that the characteristic intensity of the detected contact is below a threshold, device 600 continues to display user interface 1800 including photo S. In some embodiments, device 600 replaces the display of photo S with a display of different photos (eg, photo T in the same collection). If device 600 determines that the characteristic intensity of the contact is above a threshold, device 600 may add a display of user interface object 1810 to user interface 1800 to prompt the user to decide whether to share photo S. User interface item 1810 can be similar to user interface item 1740 described above with respect to FIG. 17A.

FIG. 18B illustrates another exemplary response of device 600 to touch 1805 on a touch-sensitive display when user interface 1800 is displayed. As illustrated in Figure 18B, if device 600 determines that the characteristic intensity of the contact is below a threshold, device 600 continues to display photo S. In some embodiments, device 600 replaces the display of photo S with the display of different photos. If the device 600 determines that the characteristic strength of the contact is above the threshold, the device 600 may add a display of the user interface objects 1820 and 1830 to the user interface 1800 representing the option to comment and/or express an opinion regarding the photo S. User interface items 1820 and 1830 can be similar to user interface items 1750 and 1760 described above with respect to FIG. 17B.

FIG. 18C illustrates another exemplary response of device 600 to touch 1805 on a touch-sensitive display when user interface 1800 is displayed. As illustrated in Figure 18C, if device 600 determines that the characteristic intensity of the contact is below a threshold, device 600 continues to display photo S. In some embodiments, device 600 replaces the display of photo S with the display of different photos. If device 600 determines that the characteristic strength of the contact is above a threshold, device 600 may add a display of user interface object 1840 to user interface 1800 to provide an option to set photo S as the background of the user interface of device 600. The user interface item can be similar to the user interface item 1770 described above with reference to Figure 17C.

In some embodiments, the response of device 600 to touch 1805 is dependent on the measured characteristic strength of the contact relative to more than one threshold. In some embodiments, if the characteristic strength is below the first threshold, the device 600 responds in a first manner; if the characteristic strength is above the first threshold and below the second threshold, the device 600 The second mode responds; and if the characteristic strength is above the second threshold, the device 600 responds in a third manner. For example, if the characteristic intensity is lower than the first threshold, the device 600 displays a different photo; if the characteristic intensity is higher than the first threshold and lower than the second threshold, the device 600 displays a representation to share the photo. User interface object of the option (e.g., 1810 in Figure 18A); and if the characteristic strength is above the second threshold, device 600 displays an option to display the photo as a background for the user interface on the display of device 600. User interface object (e.g., 1840 in Figure 18C).

In some embodiments, device 600 determines a measure of the intensity of the characteristic of the contact when the image is overlaid and provides a different response based on the intensity. 19 illustrates an exemplary response of device 600 to touch 1905 on a touch-sensitive display when overlay image 1900 of the album is displayed. The overlay image 1900 indicates a collection of photos labeled as album 3. Device 600 detects the contact associated with touch 1905. As indicated in FIG. 19, if device 600 determines that the characteristic intensity of the contact is below a threshold, device 600 replaces overlay image 1900 with a user interface that displays a photo from the album that covers the image. In FIG. 18, device 600 displays photo 3A, which may be the first photo in album 3. If device 600 determines that the characteristic intensity of the contact is above a threshold, device 600 replaces overlay image 1900 with a display indicating the overlay image of the different photo collection. In the depicted example, device 600 replaces overlay image 1900 with a display that indicates an overlay image 1920 labeled as a collection of albums 4. In some embodiments, device 600 replaces overlay image 1900 with a display that indicates an overlay image of a different collection of photos in response to a slip gesture on the touch-sensitive display when displaying overlay image 1900 (eg, from right to left).

In some embodiments, device 600 determines a measure of the intensity of the characteristic of the contact when displaying the composite image and provides a different response based on the intensity. 20 illustrates the touch of device 600 on a touch-sensitive display when displaying user interface 2000 including view 2010 of composite image 2020 Touch the exemplary response of 2005. The composite image 2020 can include a representation of the photo in the first collection of photos. Device 600 detects the contact associated with touch 2005. As illustrated in FIG. 20, if device 600 determines that the characteristic intensity of the contact is below a threshold, device 600 replaces user interface 2000 with a display of the photo represented by the displayed composite image (eg, image 2020). Display of (including composite image 2020). In Figure 20, device 600 displays photo 1A, which may be the first photo in the corresponding collection. If device 600 determines that the characteristic intensity of the contact is above a threshold, device 600 replaces the display of user interface 2000 with a display of the user interface that includes the composite image corresponding to the different photo collections. In the example illustrated in FIG. 20, device 600 replaces composite image 2020 with a display corresponding to the second set of composite images 2060. In some embodiments, device 600 is responsive to a sliding gesture on the touch-sensitive display (eg, from right to left) in response to the display of the second composite image associated with another collection of photos when the first composite image is displayed. The display of the first composite image associated with the collection of photos is replaced.

Attention is now directed to techniques for indicating the location of one of a plurality of user interfaces. 21A shows an illustrative user interface 2100 that includes a vertical list of visual cues corresponding to different sets of photos. User interface 2100 also includes visual cues 2102 and 2104 that indicate the location of user interface 2100 in a plurality of user interfaces. Visual cues 2012 and 2104 can expand, darken, or otherwise change the visual appearance when displaying the corresponding user interface. In the exemplary implementation illustrated by user interface 2100, visual cues 2102 and 2104 are paged points. The number of points may indicate the number of user interfaces in a plurality of user interfaces. On the user interface 2100, the visual cue 2102 is highlighted to indicate that the user interface 2100 is the first of the two user interfaces, the user interfaces being in order from left to right.

FIG. 21B shows an exemplary user interface 2120 that includes the displayed photo. In some embodiments, the photo displayed on the user interface 2120 includes a photo specified by the user (eg, "My Favorites") and/or a photo from the photo stream. Photos can be used to The external device viewed on device 600 is assigned or added to the photo stream. The user interface 2120 also includes visual cues 2102 and 2104 that indicate the location of the user interface 2120 relative to the user interface 2100. On the user interface 2120, the visual cues 2104 are highlighted to indicate that the user interface 2120 is the second of the two user interfaces depicted in Figures 21A-21B.

The device 600 can replace the display of the user interface 2100 with the display of the user interface 2120 in response to interaction with the user of the touch sensitive display. As indicated by FIGS. 21A-21B, the user can switch the display from user interface 2100 to user interface 2120 by a slip gesture indicated by slip 2105.

21C shows another exemplary user interface 2130 that can be displayed on the display of device 600 in response to slip 2105 on user interface 2100. Instead of displaying the photo as in user interface 2120, user interface 2130 includes a list of visual cues corresponding to the stream of photos available for display. In addition, visual cue 2104 is highlighted to indicate that user interface 2130 is the second of two available user interfaces.

Figure 21C also depicts a tap 2135 on the visual cue associated with the photo stream (stream 3). 21D shows a user interface 2140 that can be displayed in response to tap 2135. User interface 2140 includes a display of photos included in stream 3. That is, in response to selection of a visual cue corresponding to a photo stream (eg, stream 3), device 600 may replace the display of user interface 2130 with the display of user interface 2140.

22 is a flow diagram illustrating a method 2200 for accessing, navigating, and displaying a photo using an electronic device, in accordance with some embodiments. Method 2200 is performed at a device (eg, device 100, 300, 500) having a touch sensitive display and a rotatable input mechanism. Some of the operations in method 2200 can be combined, the order of some operations can be changed, and some operations can be ignored.

As described below, the method 2200 provides an intuitive way to access and view a collection of photos, allowing the user to quickly and easily locate the desired photo on the reduced size user interface. The method reduces the cognitive burden on the user while browsing the photo collection, thereby generating a more efficient person Machine interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

At block 2202, the electronic device receives data representing a collection of photos stored on an external device (eg, external device 650) via wireless communication. At block 2204, the electronic device displays on the touch-sensitive display (eg, touch-sensitive display 112, 340, 504) includes user interface items (eg, user interface items 620, 1011 through 1014, 1021 through 1024, 1120) a user interface (eg, user interface 610, 1010, 1020) that represents a collection of photos. At block 2206, the electronic device detects a first user interaction with the displayed user interface object (eg, user interactions 700, 1005, 1100). At block 2208, in response to detecting the first user interaction with the displayed user interface object, the electronic device image (eg, images 1150, 1220, 1320, 1420, 1520, 1620, 1720, 2020) The display of the first view (eg, views 1140, 1210, 1310, 1410, 1510, 1610, 1710, 2010) replaces the display of the user interface. The image may include a first representation (eg, representations 1151, 1221, 1421) including a visual representation of the first photo in the collection of photos and a second representation including a visual representation of the second photo in the collection of photos. The first representation and the second representation are configurable in a fixed position relative to each other in the image, and in the first view, the first representation and the second representation are displayed in a first size. At block 2210, the electronic device detects a first movement (eg, movement 1315) of the rotatable input mechanism (eg, rotatable input mechanism 506, 602). At block 2212, in response to detecting the first movement of the rotatable input mechanism, the electronic device converts the display of the first view of the image into a display of the second view of the image (eg, image 1340). In the second view, the first representation and the second representation are displayed in a second size different from the first size.

It should be noted that the details of the processing procedures described above with respect to method 2200 (e.g., FIG. 22) may also be applied in a similar manner to the methods described below. For example, methods 2300 through 2600 can include one or more of the features of the various methods described above with reference to method 2200. For example, the user interface object, image, described above with reference to method 2200 Views, visual representations, and other user interface components optionally have one or more of the features of the user interface object, image view, visual representation, and other user interface elements described herein (eg, methods 2300 through 2600). . For the sake of brevity, these details are not repeated below.

23 is a flow diagram illustrating a method 2300 for accessing, navigating, and displaying a photo using an electronic device, in accordance with some embodiments. Method 2300 is performed at a device (eg, device 100, 300, 500) having a touch sensitive display and a rotatable input mechanism. Some of the operations of method 2300 can be combined, the order of some operations can be changed, and some operations can be ignored.

As described below, the method 2300 provides an intuitive way to access and view a collection of photos, allowing the user to quickly and easily locate the desired photo on the reduced size user interface. The method reduces the cognitive burden on the user while browsing the photo collection, thereby generating a more efficient human-machine interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

At block 2302, the electronic device receives data representing a collection of photos stored on an external device (eg, external device 650) via wireless communication. At block 2304, the electronic device displays on the touch-sensitive display (eg, touch-sensitive display 112, 340, 504) includes user interface items (eg, user interface items 620, 1011 through 1014, 1021 through 1024, 1120) a user interface (eg, user interface 610, 1010, 1020) that represents a collection of photos. At block 2306, the electronic device detects user interaction with the displayed user interface object (eg, user interactions 700, 1005, 1100). At block 2308, in response to detecting user interaction with the displayed user interface object, the first image of the electronic device (eg, images 1150, 1220, 1320, 1420, 1520, 1620, 1720, 2020) The display of the view (eg, views 1140, 1210, 1310, 1410, 1510, 1610, 1710, 2010) replaces the display of the user interface, the image including a first representation including a visual representation of the first photo in the collection of photos (eg, , representing 1151, 1221, 1421) and including the second photo in the photo collection The second representation of the representation. The first representation and the second representation are disposed in a fixed position relative to each other in the image, and in the first view, the first representation and the second representation are displayed in a first size. At block 2310, the electronic device detects a contact (eg, contact 1405) on the touch-sensitive display when the first view is displayed. At block 2312, the electronic device determines if the contact represents a selection of the first representation (eg, representation 1421). At block 2314, in response to the determination that the contact indicates the selection of the first representation, the electronic device converts the display of the first view of the image to the display of the second view of the image (eg, view 1440), wherein, in the second view The first representation and the second representation are displayed in a second size greater than the first size, and the first representation is displayed at the center of the second view of the image.

It should be noted that the details of the processing procedures described above with respect to method 2300 (e.g., Figure 23) may also be applied in a similar manner to the methods described below. For example, method 2200 and methods 2400 through 2600 can include one or more of the features of the various methods described above with reference to method 2300. For example, the user interface object, image view, visual representation, and other user interface components described above with respect to method 2300 have user interfaces as described herein (eg, method 2200 and methods 2400 through 2600) as appropriate. One or more of the features of the object, image view, visual representation, and other user interface elements. For the sake of brevity, these details are not repeated below.

24 is a flow diagram illustrating a method 2400 for accessing, navigating, and displaying a photo using an electronic device, in accordance with some embodiments. Method 2400 is performed at a device (eg, device 100, 300, 500) having a touch sensitive display and a rotatable input mechanism. Some of the operations in method 2400 can be combined, the order of some operations can be changed, and some operations can be ignored.

As described below, the method 2400 provides an intuitive way to access and view a collection of photos, allowing the user to quickly and easily locate the desired photo on the reduced size user interface. The method reduces the cognitive burden on the user while browsing the photo collection, thereby generating a more efficient human-machine interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

At block 2402, the electronic device receives data representing a collection of photos stored on an external device (eg, external device 650) via wireless communication. At block 2404, the electronic device displays on the touch-sensitive display (eg, touch-sensitive display 112, 340, 504) includes user interface items (eg, user interface items 620, 1011 through 1014, 1021 through 1024, 1120) a user interface (eg, user interface 610, 1010, 1020) that represents a collection of photos. At block 2406, the electronic device detects user interaction with the displayed user interface object (eg, user interactions 700, 1005, 1100). At block 2408, in response to detecting user interaction with the displayed user interface object, the electronic device is replaced with an image (eg, images 1150, 1220, 1320, 1420, 1520, 1620, 1720, 2020). The display of the interface includes a first representation (eg, representations 1151, 1221, 1421) including a visual representation of the first photo in the collection of photos and a second representation including a visual representation of the second photo in the collection of photos, The first representation and the second representation are disposed in a fixed position relative to each other in the image. At block 2410, the electronic device detects a first contact point of a contact (eg, contact 1505) on the touch-sensitive display, wherein the first contact point corresponds to a first location on the image. At block 2412, the electronic device determines if the duration of the contact exceeds a predetermined threshold. At block 2414, in response to the determination that the duration of the contact exceeds a predetermined threshold, the electronic device displays an enlarged view (eg, view 1530) of a portion of the image around or adjacent the first location.

It should be noted that the details of the processing procedures described above with respect to method 2400 (e.g., Figure 24) may also be applied in a similar manner to the methods described below. For example, method 2200, method 2300, and methods 2400 through 2600 can include one or more of the features of the various methods described above with reference to method 2400. For example, the user interface object, image view, visual representation, and other user interface elements described above with respect to method 2400 are as described herein (eg, method 2200, method 2300, and methods 2500 through 2600). Among the features of user interface objects, image views, visual representations, and other user interface components One or more. For the sake of brevity, these details are not repeated below.

25 is a flow diagram illustrating a method 2500 for accessing, navigating, and displaying a photo using an electronic device, in accordance with some embodiments. Method 2500 is performed at a device (eg, device 100, 300, 500) having a touch sensitive display and a rotatable input mechanism. Some of the operations of method 2500 can be combined, the order of some operations can be changed, and some operations can be ignored.

As described below, method 2500 provides an intuitive way to access and view a collection of photos, allowing the user to quickly and easily locate the desired photo on the reduced size user interface. The method reduces the cognitive burden on the user while browsing the photo collection, thereby generating a more efficient human-machine interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

At block 2502, the electronic device receives data representative of the first photo collection and the second photo collection via wireless communication, wherein the first set and the second set are stored on an external device (eg, external device 650). At block 2504, the electronic device displays on the touch-sensitive display (eg, touch-sensitive display 112, 340, 504) a user interface object that includes the first set (eg, user interface objects 620, 1011 through 1014) User interfaces of 1021 to 1024, 1120) (eg, user interfaces 610, 1010, 1020). At block 2506, the electronic device detects user interaction with the user interface object (eg, user interactions 700, 1005, 1100). At block 2508, in response to detecting user interaction with the user interface object, the electronic device uses the first image representing the first photo collection (eg, images 1120, 1150, 1220, 1320, 1420, 1520, 1620) , display of 1720, 1900, 2020) replaces the display of the user interface. At block 2510, the electronic device detects the contact on the touch-sensitive display when the first image is displayed. At block 2512, the electronic device determines if the contact has a characteristic strength above the threshold strength. At block 2514, in response to the determination that the characteristic intensity is above the threshold intensity, the electronic device replaces the display of the first image with a display of the second image (eg, images 1920, 2060) representing the second collection of photos.

It should be noted that the details of the processing procedures described above with respect to method 2500 (eg, Figure 25) Sections can also be applied in a similar manner to the methods described below. For example, methods 2200 through 2400 and method 2600 can include one or more of the features of the various methods described above with reference to method 2500. For example, the user interface object, image view, visual representation, and other user interface components described above with respect to method 2500 have user interfaces as described herein (eg, methods 2200 through 2400 and method 2600) as appropriate. One or more of the features of the object, image view, visual representation, and other user interface elements. For the sake of brevity, these details are not repeated below.

26 is a flow diagram illustrating a method 2600 for accessing, navigating, and displaying a photo using an electronic device, in accordance with some embodiments. Method 2600 is performed at a device (eg, device 100, 300, 500) having a touch sensitive display and a rotatable input mechanism. Some of the operations of method 2600 can be combined, the order of some operations can be changed, and some operations can be ignored.

As described below, method 2600 provides an intuitive way to access and view a collection of photos, allowing the user to quickly and easily locate the desired photo on the reduced size user interface. The method reduces the cognitive burden on the user while browsing the photo collection, thereby generating a more efficient human-machine interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

At block 2602, the electronic device receives data representing a collection of photos stored on an external device (eg, external device 650) via wireless communication. At block 2604, the electronic device displays at least one of the photos in the collection on a touch-sensitive display (eg, touch-sensitive display 112, 340, 504). At block 2606, the electronic device detects the contact on the touch-sensitive display at the location of the first photo of the at least one displayed photo. At block 2608, the electronic device determines if the contact has a characteristic strength above the threshold strength. At block 2610, in response to the determination that the characteristic strength is greater than the threshold strength, the electronic device displays a user interface function table including at least one user interface object (eg, user interface function table 1810, 1840), wherein the user The interface object represents an option to share the first photo or display the first photo on the display of the electronic device as the background of the user interface.

The handler 2600 provides an intuitive way to view the reduced size user interface while viewing the option menu, allowing the user to quickly and easily share the photo or set the photo as the background on the device. The method reduces the cognitive burden on the user when selecting options associated with the photo, thereby creating a more efficient human interface. For battery powered computing devices, enabling users to view photos faster and more efficiently saves power and increases the time between battery charges.

It should be noted that the details of the processing procedures described above with respect to method 2600 (e.g., FIG. 26) may also be applied in a similar manner to the methods described below. For example, methods 2200 through 2500 can include one or more of the features of the various methods described above with reference to method 2600. For example, the user interface object, image view, visual representation, and other user interface components described above with respect to method 2600 have user interface objects, images as described herein (eg, methods 2200 through 2500) as appropriate. One or more of the features of the view, visual representation, and other user interface elements. For the sake of brevity, these details are not repeated below.

27 shows a functional block diagram of an electronic device 2700 configured in accordance with the principles of various described embodiments, in accordance with some embodiments. Functional blocks of the device are implemented by hardware, software, or a combination of hardware and software, as appropriate, to carry out the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG. 27 may be combined as appropriate or separated into sub-blocks to implement the principles of the various described embodiments. Accordingly, the description herein supports any possible combinations or separations, or other definitions, of the functional blocks described herein as appropriate.

As shown in FIG. 27, electronic device 2700 includes a touch-sensitive display unit 2702 configured to display a graphical user interface, a rotatable input mechanism unit 2704 configured to receive a rotational input, configured to transmit and receive A wireless communication unit 2706 for wireless communication and a processing unit 2708 coupled to the touch sensitive display unit 2702, the rotatable input mechanism unit 2704, and the wireless communication unit 2706. In some embodiments, processing unit 2708 includes a receiving unit 2710. Display enable unit 2712, detection unit 2714, replacement enable unit 2716, transition enable unit 2718, translation enable unit 2720, decision unit 2722, animation enable unit 2724, and hold enable unit 2726.

Processing unit 2708 is configured to receive, via wireless communication unit 2706 via wireless communication (eg, with receiving unit 2710) data representing a collection of photos stored on an external device; (eg, with display enable unit 2712) enabling touch The user interface of the user interface object is displayed on the sensitive display unit 2702. The user interface object represents a photo collection; and (eg, using the detecting unit 2714) to detect and display the first user of the user interface object. interactive. The processing unit 2708 is further configured to respond to detecting the first user interaction with the displayed user interface object (eg, with the replacement enable unit 2716) to enable replacement of the user interface with the display of the first view of the image Displaying, the image includes a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation are relative in the image Disposed in each other in a fixed position, and wherein, in the first view, the first representation and the second representation are displayed in a first size. The processing unit 2708 is further configured to detect (eg, using the detection unit 2714) the first movement of the rotatable input mechanism unit 2704; and in response to detecting the first movement of the rotatable input mechanism unit 2704 (eg, Using the transition enabling unit 2718) to enable transition from display of the first view of the image to display of the second view of the image, wherein in the second view, the first representation is displayed in a second size different from the first size and Second representation.

In some embodiments, the first size is greater than the second size.

In some embodiments, the first size is smaller than the second size.

In some embodiments, a portion of the image displayed at the center of the first view is displayed at the center of the second view.

In some embodiments, the image further comprises a third representation, wherein in the first view, the third representation comprises a visual representation of the entire third photo, and wherein, in the second view The third representation includes a visual representation that is less than the entire third photo.

In some embodiments, the processing unit 2708 is further configured to detect (eg, using the detecting unit 2714) the first movement of the physical object on or near the touch-sensitive display unit 2702; and when the first movement is detected The image displayed on the touch-sensitive display unit 2702 can be panned in the first direction (eg, with the panning enable unit 2720) to enable display of the previously hidden edge of the image. The processing unit 2708 is further configured to respond to the display of the previously hidden edge of the image and the continuous detection of the first movement (eg, by the display enable unit 2712) to enable display of an area beyond the edge of the image, and no longer After detecting the first movement, (eg, by panning enable unit 2718) enables the image to be translated in the second direction until the area beyond the edge of the image is no longer displayed.

In some embodiments, the first representation includes a first visual cue, and the processing unit 2708 is further configured to detect (eg, using the detection unit 2714) the contact on the touch-sensitive display unit 2702 when displaying the image, ( For example, the decision unit 2722) determines whether the contact represents a selection of the first visual cue, and in response to the decision to contact the selection of the first visual cue, (eg, with the replacement enable unit 2716) enabling replacement with the display of the first photo. Display of images.

In some embodiments, processing unit 2708 is further configured to detect (eg, using detection unit 2714) a second user interaction when displaying the first photo, and in response to detecting the second user interaction, (For example, with the replacement enable unit 2716), the display of the first photo can be replaced with the display of the fourth photo, wherein the fourth photo corresponds to the fourth representation of the first representation in the adjacent image.

In some embodiments, the second user interaction is a light touch gesture on the touch sensitive display unit 2702.

In some embodiments, the second user interaction is a slip on the touch-sensitive display unit 1702.

In some embodiments, the second user interaction is a rotatable input mechanism unit 2704 Move.

In some embodiments, enabling display of the first photo to be replaced with the display of the fourth photo includes (eg, with panning enable unit 2720) enabling panning of the display of the first photo away from the display to reveal the fourth display in a third size The photo, and (eg, with the transition enable unit 2718), enables the display of the fourth photo to be transitioned from a third size to a fourth size, wherein the fourth size is greater than the third size.

In some embodiments, enabling the display of the fourth photo to transition from the third size to the fourth size includes (eg, with an animation enable unit 2724) enabling animating the fourth photo from the third size to the fourth size .

In some embodiments, processing unit 2708 is further configured to respond to a determination that the contact does not indicate a selection of the first visual cue, such that display of the image on the display can be maintained.

In some embodiments, the user interface object is an illustration of a photo application.

In some embodiments, the user interface object is an illustration of an electronic data folder containing a collection of photos.

In some embodiments, interacting with the first user of the displayed user interface item is a light touch gesture.

In some embodiments, the first representation and the second representation are thumbnail images corresponding to the photo.

In some embodiments, the electronic device is a wearable electronic device.

In some embodiments, the external device is a smart phone.

In some embodiments, the first representation and the second representation are arranged in a linear grid pattern.

The operations described above with reference to Figure 22 are performed by the components depicted in Figures 1A-1B and 27 as appropriate. For example, the operations described by reference blocks 2206 and/or 2208 can be implemented by event classifier 170, event recognizer 180, and event handler 190. Event classification The event monitor 171 in the device 170 detects the contact on the touch-sensitive display 112, and the event dispatcher module 174 delivers the event information to the application 136-1. The respective event recognizer 180 of the application 136-1 compares the event information with the respective event definition 186 and determines whether the first contact at the first location on the touch-sensitive surface corresponds to a predefined event or sub-event. , such as the initiation of visual cues on the user interface. Event detector 180 initiates an event handler 190 associated with the detection of an event or sub-event when a respective predefined event or sub-event is detected. The event handler 190 can utilize or invoke the data update program 176 or the object update program 177 to update the application internal state 192. In some embodiments, event handler 190 accesses respective GUI update programs 178 to update the content displayed by the application. Similarly, it will be apparent to those skilled in the art that other processing procedures can be implemented based on the components depicted in Figures 1A-1B and 27.

28 shows a functional block diagram of an electronic device 2800 configured in accordance with the principles of various described embodiments, in accordance with some embodiments. Functional blocks of the device are implemented by hardware, software, or a combination of hardware and software, as appropriate, to carry out the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG. 28 may be combined as appropriate or separated into sub-blocks to implement the principles of the various described embodiments. Accordingly, the description herein supports any possible combination or separation or other definition of the functional blocks described herein as appropriate.

As shown in FIG. 28, electronic device 2800 includes a touch-sensitive display unit 2802 configured to display a graphical user interface and receive contacts, a rotatable input mechanism unit 2804 configured to receive a rotational input, configured to A wireless communication unit 2806 that transmits and receives wireless communication and a processing unit 2808 coupled to the touch-sensitive display unit 2802, the rotatable input mechanism unit 2804, and the wireless communication unit 2806.

Processing unit 2808 is configured to receive, via wireless communication unit 2806 via wireless communication (eg, with receiving unit 2810) data representing a collection of photos stored on an external device; (eg, with display enable unit 2812) enabling touch Sensitive display unit 2802 Displaying a user interface including a user interface object, the user interface object representing a photo collection; and (eg, using the detection unit 2814) detecting user interaction with the displayed user interface object. The processing unit 2808 is further configured to respond to detecting user interaction with the displayed user interface object (eg, with the replacement enable unit 2816) to enable replacement of the display of the user interface with the display of the first view of the image The image includes a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation are relative to each other in the image Arranged in a fixed position, and wherein, in the first view, the first representation and the second representation are displayed in a first size. The processing unit 2808 is further configured to detect (eg, by the detecting unit 2814) the contact on the touch-sensitive display unit 2802 when displaying the first view; (eg, using the determining unit 2820) to determine whether the contact represents the first representation Selecting; and in response to the decision to contact the selection indicating the first representation, (eg, using transition enable unit 2818) to enable transition from display of the first view of the image to display of the second view of the image, wherein In the two views, the first representation and the second representation are displayed in a second size greater than the first size, and wherein the first representation is displayed at the center of the second view of the image.

In some embodiments, processing unit 2808 is further configured to respond to a determination that the contact does not indicate a selection of the first representation, (eg, with retention enable unit 2822) to enable the first view of the image to be maintained in a touch-sensitive display Display on unit 2802.

In some embodiments, the user interface object is an illustration of a photo application.

In some embodiments, the user interface object is an illustration of an electronic data folder containing a collection of photos.

In some embodiments, interacting with the first user of the displayed user interface item is a light touch gesture.

In some embodiments, the first representation and the second representation are thumbnail images corresponding to the photo.

In some embodiments, the electronic device is a wearable electronic device.

In some embodiments, the external device is a smart phone.

In some embodiments, the first representation and the second representation are arranged in a linear grid pattern.

The operations described above with reference to Figure 23 are performed by the components depicted in Figures 1A-1B and 28 as appropriate. For example, the operations described by reference block 2306 and/or 2308 can be implemented by event classifier 170, event recognizer 180, and event handler 190. The event monitor 171 in the event classifier 170 detects the contact on the touch-sensitive display 112, and the event dispatcher module 174 delivers the event information to the application 136-1. The respective event recognizer 180 of the application 136-1 compares the event information with the respective event definition 186 and determines whether the first contact at the first location on the touch-sensitive surface corresponds to a predefined event or sub-event. , such as the initiation of visual cues on the user interface. Event detector 180 initiates an event handler 190 associated with the detection of an event or sub-event when a respective predefined event or sub-event is detected. The event handler 190 can utilize or invoke the data update program 176 or the object update program 177 to update the application internal state 192. In some embodiments, event handler 190 accesses respective GUI update programs 178 to update the content displayed by the application. Similarly, it will be apparent to those skilled in the art that other processing procedures can be implemented based on the components depicted in Figures 1A-1B and 28.

29 shows a functional block diagram of an electronic device 2900 configured in accordance with the principles of various described embodiments, in accordance with some embodiments. Functional blocks of the device are implemented by hardware, software, or a combination of hardware and software, as appropriate, to carry out the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG. 29 may be combined as appropriate or separated into sub-blocks to implement the principles of the various described embodiments. Accordingly, the description herein supports any possible combination or separation or other definition of the functional blocks described herein as appropriate.

As shown in FIG. 29, the electronic device 2900 includes a touch sensitive display unit 2902 configured to display a graphical user interface and receive contacts, configured to receive a rotational input. The input mechanism unit 2904, the wireless communication unit 2906 configured to transmit and receive wireless communication, and the processing unit 2908 coupled to the touch-sensitive display unit 2902, the rotatable input mechanism unit 2904, and the wireless communication unit 2906.

Processing unit 2908 is configured to receive, via wireless communication unit 2906 via wireless communication (eg, with receiving unit 2910) data representing a collection of photos stored on an external device; (eg, with display enable unit 2912) enabling touch The user interface of the user interface object is displayed on the sensitive display unit 2902. The user interface object represents a photo collection; and (eg, using the detecting unit 2914) to detect user interaction with the displayed user interface object. The processing unit 2908 is further configured to respond to detecting user interaction with the displayed user interface object (eg, with the replacement enable unit 2916) to enable replacement of the display of the user interface with an image, the image including a first representation of the visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second of the collection of photos, wherein the first representation and the second representation are disposed in the image relative to each other in a fixed position (eg, using detection unit 2914) detecting a first contact point of contact on touch-sensitive display unit 2902, wherein the first contact point corresponds to a first location on the image; (eg, using decision unit 2920) Whether the duration of the contact exceeds a predetermined threshold; and in response to the determination that the duration of the contact exceeds a predetermined threshold, (eg, with display enable unit 2912) enables display of a portion of the image around or adjacent to the first location Zoom in on the view.

In some embodiments, the processing unit 2908 is further configured to detect (eg, using the detecting unit 2914) the translation of the contact along the touch-sensitive display unit 2902 to the second contact point corresponding to the second position on the image; And in response to detecting a translation of the contact to the second contact point (eg, with the replacement enable unit 2916), enabling replacement of the vicinity of or adjacent to the first location with an enlarged view of a portion of the image around or adjacent the second location A magnified view of the portion of the image.

In some embodiments, the magnified view includes a circular display of the portion of the image.

In some embodiments, the first location is associated with the first representation and the magnified view is an image of the first photo.

In some embodiments, an enlarged view is displayed over the touch point on the touch sensitive display unit 2902.

In some embodiments, processing unit 2908 is further configured to respond to a determination that the duration of the contact does not exceed a predetermined threshold (eg, with hold enable unit 2922) to enable the image to remain in touch-sensitive display unit 2902 Display on the top.

In some embodiments, processing unit 2908 is further configured to respond to a determination that the duration of the contact does not exceed a predetermined threshold, (eg, with replacement enable unit 2916) enabling use with a first location corresponding to the image The display of the photo replaces the display of the image.

In some embodiments, processing unit 2908 is further configured to respond to a determination that the duration of the contact does not exceed a predetermined threshold (eg, with transition enable unit 2918) to enable transition from image display to centered image An enlarged view of the image on the first position above.

In some embodiments, the user interface object is an illustration of a photo application.

In some embodiments, the user interface object is an illustration of an electronic data folder containing a collection of photos.

In some embodiments, interacting with the first user of the displayed user interface item is a light touch gesture.

In some embodiments, the first representation and the second representation are thumbnail images corresponding to the photo.

In some embodiments, the electronic device is a wearable electronic device.

In some embodiments, the external device is a smart phone.

In some embodiments, the first representation and the second representation are arranged in a linear grid pattern.

The operations described above with reference to Figure 24 are performed by the components depicted in Figures 1A-1B and 29 as appropriate. For example, the operations described by reference blocks 2406, 2408, 2410, 2412, and/or 2414 can be implemented by event classifier 170, event recognizer 180, and event handler 190. The event monitor 171 in the event classifier 170 detects the contact on the touch-sensitive display 112, and the event dispatcher module 174 delivers the event information to the application 136-1. The respective event recognizer 180 of the application 136-1 compares the event information with the respective event definition 186 and determines whether the first contact at the first location on the touch-sensitive surface corresponds to a predefined event or sub-event. , such as the initiation of visual cues on the user interface. Event detector 180 initiates an event handler 190 associated with the detection of an event or sub-event when a respective predefined event or sub-event is detected. The event handler 190 can utilize or invoke the data update program 176 or the object update program 177 to update the application internal state 192. In some embodiments, event handler 190 accesses respective GUI update programs 178 to update the content displayed by the application. Similarly, it will be apparent to those skilled in the art that other processing procedures can be implemented based on the components depicted in Figures 1A-1B and 29.

30 shows a functional block diagram of an electronic device 3000 configured in accordance with the principles of various described embodiments, in accordance with some embodiments. Functional blocks of the device are implemented by hardware, software, or a combination of hardware and software, as appropriate, to carry out the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG. 30 may be combined as appropriate or separated into sub-blocks to implement the principles of the various described embodiments. Accordingly, the description herein supports any possible combination or separation or other definition of the functional blocks described herein as appropriate.

As shown in FIG. 30, electronic device 3000 includes a touch-sensitive display unit 3002 configured to display a graphical user interface and receive contacts, wherein touch-sensitive display unit 3002 includes one or more intensity sensor units 3022 to Detecting contact strength with the touch sensitive display unit 3002; a rotatable input mechanism unit 3004 configured to receive a rotary input; configured to transmit a wireless communication unit 3006 for transmitting and receiving wireless communication; and a processing unit 3008 coupled to the touch sensitive display unit 3002, the one or more intensity sensor units 3022, the rotatable input mechanism unit 3004, and the wireless communication unit 3006.

The processing unit 3008 is configured to receive data representing the first photo collection and the second photo collection via the wireless communication unit 3006 via wireless communication (eg, using the receiving unit 3010), wherein the first set and the second set are stored in the external device The user interface including the user interface object representing the first set is displayed on the touch-sensitive display unit 3002 (for example, by using the detecting unit 3014) for detecting and using (for example, by using the display enabling unit 3012) User interaction of the interface object; in response to detecting user interaction with the user interface object (eg, with the replacement enable unit 3016), the user interface can be replaced with a display representing the first image of the first photo collection Displaying (for example, detecting unit 3014) detecting contact on touch-sensitive display unit 3002 when displaying the first image; (eg, using determining unit 3020) determining whether the contact has a characteristic intensity higher than the threshold intensity And in response to the determination that the characteristic strength is higher than the threshold strength, (eg, with the replacement enabling unit 3016) enabling the use of the second photo collection The display of the two images replaces the display of the first image.

In some embodiments, the first image includes a first overlay image indicating the first photo collection, and the second image includes a second overlay image indicating the second photo collection.

In some embodiments, the first image includes a first representation comprising a visual representation of the first photo in the collection of photos and a second representation comprising a visual representation of the second photo in the collection of photos, wherein the first representation and the second representation Arranging in a fixed position relative to each other in the first image, and wherein the second image comprises a third representation comprising a visual representation of the third photo in the second collection of photos and a visual representation comprising the fourth photo in the second collection of photos A fourth representation of the representation, wherein the third representation and the fourth representation are disposed in a fixed position relative to each other in the second image.

In some embodiments, processing unit 3008 is further configured to respond to strong characteristics The determination that the degree is not higher than the threshold strength (eg, with the transition enabling unit 3018) enables transition from the display of the first image to the magnified view of the first image.

In some embodiments, processing unit 3008 is further configured to respond to a determination that the characteristic strength is not above the threshold strength (eg, with replacement enable unit 3016) to enable replacement of the display of the photo in the first photo collection Display of the first image.

In some embodiments, the first representation, the second representation, the third representation, and the fourth representation are thumbnail images corresponding to the photo.

In some embodiments, the first representation and the second representation are arranged in a linear grid pattern in the first image, and the third representation and the fourth representation are arranged in a linear grid pattern in the second image.

In some embodiments, the user interface object is an illustration of a photo application.

In some embodiments, the user interface object is an illustration of an electronic data folder containing a collection of photos.

In some embodiments, interacting with the first user of the displayed user interface item is a light touch gesture.

In some embodiments, the electronic device is a wearable electronic device.

In some embodiments, the external device is a smart phone.

The operations described above with reference to Figure 25 are implemented by the components depicted in Figures 1A-1B and Figure 30, as appropriate. For example, the operations described by reference blocks 2506, 2508, 2510, 2512, and/or 2514 can be implemented by event classifier 170, event recognizer 180, and event handler 190. The event monitor 171 in the event classifier 170 detects the contact on the touch-sensitive display 112, and the event dispatcher module 174 delivers the event information to the application 136-1. The respective event recognizer 180 of the application 136-1 compares the event information with the respective event definition 186 and determines whether the first contact at the first location on the touch-sensitive surface corresponds to a predefined event or sub-event. , such as the visual clues on the user interface move. Event detector 180 initiates an event handler 190 associated with the detection of an event or sub-event when a respective predefined event or sub-event is detected. The event handler 190 can utilize or invoke the data update program 176 or the object update program 177 to update the application internal state 192. In some embodiments, event handler 190 accesses respective GUI update programs 178 to update the content displayed by the application. Similarly, it will be apparent to those skilled in the art that other processing procedures can be implemented based on the components depicted in FIGS. 1A-1B and 30.

31 shows a functional block diagram of an electronic device 3100 configured in accordance with the principles of various described embodiments, in accordance with some embodiments. Functional blocks of the device are implemented by hardware, software, or a combination of hardware and software, as appropriate, to carry out the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG. 31 may be combined as appropriate or separated into sub-blocks to implement the principles of the various described embodiments. Accordingly, the description herein supports any possible combination or separation or other definition of the functional blocks described herein as appropriate.

As shown in FIG. 31, electronic device 3100 includes a touch-sensitive display unit 3102 configured to display a graphical user interface and receive contacts, wherein touch-sensitive display unit 3102 includes one or more intensity sensor units 3122 Detecting contact strength with touch sensitive display unit 3102; rotatable input mechanism unit 3104 configured to receive rotational input; wireless communication unit 3106 configured to transmit and receive wireless communication; and coupled to touch sensitive The display unit 3102, the one or more intensity sensor units 3122, the rotatable input mechanism unit 3104, and the processing unit 3108 of the wireless communication unit 3106.

The processing unit 3108 is configured to receive, via the wireless communication unit 3106 via wireless communication (eg, with the receiving unit 3110) data representing a collection of photos stored on the external device; (eg, with the display enable unit 3112) enabling touch The sensitive display unit 3102 displays at least one of the photos in the set; and detects the position on the touch-sensitive display unit 3102 at the position of the first photo of the at least one displayed photo (for example, by using the detecting unit 3114) Contacting (eg, using decision unit 3118) to determine if the contact has a characteristic strength above a threshold strength; and in response to a determination that the characteristic strength is above a threshold intensity, (eg, with display enable unit 3112) enabling display to include at least A user interface function table of a user interface object, wherein the user interface object represents an option to share the first photo or display the first photo on the display of the electronic device as the background of the user interface.

In some embodiments, the user interface includes a background, a first user interface object indicating the time of day, and a second user interface object indicating the date, wherein the appearance of the second user interface object is merged with the background.

In some embodiments, processing unit 3108 is further configured to respond to a determination that the characteristic strength is not above the threshold strength (eg, with retention enable unit 3120) to enable retention of at least one of the photos in the photo collection Display.

In some embodiments, at least one of the photos in the collection is a first photo, and processing unit 3108 is further configured to respond to a determination that the characteristic strength is not above the threshold strength (eg, with a replacement enable unit) 3116) enabling replacement of the display of the first photo with the display of the second photo in the photo collection.

In some embodiments, the electronic device is a wearable electronic device.

In some embodiments, the external device is a smart phone.

The operations described above with reference to Figure 26 are implemented by the components depicted in Figures 1A-1B and 31 as appropriate. For example, the operations described by reference blocks 2606, 2608, and/or 2610 can be implemented by event classifier 170, event recognizer 180, and event handler 190. The event monitor 171 in the event classifier 170 detects the contact on the touch-sensitive display 112, and the event dispatcher module 174 delivers the event information to the application 136-1. The respective event recognizer 180 of the application 136-1 compares the event information with the respective event definition 186 and determines whether the first contact at the first location on the touch-sensitive surface corresponds to a predefined event or sub-event. , such as the initiation of visual cues on the user interface. Event recognizer 180 initiates an event or sub-event detection when a respective predefined event or sub-event is detected The associated event handler 190 is tested. The event handler 190 can utilize or invoke the data update program 176 or the object update program 177 to update the application internal state 192. In some embodiments, event handler 190 accesses respective GUI update programs 178 to update the content displayed by the application. Similarly, it will be apparent to those skilled in the art that other processing procedures can be implemented based on the components depicted in Figures 1A-1B and 31.

For the purposes of explanation, the foregoing description has been described with reference to the specific embodiments. However, the above description is not intended to be exhaustive or to limit the invention to the precise form disclosed. Many modifications and variations are possible in light of the above teachings. The embodiments were chosen and described in order to best explain the principles of the invention and its application. This will enable those skilled in the art to make the best use of the various embodiments and various embodiments of the various modifications.

Although the present invention and its embodiments have been described with reference to the accompanying drawings, it will be understood that Such changes and modifications are to be understood as included within the scope of the invention, and the examples are understood to be defined by the scope of the claims.

100‧‧‧Portable Multifunction Devices

111‧‧‧Speakers

112‧‧‧Touch-sensitive display system / touch screen

113‧‧‧ microphone

124‧‧‧External information

164‧‧‧Optical sensor

165‧‧‧Contact intensity sensor

166‧‧‧ proximity sensor

167‧‧‧Tactile output generator

168‧‧‧Accelerometer

200‧‧‧User interface

202‧‧‧ fingers

203‧‧‧ stylus

204‧‧‧"Home" or menu button

206‧‧‧Push button

208‧‧‧Volume adjustment button

210‧‧‧User Identification Module (SIM) card slot

212‧‧‧ headphone jack

Claims (164)

A method comprising: at an electronic device having a touch sensitive display and a rotatable input mechanism: receiving, via wireless communication, data representative of a collection of photos stored on an external device; on the touch sensitive display The display includes a user interface of a user interface object, the user interface object representing the photo collection; detecting a first user interaction with one of the displayed user interface objects; responding to the detection and the displayed The first user interaction of the user interface object displays the display replacing the user interface with one of the first views of the image, the image comprising a visual representation comprising one of the first photos of the photo collection a first representation and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and In the first view, the first representation and the second representation are displayed in a first size; detecting a first movement of the rotatable input mechanism; and responding Detecting the first movement of the rotatable input mechanism, converting the display of the first view of the image to one of a second view of the image, wherein in the second view, different from the One of the first dimensions and the second dimension displays the first representation and the second representation. The method of claim 1, wherein the first size is greater than the second size. The method of claim 1, wherein the first size is smaller than the second size. The method of any one of claims 1 to 3, wherein the portion of the image displayed at the center of the first view is displayed at the center of the second view. The method of any one of claims 1 to 4, wherein the image further comprises a third representation, wherein in the first view, the third representation comprises a visual representation of one of the entire third photos, and wherein In the second view, the third representation includes a visual representation that is less than one of the entire third photos. The method of any one of claims 1 to 5, further comprising: detecting a first movement of one of the physical objects on or near the touch-sensitive display; when detecting the first movement, Transmitting the image displayed on the touch-sensitive display in a first direction to display a previously hidden edge of the image; in response to the display of the previously hidden edge of the image and the continuous detection of the first movement, the display is exceeded An area of the edge of the image; and after the first movement is no longer detected, the image is translated in a second direction until the area beyond the edge of the image is no longer displayed. The method of any one of claims 1 to 6, wherein the first representation comprises a first visual cue, and wherein the method further comprises: detecting a contact on the touch sensitive display when the image is displayed, Determining whether the contact indicates one of the first visual cues is selected; and in response to the determining indicating a selection of one of the first visual cues, displaying the display replacing the image with one of the first photos. The method of claim 7, further comprising: detecting a second user interaction when displaying the first photo; and In response to detecting the second user interaction, the display of the first photo is replaced with one of the fourth photos, wherein the fourth photo corresponds to a fourth image adjacent to the first representation in the image Said. The method of claim 8, wherein the second user interaction is a one-touch gesture on the touch-sensitive display. The method of claim 8, wherein the second user interaction is slipping on one of the touch-sensitive displays. The method of claim 8, wherein the second user interaction moves for one of the rotatable input mechanisms. The method of any one of clauses 8 to 11, wherein the replacing the display of the first photo with the display of the fourth photo comprises: panning the display of the first photo away from the display to reveal a third The fourth photo is displayed in size; and the display of the fourth photo is converted from the third size to a fourth size, wherein the fourth size is greater than the third size. The method of claim 12, wherein the transitioning the display of the fourth photo from the third size to the fourth size comprises animating the fourth photo from the third size to the fourth size. The method of any of claims 7 to 13, further comprising: maintaining the display of the image on the display in response to the determining that the contact does not indicate a selection of one of the first visual cues. The method of any one of claims 1 to 14, wherein the user interface object is an illustration of one of the photo applications. The method of any one of claims 1 to 15, wherein the user interface object is an illustration of an electronic folder representing one of the photo collections. The method of any one of claims 1 to 16, wherein the user interface is displayed The first user interaction of the object is a light touch gesture. The method of any one of claims 1 to 17, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The method of any one of claims 1 to 18, wherein the electronic device is a wearable electronic device. The method of any one of claims 1 to 19, wherein the external device is a smart phone. The method of any one of clauses 1 to 20, wherein the first representation and the second representation are arranged in a line grid pattern. A method comprising: at an electronic device having a touch sensitive display and a rotatable input mechanism: receiving, via wireless communication, data representative of a collection of photos stored on an external device; on the touch sensitive display Displaying a user interface including a user interface object, the user interface object representing the photo collection; detecting user interaction with one of the displayed user interface objects; responding to the detected and displayed The user interaction of the user interface object displays the display replacing the user interface with one of the first views of the image, the image including a first representation comprising one of the first photos of the photo collection a second representation representing a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein In the first view, the first representation and the second representation are displayed in a first size; Detecting a contact on the touch sensitive display when the first view is displayed; determining whether the contact indicates a selection of the first representation; and in response to the determining indicating a determination of one of the first representations, Converting the display of the first view of the image to one of the second views of the image, wherein in the second view, displaying the first representation with a second size greater than the first size and The second representation, and wherein the first representation is displayed at the center of the second view of the image. The method of claim 22, further comprising: maintaining the display of the first view of the image on the display in response to the determining that the contact does not indicate a selection of the first representation. The method of claim 22 or 23, wherein the user interface object is an illustration of one of the photo applications. The method of claim 22 or 23, wherein the user interface object is an illustration of an electronic folder representing one of the photo collections. The method of any one of claims 22 to 25, wherein the first user interaction with the displayed user interface object is a light touch gesture. The method of any one of claims 22 to 26, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The method of any one of claims 22 to 27, wherein the electronic device is a wearable electronic device. The method of any one of clauses 22 to 28, wherein the external device is a smart phone. The method of any one of claims 22 to 29, wherein the first representation and the second representation are arranged in a line grid pattern. A method comprising: an electronic device having a touch sensitive display and a rotatable input mechanism Receiving, by wireless communication, data representing a collection of photos stored on an external device; displaying, on the touch-sensitive display, a user interface including a user interface object, the user interface object representing the photo collection; Detecting a user interaction with one of the displayed user interface objects; in response to detecting the user interaction with the displayed user interface object, replacing the display of the user interface with an image, The image includes a first representation comprising a visual representation of one of the first photos of the collection of photos and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the first representation 2 is disposed in the image relative to each other in a fixed position; detecting one of the first touch points on the touch sensitive display, wherein the first contact point corresponds to a first position on the image; Determining whether the duration of the contact exceeds a predetermined threshold; and in response to a determination that the duration of the contact exceeds the predetermined threshold, displaying the first location week Or an enlarged view of a portion of the image of the vicinity. The method of claim 31, further comprising: detecting a translation of the contact along the touch sensitive display to a second contact point corresponding to one of the second locations on the image; and in response to detecting the contact The translation to the second contact point, replacing the display of the enlarged view of the portion of the image around or adjacent to the first location with an enlarged view of a portion of the image around or adjacent to the second location . The method of claim 31 or 32, wherein the magnified view comprises a circular display of the portion of the image. As in the method of claim 31, Wherein the first location is associated with the first representation; and wherein the enlarged view is an image of the first photo. The method of any one of claims 31 to 34, wherein the magnified view is displayed over the touch point on the touch sensitive display. The method of any one of claims 31 to 35, further comprising: maintaining the display of the image on the display in response to a determination that the duration of the contact does not exceed the predetermined threshold. The method of any one of claims 31 to 35, further comprising: responsive to a determination that the duration of the contact does not exceed the predetermined threshold, corresponding to one of the first locations on the image A display of the photo replaces the display of the image. The method of any one of claims 31 to 35, further comprising: in response to a determination that the duration of the contact does not exceed the predetermined threshold, causing the display of the image to be centered on the image An enlarged view of one of the images at the first location. The method of any one of claims 31 to 38, wherein the user interface object is an illustration of one of the photo applications. The method of any one of claims 31 to 39, wherein the user interface object is an illustration of an electronic folder representing one of the photo collections. The method of any one of claims 31 to 40, wherein the first user interaction with the displayed user interface object is a light touch gesture. The method of any one of claims 31 to 41, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The method of any one of claims 31 to 42, wherein the electronic device is a wearable electronic device. The method of any one of clauses 31 to 43, wherein the external device is a smart type phone. The method of any one of clauses 31 to 44, wherein the first representation and the second representation are arranged in a line grid pattern. A method comprising: having an electronic device having a touch sensitive display and a rotatable input mechanism, wherein the touch sensitive display includes one or more sensors to detect contact with the touch sensitive display Intensity: receiving, by wireless communication, data representing a first photo collection and a second photo collection, wherein the first collection and the second collection are stored on an external device; displaying the indication on the touch-sensitive display includes the a user interface of a user interface object; detecting interaction with a user of the user interface object; in response to detecting the user interaction with the user interface object, indicating the first One of the first images of the photo collection displays the display replacing the user interface; detecting contact with one of the touch sensitive displays when the first image is displayed; determining whether the contact has a higher than a threshold intensity a characteristic intensity; and in response to the determination that the characteristic intensity is greater than the threshold intensity, the display of the first image is replaced by one of the second images representing the second photo collection Shows. The method of claim 46, wherein the first image comprises a first overlay image indicating one of the first photo collections, and wherein the second image comprises a second overlay image indicating one of the second photo collections. The method of claim 46, wherein the first image comprises one of the first photos included in the photo collection a first representation of the representation and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are fixed relative to each other in the first image And wherein the second image includes a third representation comprising a visual representation of one of the third photos of the second collection of photos and a visual representation comprising one of the fourth photos of the second collection of photos The fourth representation, wherein the third representation and the fourth representation are disposed in a fixed position relative to each other in the second image. The method of claim 48, further comprising: in response to the determining that the characteristic intensity is not higher than the threshold intensity, causing the display of the first image to be an enlarged view of the first image. The method of any one of claims 46 to 48, further comprising: in response to the determining that the characteristic intensity is not higher than the threshold intensity, replacing the first one with one of the photos in the first photo collection This display of the image. The method of any one of claims 48 to 50, wherein the first representation, the second representation, the third representation, and the fourth representation are thumbnail images of the corresponding photos. The method of any one of clauses 48 to 51, wherein the first representation and the second representation are arranged in a line grid pattern in the first image, and the third representation and the fourth representation are in the second The image is configured in a straight line grid pattern. The method of any one of claims 46 to 52, wherein the user interface object is an illustration of one of the photo applications. The method of any one of claims 46 to 53, wherein the user interface object is an illustration of an electronic data folder representing one of the photo collections. The method of any one of claims 46 to 54, wherein the first user interaction with the displayed user interface object is a light touch gesture. The method of any one of claims 46 to 55, wherein the electronic device is a wearable electronic device. The method of any one of clauses 46 to 56, wherein the external device is a smart phone. A method comprising: having an electronic device having a touch sensitive display and a rotatable input mechanism, wherein the touch sensitive display includes one or more sensors to detect contact with the touch sensitive display Intensity: receiving, via wireless communication, data representing a collection of photos stored on an external device; displaying at least one of the photos in the collection on the touch-sensitive display; in one of the at least one displayed photo Detecting a contact on the touch-sensitive display at a position of the first photo; determining whether the contact has a characteristic intensity higher than a threshold intensity; and determining that the intensity is higher than the threshold strength Displaying a user interface function table including at least one user interface object, wherein the user interface object indicates to share the first photo or display the first photo on the display of the electronic device as a user interface An option for one of the backgrounds. The method of claim 58, wherein the user interface comprises: the background; a first user interface object indicating a time of day; and a second user interface object indicating a date, wherein the second use The appearance of the interface object blends with the background. The method of claim 58 or 59, further comprising: The display of the at least one of the photos in the collection of photos is maintained in response to a determination that the characteristic intensity is no higher than the threshold intensity. The method of claim 58 or 59, wherein the at least one of the photos in the set is a first photo, and wherein the method further comprises: responding to the one of the characteristic strength not higher than the threshold intensity It is determined that the display of the first photo is replaced with one of the second photos of the photo collection. The method of any one of clauses 58 to 61 wherein the electronic device is a wearable electronic device. The method of any one of clauses 58 to 62 wherein the external device is a smart phone. A non-transitory computer readable storage medium comprising instructions for performing the method of any one of claims 1 to 63. A system comprising: a non-transitory computer readable storage medium as claimed in claim 64; and one or more processors capable of executing the instructions of the non-transitory computer readable storage medium. A system comprising means for performing the method of any one of claims 1 to 63. A system comprising: at an electronic device having a touch sensitive display and a rotatable input mechanism: means for receiving, via wireless communication, data representative of a collection of photos stored on an external device; The touch sensitive display displays a component including a user interface of a user interface object, the user interface object representing the photo collection; Means for detecting interaction with a first user of one of the displayed user interface objects; for responding to detecting interaction with the first user of the displayed user interface object, using an image One of the first views displays a component that replaces the display of the user interface, the image including a first representation comprising a visual representation of one of the first photos of the collection of photos and including one of the collection of photos a second representation of one of the two photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, a first size Displaying the first representation and the second representation; means for detecting a first movement of the rotatable input mechanism; and for responding to detecting the first movement of the rotatable input mechanism, the image The display of the first view transitions to a display member of a second view of the image, wherein in the second view, the first representation is displayed at a second size different from the first size and The second representation A system comprising: at an electronic device having a touch sensitive display and a rotatable input mechanism: means for receiving, via wireless communication, data representative of a collection of photos stored on an external device; The touch sensitive display displays a component including a user interface of a user interface object, the user interface object representing the photo collection; and detecting a user interaction with one of the displayed user interface objects member; And responsive to detecting the user interaction with the displayed user interface object, displaying the display replacing the display of the user interface with one of the first views of the image, the image including the photo a first representation of a visual representation of one of the first photos of the collection and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are in the image Disposed in a fixed position relative to each other, and wherein, in the first view, the first representation and the second representation are displayed in a first size; for detecting when the first view is displayed a member that is in contact with one of the sensitive displays; a means for determining whether the contact indicates a selection of the first representation; and a determination for responding to the contact indicating a selection of the first representation, the image The display of the first view transitions to a member displayed in one of the second views of the image, wherein in the second view, the first representation and the first display are displayed in a second size greater than the first size Second representation And wherein the center of the second view of the image display of the first representation. A system comprising: at an electronic device having a touch sensitive display and a rotatable input mechanism: means for receiving, via wireless communication, data representative of a collection of photos stored on an external device; The touch sensitive display displays a component including a user interface of a user interface object, the user interface object representing the photo collection; and detecting a user interaction with one of the displayed user interface objects Structure a means for responding to detecting the user interaction with the displayed user interface object, replacing the display of the user interface with an image, the image comprising one of the first in the photo collection a first representation of the visual representation of one of the photos and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are disposed relative to each other in the image a member for detecting one of the first contact points on the touch-sensitive display, wherein the first contact point corresponds to a first position on the image; and is used to determine the duration of the contact a means for determining whether the time exceeds a predetermined threshold; and a determination for responding to the determination that the duration of the contact exceeds the predetermined threshold, displaying an enlarged view of a portion of the image around or adjacent to the first location Components. A system comprising: an electronic device having a touch sensitive display and a rotatable input mechanism, wherein the touch sensitive display includes one or more sensors to detect contact with the touch sensitive display Intensity: means for receiving data representing a first photo collection and a second photo collection via wireless communication, wherein the first collection and the second collection are stored on an external device; for the touch sensitive display Displaying thereon a component including a user interface representing a user interface object of the first set; means for detecting a user interaction with a user of the user interface object; for responding to the detected use Interacting with the user of the interface object Means that one of the first images of the first photo collection displays a component that replaces the display of the user interface; and means for detecting contact with one of the touch-sensitive displays when the first image is displayed; a means for determining whether the contact has a characteristic intensity above a threshold intensity; and a determination for responding to the characteristic intensity being greater than the threshold intensity, using a second image representing the second photo collection A member that replaces the display of the first image is displayed. A system comprising: an electronic device having a touch sensitive display and a rotatable input mechanism, wherein the touch sensitive display includes one or more sensors to detect contact with the touch sensitive display Intensity: means for receiving, via wireless communication, data representing a collection of photos stored on an external device; means for displaying at least one of the photos of the collection on the touch-sensitive display; Detecting a member contacting the touch sensitive display at a position of one of the first photos of the at least one displayed photo; means for determining whether the contact has a characteristic strength higher than a threshold intensity And a means for displaying a user interface function table including at least one user interface object in response to the determining that the characteristic intensity is higher than the threshold strength, wherein the user interface object representation is for sharing the first The photo or an option to display the first photo as a background of a user interface on the display of the electronic device. An electronic device comprising: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: The wireless communication unit receives, via wireless communication, data indicative of a collection of photos stored on an external device; enabling display of a user interface including a user interface object on the touch sensitive display, the user interface object representing the a collection of photos; detecting a first user interaction with one of the displayed user interface objects; in response to detecting the first user interaction with the displayed user interface object, enabling an image to be used One of the first views displays the display replacing the user interface, the image including a visual representation comprising one of the first photos of the collection of photos a first representation and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein In the first view, displaying the first representation and the second representation in a first size; detecting a first movement of the rotatable input mechanism unit; and responding to detecting the rotatable input mechanism unit The first movement enables transition from the display of the first view of the image to display of one of the second views of the image, wherein in the second view, one of the first dimensions is different second The size displays the first representation and the second representation. The electronic device of claim 72, wherein the first size is greater than the second size. The electronic device of claim 72, wherein the first size is less than the second size. The electronic device of any one of clauses 72 to 74, wherein the portion of the image displayed at the center of the first view is displayed at the center of the second view. The electronic device of any one of clauses 72 to 75, wherein the image further comprises a third representation, wherein in the first view, the third representation comprises a visual representation of one of the entire third photos, and wherein In the second view, the third representation includes less than one visual representation of the entire third photo. The electronic device of any one of clauses 72 to 76, wherein the processing unit is further configured to: detect a first movement of one of the physical objects on or near the touch-sensitive display unit; when detecting The first movement enables the image displayed on the touch-sensitive display unit to be translated in a first direction to enable display of one of the previously hidden edges of the image; in response to the display of the previously hidden edge of the image And the continuous detection of the first movement enables an area beyond the edge of the image to be displayed; and after the first movement is no longer detected, enabling the image to be translated in a second direction until no longer displayed Exceeding this area of the edge of the image. The electronic device of any one of clauses 72 to 77, wherein the first representation comprises a first visual cue, and wherein the processing unit is further configured to: detect when the image is displayed on the touch sensitive display One of the contacts on the unit, Determining whether the contact indicates one of the first visual cues is selected; and in response to the determining indicating a selection of one of the first visual cues, enabling the display of the image to be replaced with one of the first photos. The electronic device of claim 78, wherein the processing unit is further configured to: detect a second user interaction when the first photo is displayed; and in response to detecting the second user interaction, enable The display of the first photo is replaced with one of the fourth photos, wherein the fourth photo corresponds to a fourth representation of the first representation in the image. The electronic device of claim 79, wherein the second user interaction is a one-touch gesture on the touch-sensitive display unit. The electronic device of claim 79, wherein the second user interaction is slipping on one of the touch sensitive display units. The electronic device of claim 79, wherein the second user interaction moves for one of the rotatable input mechanism units. The electronic device of any one of clauses 79 to 82, wherein the displaying of the display of the first photo by the display of the fourth photo comprises: transposing the display of the first photo away from the display to reveal Displaying the fourth photo in a third size; and enabling the display of the fourth photo to be converted from the third size to a fourth size, wherein the fourth size is greater than the third size. The electronic device of claim 83, wherein the enabling of the displaying of the fourth photo from the third size to the fourth size comprises enabling animating the fourth photo from the third size to the fourth size. The electronic device of any one of clauses 78 to 84, wherein the processing unit is further configured to: in response to the determining not indicating a determination of one of the first visual cues, This enables the display of the image on the touch-sensitive display unit to be maintained. The electronic device of any one of clauses 72 to 85, wherein the user interface object is an illustration of one of the photo applications. The electronic device of any one of clauses 72 to 86, wherein the user interface object is an illustration of an electronic data folder representing one of the photo collections. The electronic device of any one of clauses 72 to 87, wherein the first user interaction with the displayed user interface object is a light touch gesture. The electronic device of any one of clauses 72 to 88, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The electronic device of any one of clauses 72 to 89, wherein the electronic device is a wearable electronic device. The electronic device of any one of clauses 72 to 90, wherein the external device is a smart phone. The electronic device of any one of clauses 72 to 91, wherein the first representation and the second representation are arranged in a line grid pattern. An electronic device comprising: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: The wireless communication unit receives, via wireless communication, data representing a collection of photos stored on an external device; enabling display of a user interface including a user interface object on the touch-sensitive display unit, the user interface object representation The photo collection; Detecting interaction with a user of the displayed user interface object; in response to detecting the user interaction with the displayed user interface object, enabling display with one of the first views of an image Replacing the display of the user interface, the image comprising a first representation comprising a visual representation of one of the first photos of the collection of photos and a second representation comprising a visual representation of one of the second photos of the collection of photos Representing that the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, the first representation and the second representation are displayed in a first size Detecting contact with one of the touch-sensitive display units when the first view is displayed; determining whether the contact indicates one of the first representations is selected; and responding to the contact indicating a selected one of the first representations Deciding to enable transition from the display of the first view of the image to display of one of the second views of the image, wherein in the second view, the second size is greater than one of the first dimensions The first representation and the second representation, and wherein the display at the center of the second view of the image of the first representation. The electronic device of claim 93, wherein the processing unit is further configured to: in response to the determining not indicating a determination of one of the first representations, to enable the first view of the image to be in the touch sensitive This display on the display unit. The electronic device of claim 93 or 94, wherein the user interface object is an illustration of one of the photo applications. The electronic device of claim 93 or 94, wherein the user interface object is an illustration of an electronic data folder representing one of the photo collections. The electronic device of any one of clauses 93 to 96, wherein the first user interaction with the displayed user interface object is a light touch gesture. The electronic device of any one of clauses 93 to 97, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The electronic device of any one of claims 93 to 98, wherein the electronic device is a wearable electronic device. The electronic device of any one of clauses 93 to 99, wherein the external device is a smart phone. The electronic device of any one of clauses 93 to 100, wherein the first representation and the second representation are arranged in a line grid pattern. An electronic device comprising: a touch sensitive display unit configured to display a graphical user interface and receive contacts; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit, It is configured to transmit and receive wireless communications; and a processing unit coupled to the touch sensitive display unit, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to: The wireless communication unit receives, via wireless communication, data representing a collection of photos stored on an external device; enabling display of a user interface including a user interface object on the touch-sensitive display unit, the user interface object representation The photo collection; detecting a user interaction with one of the displayed user interface objects; in response to detecting the user interaction with the displayed user interface object, enabling the user to be replaced with an image The display of the interface, the image And including a first representation comprising a visual representation of one of the first photos of the collection of photos and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation Representing that the image is disposed relative to each other in a fixed position; detecting one of the first touch points on the touch sensitive display unit, wherein the first contact point corresponds to a first position on the image; Determining whether the duration of the contact exceeds a predetermined threshold; and in response to a determination that the duration of the contact exceeds the predetermined threshold, enabling display of a portion of the image around or adjacent to the first location A magnified view. The electronic device of claim 102, wherein the processing unit is further configured to: detect a translation of the contact along the touch-sensitive display unit to a second contact point corresponding to one of the second locations on the image; And in response to detecting the translation of the contact to the second contact point, enabling replacement of the image around or adjacent to the first location with an enlarged view of a portion of the image around or adjacent to the second location This display of the enlarged view of the portion. An electronic device as claimed in claim 102 or 103, wherein the enlarged view comprises a circular display of the portion of the image. The electronic device of claim 102, wherein the first location is associated with the first representation; and wherein the magnified view is an image of the first photo. The electronic device of any one of claims 102 to 105, wherein the magnified view is displayed over the touch point on the touch sensitive display unit. The electronic device of any one of clauses 102 to 106, wherein the processing unit The one-step configuration is such that a determination in response to the contact not exceeding the predetermined threshold enables the display of the image on the touch-sensitive display unit to be maintained. The electronic device of any one of clauses 102 to 106, wherein the processing unit is further configured to: respond to a determination that the duration of the contact does not exceed the predetermined threshold, such that the image corresponding to the image is enabled A display of one of the photos in the first position replaces the display of the image. The electronic device of any one of clauses 102 to 106, wherein the processing unit is further configured to: responsive to a determination that the duration of the contact does not exceed the predetermined threshold, enabling the image to be The display transitions to an enlarged view of the image centered at the first location on the image. The electronic device of any one of claims 102 to 109, wherein the user interface object is an illustration of one of the photo applications. The electronic device of any one of clauses 102 to 110, wherein the user interface object is an illustration of an electronic data folder representing one of the photo collections. The electronic device of any one of clauses 102 to 111, wherein the first user interaction with the displayed user interface object is a light touch gesture. The electronic device of any one of clauses 102 to 112, wherein the first representation and the second representation are thumbnail images of the corresponding photos. The electronic device of any one of claims 102 to 113, wherein the electronic device is a wearable electronic device. The electronic device of any one of clauses 102 to 114, wherein the external device is a smart phone. The electronic device of any one of clauses 102 to 115, wherein the first representation and the first The second representation is configured in a straight line grid pattern. An electronic device comprising: a touch sensitive display unit configured to display a graphical user interface and receive contacts, wherein the touch sensitive display unit includes one or more intensity sensor units to detect and Contact strength of the touch sensitive display unit; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit configured to transmit and receive wireless communication; and a processing unit coupled To the touch sensitive display unit, the one or more intensity sensor units, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to receive the representation via wireless communication by the wireless communication unit a first photo collection and a second photo collection data, wherein the first collection and the second collection are stored on an external device; enabling display on the touch-sensitive display unit to include one of the first collections a user interface of the user interface object; detecting interaction with a user of the user interface object; in response to detecting the user interacting with the user interface object Enabling the display of the user interface to be replaced by one of the first images of the first photo collection; detecting contact with one of the touch-sensitive display units when displaying the first image; determining the Whether the contact has a characteristic intensity above a threshold intensity; and a determination in response to the characteristic intensity being greater than the threshold intensity, such that the display can be replaced with one of the second images representing the second photo collection The display of an image. An electronic device as claimed in item 117, The first image includes a first overlay image indicating one of the first photo collections, and wherein the second image includes a second overlay image indicating one of the second photo collections. The electronic device of claim 117, wherein the first image comprises a first representation comprising a visual representation of one of the first photos of the collection of photos and a visual representation comprising one of the second photos of the collection of photos a second representation, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the first image, and wherein the second image includes one of the third photos included in the second photo collection a third representation of the visual representation and a fourth representation comprising a visual representation of one of the fourth photos of the second collection of photos, wherein the third representation and the fourth representation are configured relative to each other in the second image In a fixed position. The electronic device of claim 119, wherein the processing unit is further configured to: in response to the determining that the characteristic intensity is not higher than the threshold intensity, enabling transition from the display of the first image to the first image One of the enlarged views. The electronic device of any one of clauses 117 to 119, wherein the processing unit is further configured to: respond to a determination that the characteristic intensity is not higher than the threshold intensity, to enable use in the first photo collection One of the photos displays the display that replaces the first image. The electronic device of any one of clauses 119 to 121, wherein the first representation, the second representation, the third representation, and the fourth representation are thumbnail images of the corresponding photos. The electronic device of any one of clauses 119 to 122, wherein the first representation and the second representation are arranged in a line raster pattern in the first image, and the third representation and the fourth representation are in the The two images are arranged in a straight line grid pattern. The electronic device of any one of claims 117 to 123, wherein the user interface object is an illustration of one of the photo applications. The electronic device of any one of claims 117 to 124, wherein the user interface object is an illustration of an electronic data folder representing one of the photo collections. The electronic device of any one of claims 117 to 125, wherein the first user interaction with the displayed user interface object is a light touch gesture. The electronic device of any one of clauses 117 to 126, wherein the electronic device is a wearable electronic device. The electronic device of any one of clauses 117 to 127, wherein the external device is a smart phone. An electronic device comprising: a touch sensitive display unit configured to display a graphical user interface and receive contacts, wherein the touch sensitive display unit includes one or more intensity sensor units to detect and Contact strength of the touch sensitive display unit; a rotatable input mechanism unit configured to receive a rotary input; a wireless communication unit configured to transmit and receive wireless communication; and a processing unit coupled To the touch sensitive display unit, the one or more intensity sensor units, the rotatable input mechanism unit, and the wireless communication unit, the processing unit configured to receive the representation via wireless communication by the wireless communication unit Data stored in a collection of photos on an external device; enabling display of at least one of the photos in the collection on the touch-sensitive display unit; Detecting a contact on the touch sensitive display unit at a position of one of the first photos of the at least one displayed photo; determining whether the contact has a characteristic intensity above a threshold intensity; and responding to the characteristic a determination that the intensity is greater than the threshold strength, such that a user interface function table including at least one user interface object is displayed, wherein the user interface object indicates the sharing of the first photo or the electronic device The first photo is displayed on the display as an option for a background of a user interface. The electronic device of claim 129, wherein the user interface comprises: the background; a first user interface object indicating a time of day; and a second user interface object indicating a date, wherein the second The appearance of the user interface object blends with the background. The electronic device of claim 129 or 130, wherein the processing unit is further configured to: in response to the determining that the characteristic intensity is not higher than the threshold intensity, to enable the retention in the photo in the photo collection The display of at least one of them. The electronic device of claim 129 or 130, wherein at least one of the photos in the set is a first photo, and wherein the processing unit is further configured to: responsive to the characteristic strength not higher than the A determination of the threshold strength enables the display of the first photo to be replaced with one of the second photos of the photo collection. The electronic device of any one of claims 129 to 132, wherein the electronic device is a wearable electronic device. The electronic device of any one of claims 129 to 133, wherein the external device is a Smart phone. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data indicative of a collection of photos stored on an external device; The touch sensitive display includes a user interface including a user interface object, the user interface object representing the photo collection; detecting interaction with the first user of the displayed user interface object; responding to the detection Detecting interaction with the first user of the displayed user interface object, displaying the display replacing the user interface with one of the first views of the image, the image including one of the photo collections a first representation of a visual representation of one of the photos and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are The image is disposed relative to each other in a fixed position, and wherein, in the first view, the first representation and the second representation are displayed in a first size; detecting a first movement of the one of the rotatable input mechanisms; And in response to detecting the first movement of the rotatable input mechanism, converting the display of the first view of the image to a display of a second view of the image, Wherein, in the second view, the first representation and the second representation are displayed in a second size different from the first size. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data indicative of a collection of photos stored on an external device; The touch sensitive display displays a user interface including a user interface object, the user interface object representing the photo collection; detecting interaction with a user of the displayed user interface object; in response to detecting Interacting with the user of the displayed user interface object, displaying the display replacing the user interface with one of the first views of the image, the image including one of the first photos included in the photo collection a first representation of the visual representation and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are in the image Arranging in a fixed position with each other, and wherein, in the first view, displaying the first representation and the second representation in a first size; detecting when the first view is displayed on the touch sensitive display One of the contacts; determining whether the contact indicates one of the first representations; and Responding to the determination that the contact indicates the selection of one of the first representations, the display of the first view of the image is converted to one of the second views of the image, wherein in the second view, A second size greater than the first size displays the first representation and the second representation, and wherein the first representation is displayed at a center of the second view of the image. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data indicative of a collection of photos stored on an external device; The touch sensitive display displays a user interface including a user interface object, the user interface object representing the photo collection; detecting interaction with a user of the displayed user interface object; in response to detecting Interacting with the user of the displayed user interface object, replacing the display of the user interface with an image, the image including a first representation including a visual representation of one of the first photos of the photo collection and a second representation comprising a visual representation of one of the second photos of the set of photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image ; And one of the contact detected on one of the touch-sensitive display of the first contact point, wherein the first contact point on the image corresponds to one of a first position; Determining whether the duration of the contact exceeds a predetermined threshold; and in response to a determination that the duration of the contact exceeds the predetermined threshold, displaying an amplification of a portion of the image around or adjacent to the first location view. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display comprises one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; one or more a processor; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including An instruction to: receive data representing a first photo collection and a second photo collection via wireless communication, wherein the first collection and the second collection are stored on an external device; on the touch sensitive display Displaying a user interface including a user interface object representing the first set; detecting interaction with a user of the user interface object; in response to detecting the user interaction with the user interface object, Replacing the display of the user interface with one of the first images representing the first photo collection; detecting contact with one of the touch sensitive displays when displaying the first image; determining the contact Whether there is a characteristic intensity higher than a threshold intensity; and in response to the determination that the characteristic intensity is higher than the threshold intensity, replacing the first image with a display indicating one of the second images of the second photo collection The display. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display comprises one or more sensors Detecting contact strength with the touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for: receiving, via wireless communication, data indicative of a collection of photos stored on an external device; Displaying at least one of the photos in the set on the touch-sensitive display; detecting a contact on the touch-sensitive display at a position of one of the first photos of the at least one displayed photo; determining the contact Whether there is a characteristic intensity above a threshold intensity; and in response to the determination that the characteristic intensity is greater than the threshold intensity, displaying a user interface function table including at least one user interface object, wherein the user interface The object represents an option to share the first photo or display the first photo on the display of the electronic device as a background of a user interface. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising one or more processes by an electronic device having a touch sensitive display and a rotatable input mechanism Executing, when executed, causing the electronic device to: receive, via wireless communication, data representing a collection of photos stored on an external device; displaying, on the touch-sensitive display, a user including a user interface object Interface, the user interface object representing the photo collection; detecting a first user interaction with one of the displayed user interface objects; in response to detecting the first use of the displayed user interface object Interactively displaying, by one of the first views of an image, the display of the user interface, the image comprising a first representation comprising a visual representation of one of the first photos of the collection of photos and including the collection of photos a second representation of one of the second photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, Displaying the first representation and the second representation in a first size; detecting a first movement of the rotatable input mechanism; and in response to detecting the first movement of the rotatable input mechanism, the image is The display of the first view transitions to a display of a second view of the image, wherein in the second view, the first representation and the second representation are displayed at a second size different from the first size . A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising one or more processes by an electronic device having a touch sensitive display and a rotatable input mechanism When executed, the electronic device causes an instruction to: receive, via wireless communication, data representing a collection of photos stored on an external device; display a user interface including a user interface object on the touch sensitive display The user interface object represents the photo collection; detecting interaction with a user of the displayed user interface object; in response to detecting the user interaction with the displayed user interface object And displaying, by one of the first views of one of the images, the display of the user interface, the image comprising a first representation comprising a visual representation of one of the first photos of the collection of photos and including the collection of photos a second representation of one of the second photos, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, The first size displays the first representation and the second representation; detecting contact on one of the touch-sensitive displays when the first view is displayed; determining whether the contact indicates one of the first representations is selected; and responding to The determining represents a determination of one of the first representations, converting the display of the first view of the image to one of a second view of the image, wherein in the second view, greater than the One of the first dimensions displays the first representation and the second representation, and wherein the first representation is displayed at the center of the second view of the image. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising one or more processes by an electronic device having a touch sensitive display and a rotatable input mechanism When executed, the electronic device causes an instruction to: receive, via wireless communication, data representing a collection of photos stored on an external device; display a user interface including a user interface object on the touch sensitive display The user interface object represents the photo collection; detecting interaction with a user of the displayed user interface object; in response to detecting the user interaction with the displayed user interface object, using a The image replaces the display of the user interface, the image including the a first representation of a visual representation of one of the first photos of the photo collection and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are The image is disposed relative to each other in a fixed position; detecting one of the first touch points on the touch sensitive display, wherein the first contact point corresponds to a first position on the image; determining the contact Whether the duration exceeds a predetermined threshold; and in response to a determination that the duration of the contact exceeds the predetermined threshold, an enlarged view of a portion of the image around or adjacent to the first location is displayed. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism Executing, when the electronic device is configured to execute an operation, the touch sensitive display includes one or more sensors to detect a contact strength with the touch sensitive display: receiving, by wireless communication, a first photo collection and Data of a second photo collection, wherein the first set and the second set are stored on an external device; and displaying, on the touch-sensitive display, a user interface including a user interface object of the first set Detecting interaction with a user of the user interface object; in response to detecting the user interaction with the user interface object, replacing the use with one of the first images representing the first photo collection The display of the interface; detecting contact with one of the touch-sensitive displays when the first image is displayed; determining whether the contact has a characteristic higher than a threshold intensity ; And the characteristic response to a determination that the strength is higher than the threshold strength, denoted by a second one of the second one of the photo images set to display the display image of the first alternative. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism Executing, when executed, the electronic device performs an operation of: the touch-sensitive display includes one or more sensors to detect a contact strength with the touch-sensitive display: receiving via wireless communication means storing on an external device a material of the photo collection; displaying at least one of the photos in the collection on the touch sensitive display; detecting the touch sensitive at a position of one of the first photos of the at least one displayed photo Contacting one of the displays; determining whether the contact has a characteristic intensity above a threshold intensity; and in response to determining that the characteristic intensity is greater than the threshold intensity, displaying a user comprising at least one user interface object An interface function table, wherein the user interface object indicates that the first photo is shared or displayed on the display of the electronic device as a user One of the faces of a background option. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; and means for receiving, via wireless communication, data representative of a collection of photos stored on an external device; for use in the touch sensitive display Displaying a member including a user interface of a user interface object, the user interface object representing the photo collection; and means for detecting a first user interaction with one of the displayed user interface objects; Means for replacing the display of the user interface with a display of the first view of one of the images in response to detecting the first user interaction with the displayed user interface object, the image including a first representation of one of the first photos of the photo collection and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the first representation and the second representation are The image is disposed in a fixed position relative to each other, and wherein, in the first view, the first representation and the second representation are displayed in a first size; and one of the rotatable input mechanisms is detected a moving member; and means for responding to detecting the first movement of the rotatable input mechanism, converting the display of the first view of the image to a display of a second view of the image, Wherein, in the second view, the first representation and the second representation are displayed in a second size different from the first size. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; and means for receiving, via wireless communication, data representative of a collection of photos stored on an external device; for use in the touch sensitive display Displaying a component including a user interface of a user interface object, the user interface object representing the photo collection; means for detecting a user interaction with one of the displayed user interface objects; for responding Detecting interaction with the user of the displayed user interface object, replacing the user interface with a display of a first view of an image a displayed component, the image comprising a first representation comprising a visual representation of one of the first photos of the collection of photos and a second representation comprising a visual representation of one of the second photos of the collection of photos, wherein the a first representation and the second representation are disposed in a fixed position relative to each other in the image, and wherein, in the first view, the first representation and the second representation are displayed in a first size; a member that is in contact with one of the touch-sensitive displays when the first view is displayed; a means for determining whether the contact represents a selection of the first representation; and for indicating one of the first representations in response to the contact Determining a decision to convert the display of the first view of the image to a component displayed in one of the second views of the image, wherein in the second view, the second display is greater than the second one The size displays the first representation and the second representation, and wherein the first representation is displayed at the center of the second view of the image. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; means for receiving, via wireless communication, data indicative of a collection of photos stored on an external device; for use on the touch sensitive display Displaying a component comprising a user interface of a user interface object, the user interface object representing the photo collection; means for detecting a user interaction with a user of the displayed user interface object; Detecting the user of the user interface object displayed Interactively replacing, by an image, the displayed component of the user interface, the image comprising a first representation comprising a visual representation of one of the first photos of the collection of photos and including a second photo of the collection of photos a second representation of the visual representation, wherein the first representation and the second representation are disposed in a fixed position relative to each other in the image; for detecting a first contact of one of the touch-sensitive displays a member of the point, wherein the first contact point corresponds to a first position on the image; a member for determining whether the duration of the contact exceeds a predetermined threshold; and the duration for responding to the contact A determination that exceeds the predetermined threshold, a component that displays an enlarged view of a portion of the image around or adjacent to the first location. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; and The wireless communication receives a component representing a first photo collection and a second photo collection, wherein the first collection and the second collection are stored on an external device; and the displaying on the touch sensitive display includes indicating a user interface component of the first interface user interface object; means for detecting interaction with a user of the user interface object; responsive to detecting the interface with the user interface object User interaction, displaying a component that replaces the display of the user interface with one of the first images representing the first photo collection; Means for detecting contact on one of the touch-sensitive displays when the first image is displayed; means for determining whether the contact has a characteristic intensity above a threshold intensity; and responsive to the A determination that the characteristic intensity is higher than the threshold intensity, and means for replacing the display of the first image with one of the second images representing the second photo collection. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; and Wireless communication receiving means for storing data stored in a collection of photos on an external device; means for displaying at least one of the photos of the collection on the touch-sensitive display; for at least one of a member detecting one of the touch-sensitive displays at a position of one of the displayed photos; a member for determining whether the contact has a characteristic strength higher than a threshold strength; and for responding Determining, by the determination that the characteristic intensity is higher than the threshold intensity, a component comprising a user interface function table of at least one user interface object, wherein the user interface object representation is used to share the first photo or in the electronic The display of the device displays the first photo as an option for a background of a user interface. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors Executing, the one or more programs include instructions for performing any of the methods of claims 1 through 21. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods of claims 22-30. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory And configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods of claims 31-45. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display comprises one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; One or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more The program includes instructions for performing any of the methods of claims 46 through 57. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display comprises one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; one or more a processor; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including An instruction to perform any of the methods of claims 58 through 63. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism The execution causes the electronic device to execute an instruction as in any of the methods of claims 1 to 21. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism The execution causes the electronic device to execute an instruction as in any of the methods of claims 22-30. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism The execution causes the electronic device to execute an instruction as in any of the methods of claims 31 to 45. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism The electronic device is operative to perform an instruction of any one of the methods of claims 46-57, wherein the touch-sensitive display includes one or more sensors to detect a contact strength with the touch-sensitive display. A non-transitory computer readable storage medium storing one or more programs, the one or more programs being included in one or more processors having an electronic device having a touch sensitive display and a rotatable input mechanism The electronic device is operative to perform an instruction of any one of the methods of claims 58-63, wherein the touch-sensitive display includes one or more sensors to detect a contact strength with the touch-sensitive display. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; and means for performing any of the methods of claims 1 through 21. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; and means for performing any of the methods of claims 22-30. An electronic device comprising: a touch sensitive display; a rotatable input mechanism; means for performing any of the methods of claims 31 to 45. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; A means for performing any of the methods of claims 46-57. An electronic device comprising: a touch sensitive display, wherein the touch sensitive display includes one or more sensors to detect contact strength with the touch sensitive display; a rotatable input mechanism; and for performing A component of any of the methods of claims 58 through 63.