CN101617288A - Portable multifunction device, method and graphical user interface for panning display content - Google Patents

Abstract

A kind of computer implemented method that is used for being used in combination with the portable multifunction device with touch-screen display (112) (100) comprises: go up the part (4202) of display page content at described touch-screen display (112), described part comprise the display frame content a part (4206) framework (4204) and comprise the other guide (4208) of the described page.Detection described touch-screen display (112) go up or near N finger translation attitude (4210).In response to this, the described content of pages (4202) of the other guide (4208) of the display part (4206) that comprises frame content and the page is carried out translation, to go up the new part (4212) of display page content at described touch-screen display (112).Detection on the described touch-screen display or near M finger translation attitude (4214), wherein M is the number that is different from N.In response to this, described frame content (4206) is carried out translation, with new part (4216) in the last display frame content of described touch-screen display (112), and the other guide of the not translation page (4208).

Description

Portable multifunction device, method and graphical user interface for panning display content

technical field

The disclosed embodiments relate generally to portable electronic devices, and more particularly to portable devices that pan display content in response to detected finger gestures.

Background technique

As portable electronic devices become more compact, and the number of functions performed by a given device increases, designing user interfaces that enable users to easily interact with multifunction devices has become a significant challenge. This challenge is especially important for handheld portable devices with much smaller screens than desktop or laptop computers. The situation is disadvantageous because the user interface is the avenue through which the user not only receives content but also responds to user actions or behaviors, including the user's attempts to access the features, tools, and functions of the device. Some portable communication devices (e.g., mobile phones, sometimes referred to as cellular phones, etc.) resort to adding more push buttons, increasing the density of push buttons, overloading the functionality of the push buttons, or utilizing complex menus systems to enable users to access, store and manipulate data. These traditional user interfaces often result in complex key sequences and menu hierarchies that users must remember.

Many traditional user interfaces, such as those involving physical push buttons, are also inflexible. This is disadvantageous because it may prevent the user interface from being configured and/or adapted by applications running on the portable device or by the user. When combined with the time-consuming requirement of remembering multiple key sequences and menu hierarchies, and the difficulty in activating desired pressed buttons, this inflexibility is frustrating for most users.

An example of the inflexibility of many conventional user interfaces is the difficulty of using a touch screen interface on a portable device to pan through a display, especially a display that includes a frame displaying a portion of the content and also includes other content outside the frame. Occasionally, the user may wish to pan only the portion of the displayed content that is within the frame, but not the rest of the content outside the frame. Other times, the user may wish to pan both content within the frame and content outside the frame. Conventional touch screen interfaces lack a user-friendly method of distinguishing between these two operations.

Therefore, there is a need for a portable multifunction device with a clearer and more intuitive user interface for panning displayed content at the user's will, which is easy to use, configure and/or adapt. This interface increases the effectiveness, efficiency and user satisfaction of portable multifunction devices.

Contents of the invention

With the disclosed portable multifunction device, the above-mentioned deficiencies and other problems associated with user interfaces for portable devices are mitigated or eliminated. In some embodiments, the device has a touch-sensitive display (also referred to as a "touch screen") with a graphical user interface (GUI), one or more processors, memory, and a computer program stored on the memory for performing multiple functions. or multiple modules, programs, or sets of instructions. In some implementations, the user interacts with the GUI primarily through finger contacts and gestures on the touch-sensitive display. In some implementations, functions may include calling, video conferencing, email, instant messaging, blogging, digital photography, digital video, web browsing, digital music playback, and/or digital video playback. Instructions for performing these functions may be included in a computer program product configured for execution by one or more processors.

In one aspect of the invention, a computer-implemented method for use with a portable multifunction device having a touchscreen display includes displaying a portion of page content on the touchscreen display. The portion of the page content includes a frame displaying a portion of the frame content and also includes other content of the page. The method also includes detecting an N-finger panning gesture on or near the touch screen display, and in response to detecting the N-finger panning gesture, panning the page content to display a new version of the page content on the touch screen display , wherein panning the page content includes panning the displayed part of the frame content and other content of the page. Additionally, the method includes detecting an M-finger pan gesture on or near the touch screen display, where M is a number different from N, and in response to detecting the M-finger pan gesture, panning the framed content to The new portion of the frame content is displayed on the touch screen display without panning the other content of the page.

In another aspect of the invention, a graphical user interface on a portable multifunction device having a touchscreen display includes a portion of page content on the touchscreen display. The portion of the page content includes a frame displaying a portion of the frame content and also includes other content of the page. In response to detecting an N-finger pan gesture on or near the touch screen display, the page content is panned to display a new portion of the page content on the touch screen display, wherein panning the page content includes panning the Pan to other content on the above page. In response to detecting an M-finger pan gesture on or near the touchscreen display, the framed content is panned to display a new portion of the framed content on the touchscreen display without panning other content of the page, wherein M is a number different from N.

In another aspect of the invention, a portable multifunction device includes a touch screen display, one or more processors, memory, and one or more programs. 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 include instructions for displaying a portion of page content on the touch screen display. The portion of the page content includes a frame displaying a portion of the frame content and also includes other content of the page. The one or more programs also include instructions for detecting an N-finger panning gesture on or near the touch screen display; and for panning the page content in response to detecting an N-finger panning gesture on or near the touch screen display. An instruction for displaying a new part of the page content on the touch screen display, wherein the instruction for panning the page content includes an instruction for panning the displayed part of the frame content and other content of the page; for detecting instructions for an M-finger panning gesture on or near the touchscreen display, where M is a number different from N; and for panning the framed content in response to detecting the M-finger panning gesture to appear on the touchscreen An instruction to display a new portion of the frame's content on the display without panning the rest of the page's content.

In another aspect of the invention, a computer-readable storage medium stores instructions that, when executed by a portable multifunction device having a touch-screen display, cause the device to display on the touch-screen display an part. The portion of the page content includes a frame displaying a portion of the frame content and also includes other content of the page. The instructions further cause the device to detect an N-finger panning gesture on or near the touchscreen display, and in response to detecting the N-finger panning gesture, pan the page content to display the page on the touchscreen display A new part of the content, wherein panning the page content includes panning the displayed part of the frame content and other content of the page. The instructions further cause the device to detect an M-finger panning gesture on or near the touchscreen display, where M is a number different from N, and in response to detecting the M-finger panning gesture, pan the framed content, to display the new portion of the frame content on the touch screen display without panning the other content of the page.

In another aspect of the invention, a portable multifunction device having a touchscreen display includes means for displaying a portion of page content on the touchscreen display. The portion of the page content includes a frame displaying a portion of the frame content and also includes other content of the page. The apparatus also includes means for detecting an N-finger panning gesture on or near the touchscreen display, and in response to detecting the N-finger panning gesture, panning the page content to display on the touchscreen display means for displaying a new portion of the page content, wherein the means for panning the page content includes means for panning the displayed portion of the frame content and other content of the page. The apparatus also includes means for detecting an M-finger pan gesture on or near the touch screen display, where M is a number different from N, and for, in response to detecting the M-finger pan gesture, modifying the frame content A means for panning to display a new portion of the framed content on the touch screen display without panning the other content of the page.

Embodiments thus disclosed enable a user to easily pan page content or only frame content within the page content depending on the number of fingers used in the gesture.

Description of drawings

For a better understanding of the above-described embodiments of the present invention and additional embodiments thereof, reference should be made to the following Detailed Description in conjunction with the accompanying drawings, in which like numerals indicate corresponding parts throughout.

1A and 1B are block diagrams illustrating a portable multifunction device with a touch-sensitive display, according to some embodiments.

Figure 2 illustrates a portable multifunction device with a touch screen according to some embodiments.

Figure 3 illustrates an exemplary user interface for unlocking a portable electronic device in accordance with some embodiments.

4A and 4B illustrate exemplary user interfaces for application menus on a portable multifunction device, according to some embodiments.

5A-5C illustrate exemplary user interfaces for panning page content, or only panning frame content within page content, according to some embodiments.

Figure 6 is a flow diagram illustrating a process for panning content according to some embodiments.

Detailed ways

Reference will now be made in detail to embodiments, examples of which are illustrated in the accompanying drawings. In the following detailed description, numerous specific details are set forth in order to provide a thorough understanding of the present invention. It will be apparent, however, to one skilled in the art that the present invention may be practiced without these specific details. In other instances, well-known methods, procedures, components, circuits and networks have not been described in detail so as not to unnecessarily obscure aspects of the embodiments.

It should also be understood that, although the terms first, second, etc. may be used herein to describe various elements, these elements should not be limited to those terms. These terms are only used to distinguish one element from another. For example, a first posture could be termed a second posture, and, similarly, a second posture could be termed a first posture, without departing from the scope of the present invention.

The terminology used in the description of the present invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the description and appended claims of the present invention, the singular forms "a" and "the" are also intended to include the plural forms unless the context clearly dictates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It should be further understood that the term "comprising" used herein specifies the presence of stated features, integers, steps, operations, elements and/or parts, but does not exclude one or more other features, integers, steps, operations, elements , the presence or addition of components and/or groups thereof.

Embodiments of portable multifunction devices, user interfaces for such devices, and associated processes for using these devices are described. In some embodiments, the device is a portable communication device such as a mobile phone that also includes other functionality (eg, PDA and/or music player functionality).

The user interface may include a physical click wheel in addition to the touch screen or a virtual click wheel displayed on the touch screen. A click wheel is a user interface device capable of providing navigation commands based on the angular displacement of the wheel or a point of contact with the wheel by a device user. Clicking the scroll wheel may also be used to provide user commands corresponding to selection of one or more items, eg, where a user of the device presses at least a portion of the scroll wheel or the center of the scroll wheel. Alternatively, breaking contact with the click wheel image on the touchscreen surface may indicate a user command corresponding to a selection. For simplicity, in the following discussion, a portable multifunction device including a touch screen is used as an exemplary embodiment. However, it should be understood that some user interfaces and associated processes can be applied to other devices, such as personal Computers and laptops.

The device supports applications such as telephony applications; video conferencing applications; e-mail applications; instant messaging applications; blogging applications; digital camera applications; digital video camera applications; web browsing applications; digital music player applications; and/or digital video player applications.

Various applications executable on the device may employ at least one common physical user interface device, such as a touch screen. One or more functions of the touch screen and corresponding information displayed on the device may be adjusted and/or changed from one application to the next and/or within each application. In this way, a common physical architecture of a device, such as a touch screen, can support multiple applications with an intuitive and clear user interface.

The user interface may include one or more soft keyboard implementations. Soft keyboard implementations may include standard (QWERTY) and/or non-standard configurations of symbols on keyboard display icons, e.g., U.S. Patent Application 11/459,606, filed July 24, 2006, entitled "Keyboards For Portable Electronic Devices" and those configurations described in U.S. Patent Application 11/459,615, entitled "Touch Screen Keyboards For Portable Electronic Devices," filed July 24, 2006, the entire contents of which are incorporated herein by reference. Keyboard implementations may include a reduced number of icons (or soft keys) relative to the number of keys on existing physical keyboards, such as the keys on a typewriter. This may make it easier for the user to select one or more icons on the keyboard, and thereby select one or more corresponding symbols. Keyboard implementations may be adaptable. For example, displayed icons may be modified according to user actions (eg, selection of one or more icons and/or one or more corresponding symbols). One or more applications on the portable device may utilize common and/or different keyboard implementations. Thus, the keyboard implementation used can be adapted to at least some applications. In some implementations, one or more keyboard implementations may be tailored to each user. For example, one or more keyboard implementations are tailored to each user based on the user's word usage history (lexicography, slang, personal usage). Some keyboard implementations may be adjusted to reduce the probability of user error when selecting one or more icons, and thus one or more symbols, with soft keyboard implementations.

Attention is now directed to an embodiment of the device. 1A and 1B are block diagrams illustrating a portable multifunction device 100 with a touch-sensitive display 112 in accordance with some embodiments. Touch-sensitive display 112 is sometimes referred to as a "touch screen" for convenience, and is also known or referred to as a touch-sensitive display system. Device 100 may include memory 102 (which may include one or more computer-readable storage media), memory controller 122, one or more processing units (CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry 110, Speaker 111 , microphone 113 , input/output (I/O) subsystem 106 , other input or control devices 116 , and external port 124 . Device 100 may include one or more optical sensors 164 . These components may communicate via one or more communication buses or signal lines 103 .

It should be understood that device 100 is only one example of portable multifunction device 100, and that device 100 may have more or fewer components than shown, may combine two or more components, or may have different components configuration or settings. The various components shown in FIGS. 1A and 1B may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and/or application specific integrated circuits.

Memory 102 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Access to memory 102 by other components of device 100, such as CPU 120 and peripherals interface 118, may be controlled by memory controller 122.

Peripherals interface 118 couples the device's input and output peripherals to CPU 120 and memory 102. One or more processors 120 run or execute various software programs and/or sets of instructions stored in memory 102 to implement various functions of device 100 and process data.

In some embodiments, peripherals interface 118, CPU 120, and memory controller 122 may be implemented on a single chip, such as chip 104. In some other embodiments, they may be implemented on separate chips.

RF (Radio Frequency) circuitry 108 receives and transmits RF signals, which are also referred to as electromagnetic signals. The RF circuit 108 converts/converts the electrical signal to/from an electromagnetic signal and communicates with a communication network and other communication devices through the electromagnetic signal. RF circuitry 108 may include known circuitry for performing these functions including, but not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chip groups, Subscriber Identity Module (SIM) cards, memory, and more. RF circuitry 108 may communicate wirelessly with networks such as the Internet (also known as the World Wide Web (WWW)), intranets, and/or wireless networks such as cellular telephone networks, wireless local area networks (LANs), and/or metropolitan area networks (MANs). and other devices to communicate. Wireless communications may utilize any of a number of communications standards, protocols, and technologies including, but not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High Speed Downlink Packet Access (HSDPA), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) (for example, IEEE 802.11a, IEEE 802.11b, IEEE 802.11g and/or IEEE 802.11n), Voice over Internet Protocol (VoIP), Wi-MAX, protocols for email (e.g., Internet Message Access Protocol (IMAP) and/or Post Office Protocol (POP)) , a protocol for instant messaging (e.g., Extensible Messaging Presence Protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Support Extensions (SIMPLE), and/or Instant Messaging Presence Services (IMPS)) , and/or a protocol for Short Message Service (SMS), or any other suitable communication protocol (including communication protocols that have not yet been developed as of the filing date of this document).

Audio circuitry 110 , speaker 111 , and microphone 113 provide an audio interface between a user and device 100 . The audio circuit 110 receives audio data from the peripheral interface 118 , converts the audio data into an electrical signal, and sends the electrical signal to the speaker 111 . The speaker 111 converts the electrical signal into sound waves audible to humans. The audio circuit 110 also receives electrical signals converted from sound waves by the microphone 113 . Audio circuitry 110 converts the electrical signal into audio data and sends the audio data to peripherals interface 118 for processing. Audio data may be retrieved from and/or sent to memory 102 and/or RF circuitry 108 via peripherals interface 118 . In some embodiments, audio circuitry 110 also includes a headphone jack (eg, 212 in FIG. 2 ). The headphone jack provides audio circuitry 110 with detachable audio input/output peripherals (e.g., an output-only headphone or both outputs (e.g., a headphone for one or both ears) and An interface between headphones with an input (for example, a microphone).

I/O subsystem 106 couples input/output peripherals on device 100 (eg, touch screen 112 and other input/control devices 116 ) to peripherals interface 118 . I/O subsystem 106 may include a display controller 156 and one or more input controllers 160 for other input or control devices. The one or more input controllers 160 receive/send electrical signals from/to other input or control devices 116 . Other input/control devices 116 may include physical buttons (eg, push buttons, rocker buttons, etc.), dials, slide switches, joysticks, click wheels, and the like. In some alternative embodiments, input controller 160 may be coupled to any (or none) of the following: a keyboard, an infrared port, a USB port, and a pointing device such as a mouse. The one or more buttons (eg, 208 in FIG. 2 ) may include up/down buttons for volume control of speaker 111 and/or microphone 113 . The one or more buttons may include a push button (eg, 206 in FIG. 2 ). A quick press of the push button disengages the touchscreen 112 from the lock, or initiates a process using gestures on the touchscreen to unlock the device, as described in U.S. Patent Application 11/322,549 (filed December 23, 2005, entitled "Unlocking a Device by Performing Gestures on an UnlockImage"), the entire contents of which are hereby incorporated by reference. A long press on a push button (eg, 206 ) can power on or off device 100 . A user may be able to customize the functionality of one or more buttons. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

The touch-sensitive touch screen 112 provides an input and output interface between the device and a user. The display controller 156 receives and/or sends electrical signals from/to the touch screen 112 . Touch screen 112 displays visual output to the user. Visual output may include graphics, text, icons, video, and any combination thereof (collectively "graphics"). In some embodiments, some or all of the visual output may correspond to user interface objects, a more detailed description of which is given below.

Touch screen 112 has a touch-sensitive surface, sensor or set of sensors for accepting input from a user based on haptic and/or tactile contact. Touch screen 112 and display controller 156 (and any associated modules and/or instruction sets in memory 102) detect contact on touch screen 112 (and any movement or breaking of a contact) and translate the detected contact into an Interaction of user interface objects (eg, one or more soft keys, icons, web pages, or images) displayed on the touch screen. In one example embodiment, the point of contact between the touch screen 112 and the user corresponds to a finger of the user.

The touch screen 112 may utilize LCD (Liquid Crystal Display) technology or LPD (Light Emitting Polymer Display) technology, although other display technologies may be used in other embodiments. Touch screen 112 and display controller 156 may utilize any of a variety of now known or later developed touch sensing technologies including, but not limited to, capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity A sensor array or other element for determining one or more points of contact with the touch screen 112 to detect contact and any movement or break of contact.

The touch-sensitive display in some embodiments of the touch screen 112 may be compatible with the multi-touch sensitive display described in US Pat. Graphical input devices (tablets) are similar, and the entire contents of each of the aforementioned patents and patent publications are hereby incorporated by reference. However, the touch screen 112 displays visual output from the portable device 100, whereas the touch-sensitive graphical input device does not provide visual output.

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

The touch screen 112 may have a resolution exceeding 100 dpi. In one exemplary embodiment, the touch screen has a resolution of approximately 160 dpi. A user may make contact with touch screen 112 with any suitable object or accessory, such as a stylus, finger, or the like. In some embodiments, the user interface is designed to work primarily with finger-based contact and gestures, which are much less precise than stylus-based input due to the larger contact area of a finger on a touchscreen . In some embodiments, the device translates rough finger-based input into precise pointer/cursor positions or commands for performing the user's desired action.

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

In some embodiments, device 100 may include a physical or virtual click wheel as input control device 116 . The user can rotate the click wheel or by moving the point of contact with the click wheel (e.g., where the amount of movement of the point of contact is measured by an angular displacement relative to the center point of the click wheel), to activate one or more of the buttons displayed on the touch screen 112. Navigate among and interact with graphical objects (hereinafter referred to as icons). Clicking the wheel can also be used to select one or more display icons. For example, a user may depress at least a portion of a click wheel or an associated button. User commands and navigation commands provided by the user via clicking the scroll wheel may be processed by the input controller 160 and one or more modules and/or sets of instructions in the memory 102 . For a virtual click wheel, the click wheel and click wheel controller may be part of touch screen 112 and display controller 156, respectively. For a virtual click wheel, the click wheel may be an opaque or translucent object that appears and disappears on the touch screen display in response to user interaction with the device. In some embodiments, a virtual click wheel is displayed on the touch screen of the portable multifunction device and is operated by user contact with the touch screen.

Device 100 also includes a power system 162 for powering various components. Power system 162 may include a power management system, one or more power sources (e.g., batteries, alternating current (AC)), recharging systems, power failure detection circuits, power converters or inverters, power status indicators (e.g., light emitting Diodes (LEDs)), and any other components associated with power generation, management, and distribution in portable devices.

Device 100 may also include one or more optical sensors 164 . 1A and 1B illustrate an optical sensor coupled to optical sensor controller 158 in I/O subsystem 106 . Optical sensor 164 may include a charge coupled device (CCD) or a complementary metal oxide semiconductor (CMOS) phototransistor. Optical sensor 164 receives light from the environment projected through one or more lenses and converts the light into data representing an image. In conjunction with imaging module 143 (also referred to as a camera module), optical sensor 164 may 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 located on the front of the device, so that the touch screen display can be used as a viewfinder for still and/or video image acquisition. In some embodiments, an optical sensor is located on the front of the device so that an image of the user can be obtained for a video conference while the user is viewing other video conference participants on the touch screen display. In some embodiments, the user can change the position of the optical sensor 164 (e.g., by turning the lens and sensor in the device housing), so that a single optical sensor 164 can be used with the touch screen display for video conferencing and still and/or video image acquisition .

Device 100 may also include one or more proximity sensors 166 . 1A and 1B illustrate proximity sensor 166 coupled to peripherals interface 118 . Alternatively, proximity sensor 166 may be coupled to input controller 160 in I/O subsystem 106 . Proximity sensor 166 may be implemented as described in: U.S. Patent Application No. 11/241,839, filed September 30, 2005, entitled "Proximity Detector In Handheld Device"; U.S. Patent Application No. 11/240,788, entitled "Proximity Detector In Handheld Device"; U.S. Patent Application No. 11/620,702, entitled "Using Ambient Light Sensor To Augment Proximity Sensor Output"; U.S. Patent Application No. 11/586,862 for "Automated Response To And Sensing Of User Activity In Portable Devices"; and U.S. Patent Application No. 11/638,251, entitled "Methods And Systems For Automatic Configuration Of Peripherals," the entire contents of which are at This quote is for reference. In some embodiments, the proximity sensor is turned off and the touchscreen 112 is disabled when the multifunction device is placed to the user's ear (eg, when the user is on a phone call). In some embodiments, the proximity sensor turns off the screen when the device is in a user's pocket, purse, or other dark area to prevent unnecessary battery drain when the device is locked.

Device 100 may also include one or more accelerometers 168 . 1A and 1B show accelerometer 168 coupled to peripherals interface 118 . Alternatively, accelerometer 168 may be coupled to input controller 160 in I/O subsystem 106 . The accelerometer 168 may be as disclosed in U.S. Patent Publication No. 20050190059 entitled "Acceleration-based Theft Detection System for Portable Electronic Devices" and U.S. Patent Publication No. 20060017692 entitled "Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer" As described above, the entire contents of the above two patent publications are hereby incorporated by reference. In some embodiments, the information is displayed on the touch screen display in a portrait view or a landscape view based on analysis of data received from one or more accelerometers.

In some embodiments, the software components stored in memory 102 may include operating system 126, communication module (or instruction set) 128, touch/move module (or instruction set) 130, graphics module (or instruction set) 132, text input Modules (or instruction sets) 134 , Global Positioning System (GPS) modules (or instruction sets) 135 , and applications (or instruction sets) 136 .

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

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

Contact/movement module 130 may detect contact with touch screen 112 (in conjunction with display controller 156 ) and other touch-sensitive devices (eg, a touchpad or physical click wheel). The contact/movement module 130 includes various software components for performing various operations related to detecting a contact, such as determining whether a contact has occurred, determining whether the contact has moved and tracking the movement on the touch screen 112, And it is determined whether the contact has been broken (ie, whether the contact has ceased). Determining movement of the point of contact may include determining velocity (magnitude), velocity (magnitude and direction), and/or acceleration (change in magnitude and/or direction) of the point of contact. These operations can be applied to a single contact (eg, one-finger contact) or to multiple simultaneous contacts (eg, "multi-touch"/multi-finger contact). In some embodiments, contact/movement module 130 and display controller 156 also detect contact on a touchpad. In some embodiments, contact/movement module 130 and controller 160 detect contact on the click wheel.

Graphics module 132 includes various known software components for rendering and displaying graphics on touch screen 112, including components for changing the intensity of displayed graphics. The term "graphics" as used herein includes any object that may be displayed to a user, including but not limited to text, web pages, icons (such as user interface objects including soft keys), digital images, video, animations, and the like.

A text input module 134, which may be a component of the graphics module 132, provides a user interface for use in various applications (e.g., contacts 137, email 140, IM 141, blog 142, browser 147, and any other application that requires text input). program) to enter text in the soft keyboard.

The GPS module 135 determines the location of the device and provides this information for use in various applications (e.g., to the phone 138 for location-based dialing, to the camera 143 and/or to the blogging facility 142 as picture/video metadata, and to the For applications that provide location-based services such as weather widgets, local yellow pages widgets, and map/navigation widgets).

Application program 136 may include the following modules (or sets of instructions) or a subset or superset thereof:

● Contacts module 137 (sometimes called address book or contact list);

● Telephone module 138;

● video conferencing module 139;

- Email client module 140;

An instant messaging (IM) module 141;

● blog module 142;

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

● image management module 144;

- Video player module 145;

- Music player module 146;

● browser module 147;

- calendar module 148;

Widget modules 149, which may include a weather widget 149-1, a stock widget 149-2, a calculator widget 149-3, an alarm clock widget 149-4, a dictionary widget 149-5 , and other widgets obtained by the user, as well as user-created widgets 149-6;

a widget creator module 150 for forming user-created widgets 149-6;

● search module 151;

A video and music player module 152, which incorporates the video player module 145 and the music player module 146;

● memo module 153; and/or

• Map module 154 .

Examples of other applications 136 that may be stored in memory 102 include other word processing applications, JAVA enabled applications, encryption, digital rights management, speech recognition, and speech replication.

Combined with touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, contact module 137 can be used to manage address book or contact list, including: adding names to address book; Delete a name; associate a phone number, email address, physical address, or other information with a name; associate an image with a name; categorize and sort names; provide a phone number or email address to initiate and/or facilitate a Communication by video conferencing 139, email 140, or IM 141;

In combination with the RF circuit 108, audio circuit 110, speaker 111, microphone 113, touch screen 112, display controller 156, touch module 130, graphics module 132, and text input module 134, the phone module 138 can be used to input text messages corresponding to phone numbers. character sequence, access one or more phone numbers in the address book 137, modify already entered phone numbers, dial each phone number, place a call, and switch off or hang up when the call is complete. As noted above, wireless communications may employ any of a number of communications standards, protocols, and technologies.

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 module 130, graphics module 132, text input module 134, contact list 137 In conjunction with telephony module 138, video conferencing module 139 may be used to initiate, conduct, and terminate video conferences between the user and one or more other participants.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, email client module 140 may be used to create, send, receive, and manage email. In conjunction with the image management module 144 , the email module 140 enables easy creation and transmission of emails with still or video images taken with the camera module 143 .

In combination with the RF circuit 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the instant messaging module 141 can be used to input character sequences corresponding to instant messages, modify previously input characters, Send instant messages (e.g., using the Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for telephone-based instant messaging, or XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receive instant messages, and view Received instant messages. In some embodiments, sent and/or received instant messages may include graphics, photos, audio files, video files, and/or other attachments as supported by MMS and/or Enhanced Messaging Service (EMS). "Instant messaging" as used in the text refers to phone-based messaging (eg, messages sent using SMS or MMS) and Internet-based messaging (eg, messages sent using XMPP, SIMPLE, or IMPS).

In conjunction with RF circuitry 108, touch screen 112, display controller 156, touch module 130, graphics module 132, text input module 134, image management module 144, and browsing module 147, blog module 142 can be used to send text, still images, video and and/or other graphics to blogs (eg, a user's blog).

In conjunction with touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact module 130, graphics module 132, and image management module 144, camera module 143 can be used to capture still images or video (including video streaming) and Store them in memory 102 , modify the characteristics of still images or videos, or delete still images or videos in memory 102 .

In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, text input module 134, and camera module 143, image management module 144 may be used to arrange, modify, or otherwise manipulate, mark, delete, present (e.g., , in the form of digital slideshows or albums) as well as storing still and/or video images.

In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, audio circuitry 110, and speaker 111, video player module 145 may be used to display, present, or otherwise playback video (e.g., on a touch screen or via External port 124 on an externally connected display).

In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147, music player module 146 allows the user to download and playback recorded Music and other sound files stored in one or more file formats such as MP3 or AAC files. In some embodiments, device 100 may include the functionality of an MP3 player such as an iPod (trademark of Apple Computer Inc.).

In conjunction with RF circuitry 108, touch screen 112, display system controller 156, touch module 130, graphics module 132, and text input module 134, browser module 147 can be used to browse the Internet, including searching for, linking to, receiving, and displaying web or web pages as well as attachments and other files linked to the web page. Embodiments of the user interface and associated processing using the browser module 147 are described further below.

In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, email module 140, and browser module 147, calendar module 148 can be used to create, display, modify and Stores a calendar and data associated with the calendar (eg, calendar entries, to do lists, etc.).

In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, and browser module 147, widget module 149 is a small application ( For example, weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) or small applications created by users program (eg, user creates widget 149-6). In some embodiments, widgets include HTML (Hypertext Markup Language) files, CSS (Cascading Style Sheets) files, and JavaScript files. In some embodiments, widgets include XML (Extensible Markup Language) files and JavaScript files (eg, Yahoo! Widgets).

In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, and browser module 147, widget creator module 150 may be used by a user to create widgets ( For example, turning a user-specified portion of a web page into a widget).

In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, and text input module 134, search module 151 can be used to search memory 102 for information related to one or more search criteria (e.g., one or more user specified search terms) matching text, music, sound, images, video, and/or other files.

In combination with the touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the memo module 153 can be used to create and manage memos, schedules, and the like.

Combined with RF circuit 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, map module 154 can be used to receive, display, modify and store maps and data associated with maps (eg, driving directions; data about stores and other points of interest at or near a particular location; and other location-based data).

The modules and applications presented above each correspond to a set of instructions for performing one or more functions described above. These modules (ie, sets of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules may be combined or otherwise rearranged in various embodiments. For example, video player module 145 may be combined with music player module 146 into a single module (eg, video and music player module 152 in FIG. 1B ). In some embodiments, memory 102 may store a subset of the modules and data structures described above. Furthermore, memory 102 may store additional modules and data structures not described above.

In some embodiments, device 100 is a device in which operations for a predetermined set of functions on the device are performed exclusively through touchscreen 112 and/or a touchpad. By utilizing a touchscreen and/or touchpad as the primary input/control device for operation of device 100, the number of physical input/control devices (eg, push buttons, dials, etc.) on device 100 may be reduced.

A predetermined set of functions that may be performed exclusively through the touchscreen and/or touchpad includes navigation between user interfaces. In some embodiments, the touchpad, when touched by a user, navigates device 100 from any user interface that may be displayed on device 100 to a home, home, or root menu. In such an embodiment, the touchpad may be referred to as a "menu button." In some other embodiments, the menu button may be a physical push button or other physical input/control device instead of a touchpad.

FIG. 2 illustrates a portable multifunction device 100 with a touch screen 112 in accordance with some embodiments. The touch screen can display one or more graphics within user interface (UI) 200 . In this embodiment, as well as other embodiments described below, a user may select one or more graphics by touching or touching one or more graphics, for example, with one or more fingers 202 (not drawn to scale). In some embodiments, selecting the one or more graphics occurs when the user loses contact with the one or more graphics. In some embodiments, contact may include gestures, such as one or more taps, one or more swipes (left to right, right to left, up and/or down), and gestures that have been in contact with device 100. Finger scrolling (right to left, left to right, up and/or down). In some embodiments, unintentional contact with a graphic does not select the graphic. For example, a swipe gesture that sweeps over an application icon may not select the corresponding application when the gesture corresponding to selection is a tap.

Device 100 may also include one or more physical buttons, such as a “home” or menu button 204 . As previously mentioned, menu button 204 may be used to navigate to any application 136 in a set of applications executable on device 100 . Alternatively, in some embodiments, the menu buttons are implemented as soft keys in the 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 and locking the device, a volume adjustment button 208, a subscriber identity module (SIM) card slot 210, a headset headphone jack 212 and docking/charging external port 124. The push button 206 can be used to power on/off the device by pressing the button and keeping the button pressed for a predetermined time interval; latched by pressing the button and releasing the button before the aforementioned predetermined time interval elapses the device; and/or unlock the device or initiate an unlock process. In alternative embodiments, device 100 may also accept verbal input through microphone 113 to activate or deactivate some functions.

Attention is now directed to an embodiment of a user interface ("UI") and associated processing that may be implemented on portable multifunction device 100 .

Figure 3 illustrates an example user interface for unlocking a portable electronic device in accordance with some embodiments. In some embodiments, user interface 300 includes the following elements, or a subset or superset thereof:

An unlock image 302 that is moved to unlock the device with a finger gesture;

An arrow 304 providing a visual cue of the unlocking gesture;

- Channel 306 providing additional prompts for unlocking gestures;

● time 308;

●Day 310;

● date 312; and

● 314 wallpaper images.

In some embodiments, while the device is in the user interface locked state, the device detects contact with the touch-sensitive display (eg, a user's finger makes contact on or near unlock image 302 ). The device moves the unlock image 302 according to the contact. If the detected contact corresponds to a predetermined gesture, such as moving the unlock image across the channel 306, the device transitions to the user interface unlocked state. Conversely, if the detected contact does not correspond to the predetermined gesture, the device remains in the user interface locked state. As noted above, the process of using gestures on a touchscreen to unlock a device is described in U.S. Patent Application 11/322,549, filed December 23, 2005, entitled "Unlocking A Device By Performing Gestures On An Unlock Image" and filed December 23, 2005. It is described in U.S. Patent Application 11/322,550, entitled "Indication Of Progress Towards Satisfaction Of A User Input Condition," filed on 11 December 2010, which is hereby incorporated by reference in its entirety.

4A and 4B illustrate exemplary user interfaces for application menus on a portable multifunction device, according to some embodiments. In some embodiments, user interface 400A includes the following elements, or a subset or superset thereof:

● Signal strength indicators 402 for wireless communications (eg, cellular and Wi-Fi signals);

● time 404;

- battery status indicator 406;

• A tray 408 with icons for frequently used applications such as one or more of the following:

o the phone 138, which may include an indicator 414 of the number of missed calls or voicemail messages;

o an email client 140, which may include an indicator 410 of the number of unread emails;

o Browser 147; and

o Music player 146; and

● Icons for other applications, such as one or more of the following:

○ IM 141;

○ Image Management 144

○ camera 143;

○ Video player 145;

○Weather 149-1;

○Stock 149-2;

○ Blog 142;

○Calendar 148;

○ Calculator 149-3;

○Alarm clock 149-4;

○ Dictionary 149-5; and

○ A user creates a widget 149-6.

In some embodiments, user interface 400B includes the following elements, or a subset or superset thereof:

- 402, 404, 406, 141, 148, 144, 143, 149-3, 149-2, 149-1, 149-4, 410, 414, 138, 140 and 147 as above;

● map 154;

●Memorandum 153;

● Settings 412, which provides access to the settings of the device 100 and its various applications 136, as will be further described below; and

• Video and music player module 152 , which is also called iPod (trademark of Apple Computer Inc.) module 152 .

In some embodiments, UI 400A or UI 400B displays all available applications 136 on one screen, eliminating the need to scroll through the list of applications (eg, via a scroll bar). In some embodiments, as the number of application programs increases, the size of icons corresponding to the application programs can be reduced, so that all application programs can be displayed on a single screen without scrolling. In some embodiments, having all applications and a menu button on one screen enables the user to utilize functions such as activating the menu button 204 and then activating the desired application (e.g., by tapping or clicking on the icon corresponding to that application). Any desired application can be accessed with up to two inputs of other finger gestures.

In some embodiments, UI 400A or 400B provides combined access to widget-based and non-widget-based applications. In some embodiments, all widgets are displayed in UI 400A or 400B, whether they are user created or not. In other embodiments, activating the icon for the user-created widget 149-6 may lead to another UI containing the user-created widget or an icon corresponding to the user-created widget.

In some embodiments, the user can rearrange the interface in UI 400A or 400B using the process described in U.S. Patent Application No. 11/459,602, filed July 24, 2006, entitled "Portable Electronic Device With Interface Reconfiguration Mode." The entire content of the above patent application is hereby incorporated by reference. For example, a user may move application icons in and out of tray 408 with a finger gesture.

In some embodiments, UI 400A or 400B includes a meter (not shown) that displays an updated account usage metric for an account (e.g., a cellular phone account) associated with usage of the device, as in December 2005 as described in U.S. Patent Application 11/322,552, entitled "Account Information Display For Portable Communication Device," filed on the 23rd, which is hereby incorporated by reference in its entirety.

5A-5C illustrate exemplary user interfaces to pan page content, or only frame content within page content, according to some embodiments.

In some embodiments, user interfaces 4200A-4200C (FIGS. 5A-5C) include the following elements, or a subset or superset thereof:

● 402, 404 and 406 as above;

The previous page icon 3902, which when activated (eg, by a finger tap on the icon) initiates display of the previous page of web pages;

- Next page icon 3906, which when activated (e.g., by a finger tap on the icon) initiates display of the next page of web pages;

Refresh icon 3910, which when activated (e.g., by a finger tap on the icon) initiates a refresh of the web page;

A bookmark icon 3918, which when activated (e.g., by a finger tap on the icon) initiates display of a list or menu of bookmarks for the browser;

- add bookmark icon 3920, which when activated (eg, by a finger tap on the icon) initiates the display of the UI for adding bookmarks;

A new window icon 3922, which when activated (e.g., by a finger tap on the icon) initiates display of the UI for adding a new window to the browser;

A portion 4202 of page content such as web page content (FIGS. 5A and 5C);

- a frame 4204 for displaying a portion 4206 of the frame content;

A portion 4206 of the frame content displayed within the frame 4204 (FIGS. 5A and 5B), such as a portion of a map or a scrollable list of items;

Other content 4208 in section 4202 except section 4206 of framed content;

A new portion 4212 of the page content displayed in response to the N-finger pan gesture 4210 (FIG. 5B); and

• A new portion 4216 of framed content (FIG. 5C) displayed in response to an M finger pan gesture 4214, where M is a number different from N (eg, N=1, M=2).

FIG. 6 illustrates a flow diagram of a process 600 for panning content, according to some embodiments. In some embodiments, a portable multifunction device (eg, device 100) displays (6002) a portion of web content (eg, 4202 in Figure 5A) on a touchscreen display. The portion of the page content includes a frame (eg, 4204) for displaying a portion of the frame content (eg, 4206), and also includes other content of the web page (eg, 4208).

In some embodiments, the page content is web content. In some embodiments, the page content is a word processing, spreadsheet, email, or presentation document.

An N-finger pan gesture (eg, 4210) on or near the touch screen display is detected (6004).

In response to detecting the N-finger panning gesture, the page content is panned (6006) to display a new portion of the page content on the touch screen display (eg, 4212 in Figure 5B). Panning the page content includes panning the displayed portion of the frame content (eg, 4206 ) as well as other content of the page (eg, 4208 ).

In some embodiments, translating the page content includes translating the page content in a vertical, horizontal or oblique direction. In some embodiments, translating the page content has an associated translation direction corresponding to the direction of movement of the N-finger pan gesture. In some embodiments, the direction of translation corresponds directly to the direction of finger movement; however, in some embodiments, the direction of translation is mapped from the direction of finger movement according to a rule. For example, the rules may state that if the finger movement direction is within a predetermined angle (eg, 27° C.) of the standard axis, then the translation direction is along the standard axis, otherwise, the translation direction is substantially the same as the finger movement direction.

In some embodiments, translating the page content has an associated translation velocity that corresponds to the velocity of movement of the N-finger pan gesture. In some embodiments, translating the page content is based on simulation of an equation of motion with friction.

Detecting (6008) M finger pan gestures (eg, 4214 in FIG. 5A ) on or near the touchscreen display, where M is a number different from N. In some embodiments, N is equal to 1 and M is equal to 2.

In response to detecting the M-finger panning gesture 4214, the framed content is translated (6010) to display a new portion of the framed content (e.g., 4216 in FIG. 5C ) on the touchscreen display without panning other content of the page (e.g., , 4208). Although not shown in FIGS. 5A-5C , it should be noted that when the page content includes more than one frame content (i.e., the case of two or more frame content in different areas of the page content), the user may An M-finger pan gesture 4214 is performed over, or at least partially over, a framed content to identify the framed content as the framed content to be panned.

In some embodiments, translating the frame content includes translating the frame content in a vertical, horizontal, or oblique direction.

In some embodiments, translating frame content has an associated translation direction corresponding to the direction of movement of the M-finger pan gesture. In some embodiments, the direction of translation corresponds directly to the direction of finger movement; however, in some embodiments, the direction of translation is mapped from the direction of finger movement according to a rule. For example, the rules may state that if the finger movement direction is within a predetermined angle (eg, 27° C.) of the standard axis, then the translation direction is along the standard axis, otherwise, the translation direction is substantially the same as the finger movement direction.

In some embodiments, translating the frame content has an associated translation velocity corresponding to the velocity of movement of the M-finger pan gesture. In some embodiments, translating frame content is based on simulation of equations of motion with friction.

In some embodiments, the frame content includes a map. In some embodiments, the frame content includes a scrollable list of items.

In some embodiments, other content of the page includes text.

A graphical user interface (e.g., UI 4200A in FIG. 5A ) on a portable multifunction device with a touch screen display includes a portion 4202 of the page content on the touch screen display, which includes (1) a frame 4204 for displaying the frame content section 4206; and (2) other content 4208 of the page. In response to detecting an N-finger panning gesture 4210 on or near the touchscreen display, the page content is translated to display a new portion of the page content 4212 (FIG. 5B) on the touchscreen display, wherein panning the page content includes panning the page Other content of 4208. In response to detecting an M-finger pan gesture 4214 on or near the touchscreen display, the framed content is translated to display a new portion of the framed content 4216 (FIG. 5C) on the touchscreen display without panning the other content of the page 4208, where M is a number different from N. As described above, the M-finger gesture 4214 may be performed by the user over the framed content to be panned to identify the framed content to be panned.

Thus, depending on the number of fingers employed in the gesture, the user can easily pan the page content or just pan the frame content within the page content.

The foregoing description, for purposes of illustration, has been presented with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in light of the above teaching. The embodiment was chosen and described in order to best explain the principles of the invention and its practical application, to thereby enable others skilled in the art to best utilize the invention and various modifications as are suited to the particular use contemplated. kind of embodiment.

Claims (21)

1. A computer-implemented method comprising, at a portable multifunction device having a touch screen display, the following steps: displaying a portion of web content on the touch screen display, wherein the portion of the web content includes: a frame that displays a portion of the frame's content, and Other content of the webpage, including content other than the frame content of the webpage; detecting a single finger panning gesture on or near the touch screen display; panning the web content to display a new portion of the web content on the touch screen display in response to detecting a pan gesture of the single finger, wherein panning the web content includes panning a portion of the framed content display parts and other content of said web pages; detecting a panning gesture of two fingers on or near the touch screen display; and In response to detecting the two-finger panning gesture, the framed content is panned to display a new portion of the framed content on the touch screen display without panning other content of the web page. 2. A computer-implemented method comprising, at a portable multifunction device having a touch screen display, the steps of: displaying a portion of page content on the touch screen display, wherein the portion of the page content includes: a frame that displays a portion of the frame's content, and other content of said pages; detecting N-finger translation gestures on or near said touch screen display; In response to detecting an N-finger translation gesture, translating the page content to display a new portion of the page content on the touch screen display, wherein translating the page content includes translating the displayed portion of the frame content and other content of said pages; detecting M finger translation gestures on or near the touch screen display, where M is a number different from N; and In response to detecting the M-finger pan gesture, the framed content is panned to display a new portion of the framed content on the touch screen display without panning other content of the page. 3. The computer-implemented method of claim 2, wherein N is equal to one and M is equal to two. 4. The computer-implemented method of claim 2, wherein the page content is web page content. 5. The computer-implemented method of claim 2, wherein the page content is a word processing, spreadsheet, email, or presentation document. 6. The computer-implemented method of claim 2, wherein translating the page content comprises translating the page content in a vertical, horizontal, or oblique direction. 7. The computer-implemented method of claim 2, wherein translating the page content has an associated translation direction corresponding to a direction of movement of an N-finger translation gesture. 8. The computer-implemented method of claim 2, wherein translating the page content has an associated translation velocity corresponding to a movement velocity of an N-finger pan gesture. 9. The computer-implemented method of claim 2, wherein translating the page content is based on simulation of an equation of motion with friction. 10. The computer-implemented method of claim 2, wherein translating the frame content comprises translating the frame content in a vertical, horizontal, or oblique direction. 11. The computer-implemented method of claim 2, wherein translating the framed content comprises translating the framed content in a diagonal direction. 12. The computer-implemented method of claim 2, wherein translating the framed content has an associated translation direction corresponding to a direction of movement of an M-finger pan gesture. 13. The computer-implemented method of claim 2, wherein translating the framed content has an associated translation velocity corresponding to a movement velocity of an M-finger pan gesture. 14. The computer-implemented method of claim 2, wherein translating the frame content is based on simulation of an equation of motion with friction. 15. The computer-implemented method of claim 2, wherein the frame content includes a map. 16. The computer-implemented method of claim 2, wherein the frame content comprises a scrollable list of items. 17. The computer-implemented method of claim 2, wherein the other content of the page includes text. 18. A graphical user interface on a portable multifunction device having a touch screen display, comprising: The portion of the page content on the touchscreen display that includes: a frame that displays a portion of the frame's content, and other content of said pages; in: In response to detecting an N-finger pan gesture on or near the touch screen display, the page content is panned to display a new portion of the page content on the touch screen display, wherein panning the page content includes panning the other content on the said page; and In response to detecting an M-finger pan gesture on or near the touchscreen display, the framed content is panned to display a new portion of the framed content on the touchscreen display without panning other content of the page, wherein M is a number different from N. 19. A portable multifunction device, comprising: touch screen display; one or more processors; storage; 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 include: instructions for displaying a portion of page content on the touch screen display, wherein the portion of the page content comprises: a frame that displays a portion of the frame's content, and other content of said pages; instructions for detecting N-finger translation gestures on or near said touch screen display; An instruction for panning the page content to display a new portion of the page content on the touch screen display in response to detecting an N-finger translation gesture, wherein the instruction for panning the page content includes using instructions for translating the displayed portion of the frame content and other content of the page; instructions for detecting a translation gesture of M fingers on or near said touch screen display, where M is a number different from N; and Instructions for panning the framed content to display a new portion of the framed content on the touch screen display without panning other content of the page in response to detecting an M-finger panning gesture. 20. A computer-readable storage medium storing one or more programs, the one or more programs comprising: instructions for displaying a portion of page content on the touch screen display, wherein the portion of the page content comprises: a frame that displays a portion of the frame's content, and other content of said pages; instructions for detecting N-finger translation gestures on or near said touch screen display; instructions for translating the page content to display a new portion of the page content on the touch screen display in response to detecting an N-finger pan gesture, wherein translating the page content includes translating the frame content and other content of said pages; instructions for detecting a translation gesture of M fingers on or near said touch screen display, where M is a number different from N; and Instructions for panning the framed content to display a new portion of the framed content on the touch screen display without panning other content of the page in response to detecting an M-finger panning gesture. 21. A portable multifunction device having a touch screen display, comprising: means for displaying a portion of page content on the touch screen display, wherein the portion of the page content comprises: a frame that displays a portion of the frame's content, and other content of said pages; means for detecting N-finger translational gestures on or near said touch screen display; means for panning the page content to display a new portion of the page content on the touch screen display in response to detecting an N-finger panning gesture, wherein the means for panning the page content comprises using means for translating the displayed portion of said framed content and other content of said page; means for detecting a translation gesture of M fingers on or near said touch screen display, where M is a number different from N; and Means for panning the framed content to display a new portion of the framed content on the touch screen display without panning other content of the page in response to detecting an M-finger panning gesture.

Images